/*
 *	Zenlight v1.0
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2005 - Gregory Remington, www.mediatech.net
 * 	Some rights reserved, http://creativecommons.org/licenses/by-sa/2.0/
 */


/* Template Layout */ 

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background:#FFFFFF;
font-size: 11px;
}

/* List Fonts */
OL,UL {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11.5px;
   margin: 0.25em 0.5em;
   padding: 2px;
}

/* Headings */
H1,H2,H3,H4,H5 {
   font-family: Trebuchet MS, Verdana, sans-serif;
   color: #0066ff;   /* BGCM BLUE */
   font-stretch: wider;
   margin_bottom: 0.5em;
}

/* Page Title */
.header1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #0066FF;   /* bgcm blue */
   font-weight: bolder;  
   font-stretch: wider;
   font-size: 20px; 
   padding: 0.2em;
}
.titleBar{
	width: 100%;
	padding: 10px  0px 10px 40px;
	border-bottom: 1px solid #FF6600;
	margin-right: 0;
}

/* Spotlight Module */
.spotLight {
	background-color:#66CC33;
	padding: 0;
	width: 130px
}

.spotLight th {
	background-color:#66CC33;
	color:#FFFFFF;
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.spotLight td {
	background-color:#FFFFFF;
	color:#000000;
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding: 5px;
}

/* Blue Border for Tables */
.border {
   border: 1px solid #COC8D4;                     /* lite blue grey */
}

 

/* Footer */
.footer {
   font-size: 11px;
   font-weight:bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   color: #FFF;   /* white */
   line-height: 150%;
   text-align: center;
   background-color:#66CC33;
   width: 100%;
   border-bottom: 1px solid #FF6600;
   border-top: 1px solid #FF6600;	
}

.footer a:link {
   font-size: 11px;
   font-weight:bold;
   color: #0066FF; /*bgcm blue*/
  }
  
.footer a:hover {
   font-size: 11px;
   font-weight:bold;
   color: #FF6600; /*orange*/
  }

.footer a:visited {
   font-size: 11px;
   font-weight:bold;
   color: #0066FF; /*bgcmblue*/
  }


/* Top Table */
.top {
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	color:#FFFFFF;
	font-weight:bold;
}

/* Static Navigation */
.staticNav {
	font-size:10px;
	font-weight:bold;
    color: #0066FF;   /* bgcm blue */
	padding: 0 10px 0 5px
}

.staticNav a{
	font-size:10px;
	font-weight:bold;
    color: #0066FF;   /* bgcm blue */
	padding: 0 10px 0 5px
}

.staticNav a:visited{
	font-size:10px;
	font-weight:bold;
    color: #0066FF;   /* bgcm blue */
	padding: 0 10px 0 5px
}
/* Last Update */
.lastupdate {
   font-size: 10px;
   color: #003366;   /* dark blue */
   line-height: 150%;
   text-align: center;
}

/* Quote */
.quote  {
  color: #666666;   /* dark grey */
  font-weight: 550;
}


/* In Text Hyperlinks */
a:link {
 font-weight: bold;
 color: #0066FF;   /* bgc blue */
 text-decoration: none;
}

a:visited {
 font-weight: bold;
 color: #0066ff;   /* dark blue */
 text-decoration: none;
}

a:hover {
 font-weight: bold;
 color: #FF6600; /* orange */
 text-decoration: underline;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000; /* bgcm blue */
}

.navTable {
	background-color:#66CC33;
	border-bottom: 1px solid #FF6600;
	border-top: 1px solid #FF6600;	
	padding: 0;
	margin: 0;
}

/* Bottom Navigation Menu */
.bottomnav {
   font-family: Verdana, sans-serif;
   font-size: 11px;
   font-variant: small-caps;
}  
.bottomnav a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #0066FF;    /* bgcm blue */   
   padding: 2px;
}
.bottomnav a:visited {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #0066FF;    /* bgcm blue */   
   padding: 2px;
}
.bottomnav a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FF6600;    /* orange */   
   padding: 2px;
}
.bottomnav_act a:active {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FFF;    /* white */   
   padding: 2px;
}

.bottomnav_act a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #FFF;    /* white */
   padding: 2px;
}
.bottomnav_act a:visted {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #FFF;    /* white */
   padding: 2px;
}
.bottomnav_act a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   background: #FFF;   /* white */
   color: #FF6600;    /* orange */   
   padding: 2px;
}

/* HOME PAGE LAYOUT*/
.hp {
	width: 100%;
	background-image:url(../images/title_bgimage.jpg);
	height: 450px;
}

.hp ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style-type: none;
}

.hpImage1 {
	margin-left: 5px;
	margin-top: 10px;
	position: inherit;
	clear:both;
	z-index:1;
}

.hpSpotLight{
	margin-left: 100px;
	margin-top: -80px;
	width: 260px;
	height: 250px;
	border: 2px solid #66CC33;
	background-color:#FFFFFF;
	position: relative;
	clear:both;
	z-index: 4;
}

.hpSpotLightTitleBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #66CC33;
	color: #FFF;
	font-weight:bold;
	padding: 5px;
	vertical-align: top;
}

.pad5 {
	padding: 5px
}


.hpNews {
	margin-left: 320px;
	margin-top: -430px;
	width: 375px;
	height: 210px;
	border: 2px solid #0095b9;
	background-color: #FFFFFF;
	position: inherit;
	clear:both;
	z-index:2;
}

.hpImage2 {
	margin-left: 377px;
	margin-top: -247px;
	position: relative;
	clear: both;
	z-index:6;
}

.hpNewsTitleBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #0095b9;
	color: #ff6600;
	font-weight:bold;
	padding: 5px;
	vertical-align:top;
}

.hpImage3 {
	margin-left: 718px;
	margin-top: -215px;
	position: inherit;
	clear:both;
	z-index:5;
}

.hpNews2 {
	margin-left: 660px;
	margin-top: -130px;
	width: 340px;
	height: 223px;
	border: 2px solid #FF6600;
	background-color:#FFFFFF;
	position: relative;
	clear:both;
	z-index: 3;
}

.hpNews2TitleBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #FF6600;
	color: #FFFFFF;
	font-weight:bold;
	padding: 5px;
}

.hpNews2TitleBar a:hover{
	color:#FFF;
}

.hpDonateImage {
	margin-left: 10px;
	margin-top: -80px;
	position: relative;
	clear:both;
	z-index:7;
}

.hpSponsorScrollImage {
	margin-left: 670px;
	margin-top: 12px;
	position: relative;
	z-index:8;
}

.hpSuggestionBoxImage {
	margin-left: 935px;
	margin-top: -50px;
	position: relative;
	z-index:9;
}

.hpJoinTodayImage {
	margin-left: 900px;
	margin-top: -400px;
	position: relative;
	z-index:10;
}

#content {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 color : #000000;
 margin-top: 1em;
 margin-bottom: 1em;
 vertical-align:top;
 line-height:normal;
}


/* Vertical Navigation Menu */ 

.vertnav1 a:link {
display:block;
border-bottom:1px solid #95BECD;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_blue_right.gif) 5px 50% no-repeat;
}
.vertnav1 a:visited {
display:block;
border-bottom:1px solid #95BECD;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_blue_right.gif) 5px 50% no-repeat;
}
.vertnav1 a:active {
display:block;
border-bottom:1px solid #95BECD;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_blue_right.gif) 5px 50% no-repeat;
}
.vertnav1 a:hover {
display:block;
border-bottom:1px solid #95BECD;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down.gif) 5px 50% no-repeat;
}

.vertnav1-act a:link {
display:block;
border-bottom:1px solid #95BECD;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down.gif) 5px 50% no-repeat;
}
.vertnav1-act a:visited {
display:block;
border-bottom:1px solid #95BECD;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down.gif) 5px 50% no-repeat;
}
.vertnav1-act a:active {
display:block;
border-bottom:1px solid #95BECD;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down.gif) 5px 50% no-repeat;
}
.vertnav1-act a:hover {
display:block;
border-bottom:1px solid #95BECD;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down.gif) 5px 50% no-repeat;
}

.vertnav2 a:link {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2 a:visited {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2 a:active {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2 a:hover {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_line.gif) 20px 50% no-repeat;
}

.vertnav2-act a:link {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_line.gif) 20px 50% no-repeat;
}
.vertnav2-act a:visited {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_line.gif) 20px 50% no-repeat;
}
.vertnav2-act a:active {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_line.gif) 20px 50% no-repeat;
}
.vertnav2-act a:hover {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_line.gif) 20px 50% no-repeat;
}

.vertnav3 a:link {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_blue_right_solid.gif) 35px 50% no-repeat;
}
.vertnav3 a:visited {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_blue_right_solid.gif) 35px 50% no-repeat;
}
.vertnav3 a:active {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_blue_right_solid.gif) 35px 50% no-repeat;
}
.vertnav3 a:hover {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down_solid.gif) 35px 50% no-repeat;
}

.vertnav3-act a:link {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down_solid.gif) 35px 50% no-repeat;
}
.vertnav3-act a:visited {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down_solid.gif) 35px 50% no-repeat;
}
.vertnav3-act a:active {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down_solid.gif) 35px 50% no-repeat;
}
.vertnav3-act a:hover {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_arrow_green_down_solid.gif) 35px 50% no-repeat;
}

.vertnav4 a:link {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_blue_solid.gif) 50px 50% no-repeat;
}
.vertnav4 a:visited {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_blue_solid.gif) 50px 50% no-repeat;
}
.vertnav4 a:active {
display:block;
border-bottom:1px dotted #94B4DB;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#94B4DB; /* flat blue*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_blue_solid.gif) 50px 50% no-repeat;
}
.vertnav4 a:hover {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_solid.gif) 50px 50% no-repeat;
}

.vertnav4-act a:link {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_solid.gif) 50px 50% no-repeat;
}
.vertnav4-act a:visited {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_solid.gif) 50px 50% no-repeat;
}
.vertnav4-act a:active {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_solid.gif) 50px 50% no-repeat;
}
.vertnav4-act a:hover {
display:block;
border-bottom:1px dotted #FF6000; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#FF6000; /* red orange*/ 
text-decoration:none;
width:174px;
background:url(../images/button_square_green_solid.gif) 50px 50% no-repeat;
}

/* Login Button */

.login {border:0px}


/* TYPO3 CVS id:$id$ */ 
/* Template stylesheet which can be used for new sites */

/*
Colorscheme is:

Background Color 1:#EDEBF1;(Background 1)
Background Color 1-dimmed:#D8D7DC;(Background 1 - dimmed)
Background Color 2:#F5FFAA;(Background 2)
Background Color 3:#D1D2E4;(Background 2)

Text, main:#000000
Text Color 1:#186900;(red)
Text Color 2:#10007B;(green)
Text Color 3:#8A0020;(blue)

Links#000066
Link hover:#660000;

Borders/Lines#333333
*/ 


/********************************/ 
/* Frames, spacing, link-to-top */ 
/********************************/ 
P.csc-linkToTop { text-align:right; }
P.csc-linkToTop A { font-weight:bold; }

DIV.csc-frame { border:0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top:1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom:1px solid #333333; }
DIV.csc-frame-indent { padding-left:100px; }
DIV.csc-frame-indent3366 { padding-left:33%; }
DIV.csc-frame-indent6633 { padding-right:33%; }
DIV.csc-frame-frame1 { background-color:#EDEBF1; padding:2px 4px 2px 4px; border:1px solid #333333; }
DIV.csc-frame-frame2 { background-color:#FFFFFF; padding:4px 0px 8px 0px; border-bottom:1px dotted #FF6000; margin-bottom:12px; margin-top:5px; font-size:11px; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top:2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top:2px; }


/* Headers, with link */ 
H1 A, H2 A, H3 A, H4 A, H5 A { color:#0066FF; text-decoration:none; }
H2 A { color:#186900; }
H3 A { color:#10007B; }
H4 A { color:#8A0020; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#186900; }

/* Subheader, general */ 
P.csc-subheader { font-style:italic; background-color:#EDEBF1; }

/* Subheader, specific */ 
P.csc-subheader-0 { font-style:normal; }
P.csc-subheader-1 { color:#186900; }
P.csc-subheader-2 { color:#10007B; }
P.csc-subheader-3 { color:#8A0020; }



/*******************/ 
/* RTE / Bodytext:*/ 
/*******************/ 
P.bodytext { font-size:11px; color:#000000; }
P.bodytext A { font-weight:normal; }

/* RTE / Bulletlists */ 
UL { margin-top:0px;  }
UL UL LI { font-size:11px; }
OL { margin-top:0px; }
/* LI { margin-top:0px; margin-bottom:0px; padding-top:2px; } */ 
LI {list-style-image:url(../../../../../media/bullets/dot.gif); margin-top:0px; margin-bottom:0px; margin-left:15px; margin-right:0px; }

/* RTE / Table styling */ 
TABLE.contenttable { border:1px #333333 solid; margin:10px 0px 10px 0px; width:100%; }
TABLE.contenttable TR TD { padding:0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size:10px; }
TABLE.contenttable TR { background-color:#EDEBF1; }



/**********/ 
/* Images */ 
/**********/ 

/* Images / Captions */ 
P.csc-caption { font-size:10px; font-style:italic; }

/* Images / Tables / Floating text */ 
TABLE.imgtext-table { border:0px; }

/* Images / Tables / Wrapped text */ 
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here:*/ 
TABLE.imgtext-nowrap { border:0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top:0px; }



/***************/ 
/* Bulletlists */ 
/***************/ 

/* Bulletlists, general */ 
/*UL.csc-bulletlist LI { color:#8A0020; list-style-image:url(../../../../../media/bullets/dot.gif); }

/* Bulletlists, specifically */ 
/*UL.csc-bulletlist-0 { color:#8A0020; list-style-image:url(../../../../../media/bullets/dot.gif); }
UL.csc-bulletlist-1 { color:#186900; list-style-type :decimal; }
UL.csc-bulletlist-2 { color:#10007B; list-style-position :inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }*/



/*********************/ 
/* Tables, generally */ 
/*********************/ 
TABLE.contenttable P { font-size:11px; }
TABLE.contenttable TR TD { vertical-align:top; }

/* Tables, specifically */ 
TABLE.contenttable-0 P { color:#000000; }

TABLE.contenttable-1 P { color:#186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight:bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color:#D1D2E4;}
TABLE.contenttable-2 P { color:#10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color:#F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight:bold; }

TABLE.contenttable-3 P { color:#8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color:#D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight:bold; }



/************************/ 
/* Filelinks, generally */ 
/************************/ 
TABLE.csc-uploads { border:0px; }
TABLE.csc-uploads TR TD P { background-color :transparent; font-size:12px; }
TABLE.csc-uploads TR TD { vertical-align :top; }
TABLE.csc-uploads TR.tr-even { background-color:#EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color:#D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left:6px; padding-right:6px; width:1%; text-align:center; vertical-align:middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width:80%; padding-left:5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight:bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style:italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space:nowrap; padding-left:6px; padding-right:6px; }

/* Filelinks, specifically */ 
TABLE.csc-uploads-1 { border-color:#186900; }

TABLE.csc-uploads-2 { border-color:#10007B; }

TABLE.csc-uploads-3 { border-color:#8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align:middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border:2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border:2px solid #333333; }



/*****************/ 
/* Various Forms */ 
/*****************/ 

/* Email, Login and Search forms generally:*/ 
FORM TABLE TR TD { padding-left:5px; padding-right:20px; }
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color:#D8D7DC; }
FORM TABLE TR TD.csc-form-fieldcell { background-color:#EDEBF1; }
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border:1px solid #333333; }
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight:bold; }

/* Email form, specifically */ 
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }

/* Search form, specifically */ 
FORM TABLE.csc-searchform { width:100%; }
FORM TABLE.csc-searchform TR TD { padding:5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight:bold; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width:100%; }

/* Login form, specifically */ 
FORM TABLE.csc-loginform { width:70%; }


/*****************/ 
/* Search result */ 
/*****************/ 

/* Search Result, result information box:*/ 
TABLE.csc-searchResultInfo { margin-left:0px; margin-top:10px; width:100%;}
TABLE.csc-searchResultInfo TR { background-color:#EDEBF1; }
TABLE.csc-searchResultInfo TR TD P { padding:0px 5px 0px 5px;}
TABLE.csc-searchResultInfo TR TD.csc-searchResultRange P { font-weight:bold; }
TABLE.csc-searchResultInfo TR TD.csc-searchResultPrevNext { text-align:right; }

/* Search Result, header + abstract:*/ 
H3.csc-searchResultHeader A { color:#186900; }
H3.csc-searchResultHeader { background-color:#EDEBF1; font-size:14px; padding-left:5px; }
P.csc-searchResult { font-style:italic; margin-left:20px;}

/* Search word markup */ 
SPAN.csc-sword { font-weight:bold; color:red; }


/*****************************/ 
/* Menu / Sitemap, generally */ 
/*****************************/ 
DIV.csc-menu { margin-left:10px; }
DIV.csc-menu P { font-size:11px; font-weight:bold; margin:1px 0px 0px 0px; padding:2px 2px 2px 10px; background-color:#EDEBF1; }
DIV.csc-menu P A { color:#000000; text-decoration:none; }
DIV.csc-menu P A:hover { color:#660000; text-decoration:underline; }
DIV.csc-menu P.csc-section { font-weight:normal; margin-left:20px; font-style:italic; }

/* Menu / Sitemap, "Menu of these pages" */ 
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */ 
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */ 
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left:20px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left:40px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left:60px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left:80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color:#000000; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color:#186900; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color:#10007B; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color:#8A0020; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */ 
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left:0px; }
DIV.csc-menu-3 P.csc-section A { color:#186900; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */ 
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top:2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight:normal; font-style:italic; margin-top:0px; padding:0px 2px 2px 20px; }

/* Menu / Sitemap, "Recently updated pages" */ 
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */ 
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */ 
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight:bold; }
DIV.csc-menu-7 P.csc-section A { color:#186900; }



/****************************************/ 
/* Frontend editing / TYPO3 Admin Panel */ 
/****************************************/ 
IMG.frontEndEditIcons { vertical-align:middle; margin:0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */ 
TABLE.typo3-adminPanel { border:1px solid black; background-color:#F6F2E6;text-align:left; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color:#9BA1A8;text-align:left; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color:#ABBBB4;text-align:left; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border:0px; }
TABLE.typo3-adminPanel TD FONT { font-family:verdana; font-size:10px; color:black; }
TABLE.typo3-adminPanel TD A FONT { font-family:verdana; font-size:10px; color:black; }
TABLE.typo3-editPanel { border:1px solid black; background-color:#F6F2E6; }
TABLE.typo3-editPanel TD { border:0px; }


/*************/ 
/* Debugging */ 
/*************/ 
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border:1px dotted #999999;}
TD TABLE { border:1px dotted #000099;}
DIV { border:1px dotted #990000;}
IMG.spacer-gif { border:1px solid black; }
*/

/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */

/*		------	Basic style	------		*/

#menu {
	display: block;
	width: 100%;
	position: relative;
	top: 0;
	left:2px;
	padding: 0 5px 0 5px;
	margin: 0;
	z-index: 9;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu a {
	display: block;
}

#menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
	z-index: 20;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
	visibility:visible;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Fix for IE5/Mac \*//*
#menu a {
	float: left;
}
*/

#menuList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/

#menu {
	color: #FFFFFF;
	display: block;
}

#menu a:hover {
	color: #FF6600;
	background-color:#FFFFFF;
}

#menu a {
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	padding: 2px 3px 2px 3px;
}

#menu li:hover>a {
	color: #FF6600;
}

#menu li ul {
	color: #FF6600;
	background-color: #FFFFFF;
	border: 1px solid #FF6600;
	width: 130px;
}

#menu li ul a {
	text-align: left;
	color: #0066FF;
}

