/* Global Stylesheet */

/* DuroMedia */

/* Developed By: Adam Duro */



/* --------------------------------------- */

/* --( Global Styles )-- */

/* --------------------------------------- */



html { background: url('../_img/html_bg.gif') repeat 0px 0px; }



body {

    font: 62.5%/1.25 helvetica, arial, sans-serif;

    font-size: .8em;

    background: url('../_img/page_bg.gif') repeat-x top center;

}

a {

    text-decoration: none;

	color: #727373;

}

/* self clearing rules */

.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.selfclear { display: inline-block; _height: 1%; }

/* Hides from IE-mac \*/

.selfclear { display: block; }

/* End hide from IE-mac */



.nodisp {

    display: block;

    height: 0;

    width: 0;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



/* --------------------------------------- */

/* --( Main Container )-- */

/* --------------------------------------- */



#main_container {

    width: 980px;

    margin: 0 auto;

}



/* --------------------------------------- */

/* --( Header )-- */

/* --------------------------------------- */



#header {

    height: 108px;

    background: url('../_img/header_light.jpg') no-repeat top left;

}

#header h1 {

    float: left;

	margin: 11px 0 0 8px;

}

#headerPic {

	width: 660px;

	float: left;

}

#header h1 a {

    display: block;

    height: 86px;

    width: 476px;

    background: url('../_img/header_logo.png') no-repeat;

    text-indent: -3000px;

}

#header_cta {

    width: 249px;

    float: right;

    background: #E0EAB9;

    margin-top: 19px;

}

#header_cta span {

    display: block;

}

#header_cta span.b1 {

    background: url('../_img/header_cta_arrow.gif') no-repeat left;

    padding-left: 14px;

}

#header_cta span.b2 {

    background: url('../_img/header_cta_top.gif') no-repeat top right;

}

#header_cta span.b3 {

    background: url('../_img/header_cta_bottom.gif') no-repeat bottom right;

}

#header_cta h3 {

    padding: 11px 0;

    color: #FFFFFF;

    font-weight: normal;

    font-size: 1.4em;

    padding-left: 20px;

    display: block;

    height: 48px;

}

#header_cta h3 span {

    color: #707070;

}



/* --------------------------------------- */

/* --( Navigation )-- */

/* --------------------------------------- */



#nav ul li {

    display: inline;

}

#nav ul li.parent {

    position: relative;

    display: block;

    float: left;

}

#nav ul li a {

    display: block;

    float: left;

    font-size: 1.4em;

    text-transform: uppercase;

    padding: 12px 20px 8px 0;

    color: #FFE3C1;

}

#nav ul li a:hover {

    color: #FFF;

}

#nav ul li ul {

    visibility: hidden; /* Comment This Out to view what dropdown will look like */

    display: block;

    position: absolute;

    top: 42px;

    left: 0;

    width: 200px;

}

#nav ul li ul li a {

    float: none;

    background: transparent url('../_img/50_trans_white.png');

    margin-bottom: 1px;

    padding-left: 15px;

    font-size: 1.1em;

}



/* --------------------------------------- */

/* --( Leaderboard )-- */

/* --------------------------------------- */



#leaderboard {

    height: 176px;

    background: url('../_img/leadermap.png') no-repeat 60px -8px;

    padding-left: 498px;

    padding-top: 38px;

    line-height: 1.9em;

}

#leaderboard h3 {

    color: #FFF;

    font-size: 1.5em;

    font-weight: normal;

    line-height: 1.5em;

}

#leaderboard p {

    color: #fafafa;

    font-size: 1.4em;

}

#leaderboard p span {

    background: #E69B2A;

    padding: 4px 2px 3px;

}



/* --------------------------------------- */

/* --( Content )-- */

/* --------------------------------------- */



#content_container {

    background: url('../_img/content_bg.gif') repeat-y;

}

#content_container span {

    display: block;

}

#content_container span.b1 {

    background: url('../_img/content_head.gif') no-repeat top;

}

#content_container span.b2 {

    background: url('../_img/content_foot.gif') no-repeat bottom;

    padding: 24px 26px;

}

#content {

    width: 632px;

    float: left;

}

#content h2 {

    font-size: 1.6em;

    margin: 0 0 15px 0;

    font-weight: normal;

    color: #E58E23;

}

#content h3 {

    font-size: 1.4em;

    margin: 0 0 15px 0;

    font-weight: normal;

    color: #66CC00;

}

#content p {

    margin: 15px 0;

    line-height: 1.8em;

    text-align: justify;

}

#content p.bullets {

    margin: 15px 0;

    line-height: 1.8em;

    text-align: justify;
	list-style-type:disc;

}


#content ul li {

	list-style-image:url(../_img/bullet.jpg);

}

#content ul {

	padding-left: 20px;

}

#content span.sep {

    display: block;

	height: 17px;

	border-top: 1px dotted #ccc;

	margin: 0 auto;

   /* height: 28px;

    margin: 15px 0;

    background: url('../_img/paragraph_seperator.gif') no-repeat center;*/

}

span.archive 
	{
	width: 245px;

    height: 18px;

    color: #fff;

    font-weight: normal;

    font-size: 1.3em;

    background: url('../_img/news_head_bg.jpg') no-repeat;

    text-align: center;

    padding: 11px 0;

    margin: 0 0 12px 0;
	}
	
span.archive a
{
	text-decoration: none;
	color:#FFF;
}


#sidebar {

    width: 246px;

    background: url('../_img/news_bg.gif') no-repeat top;

    padding: 13px 12px;

    float: right;

}

#sidebar h3 {

    width: 245px;

    height: 18px;

    color: #fff;

    font-weight: normal;

    font-size: 1.3em;

    background: url('../_img/news_head_bg.jpg') no-repeat;

    text-align: center;

    padding: 11px 0;

    margin: 0 0 12px 0;

}

#sidebar a {

	text-decoration: none;
	color: #727373;

}

#sidebar dl dt,

#sidebar dl dd {

    margin: 12px 0;

}

#sidebar dl dd p {

    margin: 10px 0;

}

#sidebar dt {

	border-top: 1px dotted #ccc;

	padding-top: 1em;

}

#sidebar dt.first { border: none; }



/* --------------------------------------- */

/* --( Footer )-- */

/* --------------------------------------- */



#footer {

    padding: 0 18px;

    color: #ccc;

}

#footer p {

    margin: 18px 0;

}

#footer p a {

    color: #ccc;

}

#footer p a:hover {

    text-decoration: underline;

}

#footer div.col1 {

    width: 480px;

    float: left;

}

#footer div.col2 {

    width: 400px;

    float: right;

    text-align: right;

}
