/* CSS Template for [Company/Organization] */



/* all sytles should be structured as follows:

******************************************

call (descriptive element names are required) { / comments for what the call is used for if the call doesnt explain enough (eg. .nav p { \* paragraph style for copy in the nav area *\) /

	position: value;

	flaot: value; / if aplicable /

	width: value; / plese use px if possible only use % if under 100%/

	height: value; / please use px if possible and if height is absolutely neccisary please comment behind with IMPORTANT, otherwise omit /

	background: color image repat position;

	color: value;

	font-family: value;

	font-size: value; / please use pt or em if possible or size types like "small", "larger", "x-small", etc. /

	font-whatever: value; / all other font styles /

	margin: top-value right-value bottom-value left-value;

	padding: top-value right-value bottom-value left-value;

	text-whatever: value;

	display: value;

	border: width style color;

	any other styles...

}	

******************************************

if possible please use #hhh; for colors */



html, body {

	background-color: Black;

	margin: 0;

	padding: 0;

	text-align: center;

	/* background-image: url(/images/structure/background.png); */

	background-position: center;

	background-repeat: no-repeat;

} 

 

#container {

	position: relative;

	width: 928px;

	text-align: left;

	margin-left: auto;

	margin-right: auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	font-style: normal;

	color: #000;

     

} 

 

#header {

 	position: relative; 

 	height: 563px; /* IMPORTANT */

	width: 100%;

	z-index: 2;

} 

#youtube {
position: absolute;
width: 125px;
height: 59px;
top: 15px;
right: 60px;	
}

#wrapper {

	/* Background image for left side should go here if needed - will resize to content - OR can put it in the body style */

	text-align: center;

	width: 798px;

	border: 1px solid #000;

	margin-top: -215px;

	padding: 0px;

	background: #8E8F8A url(/images/structure/contentback.jpg) no-repeat;

} 

 

#nav {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	z-index: 5;

}



#content {

	width: 675px;

	position: relative;

	margin-top: 370px;

	padding : 5px 60px 0px 60px;

	text-align: left;

}



#content_small {

	width: 675px;

	position: relative;

	margin-top: 270px;

	padding : 5px 60px 0px 60px;

	text-align: left;

}



#report_content {

     width: 765px;

     position: relative;

     margin-top: 270px;

     padding : 5px 5px 0px 25px;

     text-align: left;

}



#toppic {

	position: absolute;

	right: 65px;

	top: 400px;

	z-index: 1;

}



.homeheader {

	font-size: 15px;

	font-weight: bold;

}



.subheading {

	color: #932025;

	font-size: 22px;

	font-weight: bold;

}



.rates_text {

	font-size: 15px;

	font-weight: bold;

}



.important_info {

	color: #941f31;

	font-weight: bold;

}



#footer{

	position: absolute;

	left: -23px;

	bottom: -375px;

	text-align: center;

	font-size: 10pt;

	width: 100%;

	color: #FFF;

	padding-bottom: 20px;

}



#footer a{

	color: #FFF;

}





/*Simple styles for clients to use sizes and colors etc.*/



.smaller {

	font-size: 8px;

}



.small {

	font-size: 10px;

}



.big {

	font-size: 16px;

}



.bigger {

	font-size: 18px;

}



.blue {

	color: #0000a0;

}



.red {

	color: #ff0000;

}



.green {

	color: #008000;

}



.yellow {

	color: #ffff00;

}





/* Other style names that may be used include:



1) horiz-nav - if nav needs to be a horizontile navigation

2) base-nav - if nav needs to be text links near the copyright

3) copyright - if the style needs to be different from other elements in the footer - usually used in a span within the footer div

4) something_something where there would be additional styles for sectioned layouts where the peacies fit togeather but are in seperate divs (eg. nav_top, nav_bottom or header_left, header_right etc.)

5) something_something where there would be user defined changes through either navigation or selection (eg. header_0, header_1, header_2)



*/



/* Reports Classes */

.reports {

     color: #000;

     /*font-weight: bold;*/

}



.report_header {

     color: #000;

     font-weight: bold;

}



.row1 {

     background-color: #8f5150;

     filter:alpha(opacity=80);

     -moz-opacity:0.8;

     -khtml-opacity: 0.8;

     opacity: 0.8;

} 



a.reports {

     color: #000;

}



div.bigspacer {

     height: 175px;

}



span.smaller {

     font-size: 9pt;

}



table.reports {

     padding-right: 20px;

}