/* -----------------------------------*/
/* Title:    ECMMA Master styles for screen media
/* Author:   Jonathan Henriksen, jh@digital-ascension.com
/* Author:   Chris Mueller, chris.mueller@gmail.com
/* Updated:  07/30/2006
/* -----------------------------------*/


/* -----------------------------------*/
/* ------->>> GLOBAL RESET <<<--------*/
/* -----------------------------------*/

/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
	}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
	}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
	}
fieldset {
        border: none;
	}
input, select, textarea {
        font-size: 100%;
	}


/* -----------------------------------*/
/* ------->>> MASTER STYLES <<<-------*/
/* -----------------------------------*/
body {
	background: #ffffff url("../images/layout/main_bg_tile_greynotes.gif");
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

acronym {
	border-bottom: 1px dotted;
	}


/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#header_container {
	height: 140px;
	margin: 0;
	padding: 0;
	background: #5d509b url("../images/layout/header_bg.gif") repeat-x;
	border-bottom: #e9e9e9 10px solid;
	}

	#header {
		height: 140px;
		width: 847px;
		margin: 0 auto;
		padding: 0;
		background: url("../images/layout/header_graphic.gif") no-repeat;
		}

		#header h1 {
			display: none;
			margin: 0;
			padding: 0;
			font: normal small-caps 1.5em/1.6em Georgia, Times, "Times New Roman", serif;
			color: #ffffff;
			}

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/

#header ul.nav {
	height: 30px;
	margin: 0 auto;
	padding: 110px 0 0 55px;
	list-style: none;
	}

	#header ul.nav li {
		float: left;
		height: 30px;
		margin: 0;
		padding: 0;
		font: normal .8em/.8em Arial, Helvetica, Verdana, sans-serif;
		}

		#header ul.nav li a {
			float: left;
			height: 11px;
			margin: 0 1px 0 0;
			padding: 9px 14px;
			text-decoration: none;
			color: #cfcfcf;
			background: #715ebf;
			border-top: #8870e5 1px solid;
		}

		#header ul.nav li a:hover {
			color: #e9e9e9;
			background: #8870e5;
		}

		#header ul.nav li.active a {
			margin: 0 2px 0 1px;
			font-weight: bold;
			color: #604cb1;
			background: #e9e9e9 url("../images/layout/nav_active_bg.gif") repeat-x;;
			border-top: #ffffff 1px solid;
		}

		#header ul.nav li.active a:hover {
			color: #604cb1;
			background: #e9e9e9 url("../images/layout/nav_active_bg.gif") repeat-x;;
			border-top: #ffffff 1px solid;
		}

/* -----------------------------------*/
/* --------->>> SUB MENU <<<----------*/
/* -----------------------------------*/

#subnav {
	margin: 0;
	padding: 0;
	}
	
	#subnav ul.nav {
		height: 30px;
		margin: -20px 0 20px 0;
		padding: 0;
		text-align: center;
		}
	
	#subnav ul.nav li {
		float: left;
		margin: 0 !important;
		padding: 0 !important;
		display: inline !important;
		list-style-type: none !important;
		background: transparent;
		}
	
	#subnav ul.nav li a {
		display: block;
		float: left;
		height: 19px;
		padding: 5px 10px 3px 10px !important;
		border: 0;
		}
	
	#subnav ul.nav li a:hover {
		background: #f5f5f5;
		border-bottom: #e9e9e9 1px solid;
		}
	
	#subnav ul.nav li.active a {
		color: #ffffff;
		background: #7360bf url("../images/layout/subnav_active_bg.gif") top left repeat-x;
		border-bottom: #604cb1 1px solid;
		border-left: #604cb1 1px solid;
		border-right: #604cb1 1px solid;
		}
	
	#subnav ul.nav li.active a:hover {
		color: #ffffff;
		background: #7360bf url("../images/layout/subnav_active_bg.gif") top left repeat-x;
		border-bottom: #604cb1 1px solid;
		}
	
	
/* -----------------------------------*/
/* ---------->>> CONTENT <<<----------*/
/* -----------------------------------*/
#content_top {
	width: 712px;
	height: 50px;
	margin: 0 auto;
	padding: 0 29px 0 29px;
	}

	.content_top_home {
		background: #604cb1 url("../images/layout/content_top_bg.gif") no-repeat center top;
	}

	.content_top_plain {
		background: #604cb1 url("../images/layout/content_top_bg_blank.gif") no-repeat center top;
	}

	#content_top h2 {
		margin: 0;
		padding: 15px 0 0 0;
		font: normal 1.7em Verdana, Arial, Helvetica, sans-serif;
		color: #e9e9e9;
		}


#content_wrapper {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff url("../images/layout/content_bg.gif") repeat-y center bottom;
	}

#content {
	width: 712px;
	margin: 0 auto;
	padding: 20px 29px 29px 29px;
	font: normal .8em/1.5em Verdana, Arial, Helvetica, sans-serif;
	background: transparent url("../images/layout/content_bg_upper.gif") no-repeat center top;
	}

	#content p {
		margin: 1em 0;
		padding: 0;
		}

	#content p.justify {
		text-align: justify;
		}


	#content .highlight1 {
		color: #604cb1;
		}

	#content img {
		margin: 1em auto;
		padding: 0;
		border: #7461c0 1px solid;
		}

	#content img.homepage {
		float: left;
		}

	/* ------>>> CONTENT HEADINGS <<<------*/
	#content h3 {
		margin: 0;
		padding: 1em 0 0 0;
		font: italic normal 1.7em Georgia, Times, "Times New Roman", serif;
		color: #e51f30;
		}

	#content h4 {
		margin: 0;
		padding: 1em 0 0 0;
		font: italic normal 1.5em Georgia, Times, "Times New Roman", serif;
		color: #e51f30;
		}

	#content h5 {
		margin: 0;
		padding: 1em 0 0 0;
		font: italic normal 1.3em Georgia, Times, "Times New Roman", serif;
		color: #e51f30;
		}

	#content h6 {
		margin: 0;
		padding: 1em 0 0 0;
		font: italic normal 1.2em Georgia, Times, "Times New Roman", serif;
		color: #e51f30;
		}

	/* -------->>> CONTENT LINKS <<<--------*/
	#content a {
		text-decoration: none;
		color: #e51f30;
		border-bottom: #e51f30 1px solid;
		}

	#content a:hover {
		color: #604cb1;
		}

	/* -------->>> CONTENT LISTS <<<--------*/

	#content ul {
		padding: 0;
		list-style: none;
                line-height: 1.4em;
		}

		#content ul li {
			margin: 0 0 .8em .2em;
			padding: 0 0 0 16px;
			background: transparent url("../images/icons/star_bullet.gif") top left no-repeat;
			}

	#content ol {
		padding: 0;
                line-height: 1.4em;
		}

		#content ol li {
			margin: 0 0 .8em 1.8em;
			padding: 0;
			}



#content_bottom {
	clear: both;
	width: 770px;
	height: 13px;
	margin: 0 auto;
	padding: 0;
	background: transparent url("../images/layout/content_bottom_bg.gif") no-repeat center top;
	}

/* -----------------------------------*/
/* ---------->>> BANNER <<<-----------*/
/* -----------------------------------*/
#banner {
	float: right;
	width: 288px;
	height: 800px;
	margin: -20px -12px 5px 25px;
	padding: 22px 10px 0 22px;
	font: normal 1em Georgia, Times, "Times New Roman", serif;
	background: #ffffff url("../images/layout/banner_bg_darker.gif") no-repeat center top;
	}

	#banner h3 {
		margin: 0;
		padding: 0;
		font: normal 2em/.7em Georgia, Times, "Times New Roman", serif;
		color: #dbffbf;
		}

		#banner h3 strong {
			color: #ffffff !important;
			}
		#banner h3 span.highlight {
			font-size: .61em !important;
			}

	#banner h4 {
		margin: 295px 0 0 0;
		padding: 0;
		font: bold 1.1em Georgia, Times, "Times New Roman", serif;
		color: #ffffff;
		}

	#banner p {
		margin: 1em 0;
		padding: 0;
		font: normal 1em/1em;
		color: #f1ffe5;
		}

	#banner a {
		text-decoration: underline;
		color: #ffffff;
		border: 0;
		}

	#banner a:hover {
		color: #dbffbf;
		}

	#banner a.banner_link {
		margin: 1em 5px 0 0;
		padding: 1px 30px 2px 0;
		display: block;
		text-align: right;
		font-size: 1.4em;
		background: transparent url("../images/icons/banner_link_bullet2.gif") top right no-repeat;
		}

	#banner a.banner_link:hover {

		}

	#banner p.banner_link_note {
		margin: 0 10px 0 20px;
		padding: 0;
		text-align: right;
		font-size: .85em !important;
		color: #f1ffe5;
		}




/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#footer {
	width: 770px;
	margin: 10px auto 20px auto;
	padding: 5px;
	text-align: center;
	font: normal .7em/.9em Verdana, Arial, Helvetica, sans-serif;
	color: #604cb1;
	}

	#footer p {
		margin: .3em;
		}

	#footer a {
		text-decoration: none;
		color: #e51f30;
		border-bottom: #e51f30 1px solid;
		}

	#footer a:hover {
		color: #604cb1;
		}

/* -----------------------------------*/
/* -->>> REUSABLE SPECIAL CLASSES <<<-*/
/* -----------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */