/*@charset "utf-8";*/

/* Global CSS elements */

 body {
	margin:0;
	padding:0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-image: url("../img/background.gif");
	font-size: 11px;
		}

		div, span, table, p, blockquote, ol, dl, ul, li, h1, h2, h3, h4, dt, dd, td, th, tbody, note, em, em strong, strong em, strong, b, i, tt    {
		font-family: Verdana,Arial,Helvetica,sans-serif;
		}

	

        h1 {
		color: #CE6B2A;
		font-size: 135%;
		padding-top:0px;
                }

        h2 {
        color: #CE6B2A;
		font-size: 135%;
		padding-bottom: 0px;
                }
        h3 {
       	color: #CE6B2A;
		font-size: 120%;
		padding-bottom: 0px;
                }
        h4 {
        color: #CE6B2A;
		font-size: 100%;
		padding-bottom: 0px;
		margin-top: 0px; 
		 }  





/* general link color treatments */
a:link, a:visited { 
   text-decoration: underline; 
   color: #085AAA; 
   }

a:link:hover, :visited:hover { color: #CC6600; }
a:link:active, :visited:active { color: #085AAA; }

.breadcrumb {
	font-size: 10px;
}


/* CSS Container Div */
#container
{
	width: 1000px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* CSS logo divs  */
#logo {
	float: left;
	width: 142px;
	background-image: url("../img/blue_back_logo.gif");
}
#logo2 {
	float: left;
	width: auto;
	background-color: #FFFFFF;
}

/* CSS top navigation header placement divs */
#headerlinks {
	float: left;
	width: 600px;
	height: 62px;
	background-color: #FFFFFF;
	/*padding-left: 15px;*/
	padding-top: 15px;
	text-align: right;
}

#headerbottom {
	float: right;
	width: 858px;
	background-image: url("../img/blue_back_logo.gif");
	background-color: #67a7d9;
	height: 35px;
}


/* Special Treatments for Component Tables */
.toolbar_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	
}


.component_table  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

.component_white_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


/* CSS for breaks and footer, used on all pages */

.break {
	clear: both;
	margin: 0;
	color: #333;
	height: 1px;
}


#footer
{
	clear: both;
	background-image: url("../img/footer_background.gif");
	height: 100px;
	background-repeat: repeat-x;
	padding-top: 80px;
	padding-left: 15px;
}

.red {
	color: #990000;
}

/* Css for content */

/* CSS for content well of story pages  */
#contentnews {
	float: left;
	width: 590px; /* was: 560px;*/
	margin-bottom: 10px;
	margin-left: 45px;
	margin-right: 0px;
	/*height: 1000px;*/
	line-height: 20px;
	font-size: 12px;
	margin-top: 15px;
}

/* CSS for the right col container, which holds all the tools in one div */
#rightcol {
  float:right; 
  width:300px;
  /*border:1px red solid;*/
}

/* CSS for toolbar widget on right rail of stories */
#toolbarnews {
	/*float: right;*/
	/*width: 300px;*/
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px;
	padding-top: 10px;
	background-color: #ffd8b1;
	line-height: 22px;
	background-image: url("../img/orange_back_sm.gif");
}

/* CSS for orange widget on right rail of stories */
#componentfeaturednews {
	/*float: right;*/
	/*width: 300px;*/
	height: auto;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px;
	padding-top: 10px;
	background-color: #CA6531;
}

/* CSS for Blue widget on right rail of stories */
.componentnews {
	font-size: 11px;
	/*float: right;*/
	/*width: 100%;*/
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 10px;
  /*padding-bottom:1px;*/
	background-image: url("../img/blue_back_sm.gif");
}

/* CSS for bullet arrow used in widgets */

.bullet {
	vertical-align: bottom;
}


/* CSS for video contest section */

.video_contest_whitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
}
.video_contest_home_orange {
	background-color: #CE6B2A;
	width: 272px;
	padding: 9px;
	float: left;
}
.video_contest_blue_box {
	width: 653px;
	float: left;
}
.video_contest_mainbody {
	margin-top: 0px;
	margin-right: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	padding: 10px;
}

.photo {
border:solid;
border-color:#cccccc;
border-width:1px;
}

/* CSS legacy from previous site */
.rulerow {
	background-image: url("../img/quotes/bg_rule.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
.shaderow {
	background-image: url("../img/quotes/bg_shade.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}
.textblock {
	margin-left: 15px;
	margin-top: 5px;
}
.orangebullet {
	list-style-image: url("../img/orange_bullet.gif");
}
.orange {color: #ca6431}



