/* STANDARD TAG REDEFINITIONS */
html, body { height: 100%;}

* { margin: 0; padding: 0; border;}
a { text-decoration: none;}
.fix_it {
	/* this class is only applied to BR tags or DIVs, and is used to fix a bug on firefow which makes the footer to go under the bottom of the page */
	/* origin of the bug: for some reason, firefox applies extra margins to the first element in the #main div */
	height:1px;
	margin:0;
	padding:0;
	line-height:1px;
	overflow:hidden;
	visibility:hidden;
}
img, a img { border: 0;}
body {
	margin:0;
	font-family: Arial, verdana, Century Gothic, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFFFFF;
			
	background: url(../images/bg_tile.gif) #336699 repeat-y;background-position:center top;
	text-align:left;
}
.clear { clear: both; margin: 3px 0;}
p {
	margin-bottom: 7px;
	margin-top: 0;
	color: #000;
}
a{ color: #336699; text-decoration: none; }
a:hover{	text-decoration: underline;  color: black;   }


#HEADER{	width:990px; margin-left:auto; margin-right:auto; background-color: #000000;}


#HEADER .Visual{ height:180px;    }

#HEADER .title{   text-align: left;   background-repeat: no-repeat; line-height: 32px;color: #ffffff;font-size:1.7em; padding: 5px 0 0 15px;}

 
#HEADERNAV{height:37px; position: relative; top: -180px; 	 }


#CONTENT{   width:990px; margin-left:auto; margin-right:auto;  repeat-y;background-position:center top;margin:0 auto 0 auto; }
#CONTENT .strip p{ height:100%;   font-size: 11px;  text-align: justify; background-color:  #deeefd; margin-top:0px;  padding:0px 25px 5px 25px;  color:#FFFFFF	 }




#TEXT{ padding: 10px 0px 30px 0px; text-align:left;  }




#FOOTER{ background-color:#10365a;	 width:993px; margin:auto;      
    bottom: 0px; height:100px; text-align:center;  }
#FOOTER p{ padding-right:25px ; font-size: 11px; line-height: 14px; margin: 0;  color: #fff; }
#FOOTER a{ font-size: 11px;	font-weight: normal;	text-decoration: none;  color: #fff;    }
#FOOTER a:hover{ color: white; text-decoration: underline; }

#HEADERLOGO{
height:134px; 	
width:990px; 	
background: url(toptile.jpg) repeat-x #336699;background-position:center top;  

 margin-left:auto; 
 margin-right:auto; 
 background-color:;  }
 
 #HEADERLOGO .ticker{ height:20px;     background-color: #336699;    }

.clearer {
	clear:both;
}
#menu {
	width:990px;
	padding-top:8px;
	padding-bottom:8px;	
	margin-bottom:5px;
		

	font-family:verdana,Century Gothic, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-variant:small-caps;

}
#menu a {
	color:#ffffff;
	text-decoration:none;
	padding-left:15px;	padding-right:15px;
	
}
#menu a:hover {

	padding-left:15px;
	padding-right:15px;
	color:#66ccff;


}


/*details page*/
#left{
	float: left;
	text-align:left;
	color: #666;
 font-size: 15px;
 margin:0px 10px 0px 10px;
	padding: 5px;
	width:180px;
	background-color: #cccccc ;
}


#belowrightbox{
	float: right;
	width:320px;
	margin-right:10px;
	color: #000;
	


	
}
#rightcontent {
	width: 430px;
	text-align: justify;
	 color:#DC143C; 
	 background-color: #deeefd;
	 	padding:5px;
		font-size:14px;
		height:100%;
		float:left;
		
}
div .rightcontent p  {
	  background-color: #ffffff;  margin-bottom:0px;height:32px;line-height: 32px; font-size: 0.7em; padding:10px; 
	  
}
#detailsstrip {min-height:100%; font-size: 11px;  text-align: justify;  margin:0px;  border-color:#ffffff; 	 }
#wide1 {
	width: 100%;
	text-align: center;
	 color: #e1dfd1;
	 background-color: #e1dfd1;
	 
}
div .wide1 p  {
	  background-color: #cccc99;color:#e1dfd1;  margin-bottom:0px;height:32px;line-height: 32px; 	padding: 0 0 0 0px;font-size:1.4em;
	  
}



#leftheader {
	width: 200px;
	text-align: left;
	 color: #000000;
	 background-color: #ffffff;
padding-left:20px;}

#footheader {
	width: 200px;
	text-align: left;
	 color: #000000;
	 background-color: #ffffff;
padding-left:20px;}

div .leftheader p  {
	 background-color: #cc0000; color:#ffffff;  margin-bottom:10px;height:32px;line-height: 32px; font-size:1.4em;	padding-left: 15px; 
	  
}