/*------------------------LAYOUT DIVS-------------------------------*/
body{
	font:1em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#FFFFFF;
}

*{
	margin:0;
	padding:0;
}

div#mainwrapper{
	width:1200px;
	margin:0 auto 0 auto;
	text-align:left;
}

div#header{
	width:1200px;
	height:200px;
	background-color:#FFF;
}

div#contentwrapper{
	width:1200px;
	background-color:#FFFFFF;
}

div#left{
	float:left;
	width:400px;
	font-size:.75em;
	background-color:#FFFFFF;
}

div#triangle{
	float:right;
	width:800px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px
}

div#content{
	float:right;
	width:800px;
	font:.65em;
	background-color:#FFFFFF;
	margin: 0px 100px 100px 410ppx;
	padding: 0px 0px 100px 0px;
}

div#footer{
	clear:both;
	width:1150px;
	height:20px;
	font:.25em;
	background-color:#819FC3;
}

/*---------------------------------------MAIN NAVIGATION---------------------------*/
div#mainnav{
	float:left;
	width:1200px;
	height:40px;
	margin:10 px;
	font:bold .85em Verdana, Arial, Helvetica, sans-serif;
	background-image:url(main_nav_bar.jpg);
}

div#mainnav ul{
	margin:5px 0px 10px 575px;
}

div#mainnav li{
	float:left;
	list-style-type:none;
	padding:.35em .6em .25em .8em;
}

div#mainnav li:hover{
	color:#CC9900;
}

div#mainnav a{
	text-decoration:none;
	color:#17163B;
}

div#mainnav a:hover{
	color:#17163B;
}

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#mainnav ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #FF9966; /* adds the rightmost menu vertical line to the ul */
	margin-left:100px; /* IE doubles the given value above - why? */
	}
* html a {
	display:block;
} /* makes IE5 & 5.5 accept the padding on the link */
/* end of hack zone */
/* END OF LIST-BASED MENU */

/*-----------------------SUB NAVIGATION--------------------------------------*/
div#subnav{
	width:320px;
	font-size:1.5em;
	margin:0;
}
div#subnav ul{
	margin:0px 0px;
}

div#subnav li{
	list-style-type:none;
	padding:.3em 0;
	border-bottom:1px dotted #F29C14;
	text-indent:.5em;
}

div#subnav li:first-child{
	font:bold 1.25em Verdana, Arial, Helvetica, sans-serif;
	color:#F29C14;
}

div#subnav a{
	text-decoration:none;
	color:#000066;
}

div#subnav a:hover{
	color:#F29C14;
}

/*a hack for IE Win only \*/
*html div#subnav ul{
	border-top:1px dotted #FFF;
}
/*end of hack*/

/*-----------------------------SUB SUB NAVIGATION--{ UL LI UL LI }------------------------------------*/
div#subnav ul li ul{
	margin:0 0 0 30px;
	width:10em;
}

div#subnav ul li ul li{
	width:300px;
	color:#F19C1F;
	border-bottom:none;
}

div#subnav ul li ul li:first-child{
	border-top:none;
	font: normal 1.05em Verdana, Arial, Helvetica, sans-serif;
}

/*--------------------------------------CONTENT FORMATTING-------------------------------------------------*/
div#content p{
	font:1 em/1.25em Verdana, Arial, Helvetica, sans-serif;
	
	color:#262261;
	/*margin:1em 0 0 1em;*/
}

div#content h1{
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#262261;
	margin:0 0 0 0;
}

div#content h2{
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:.5em 0 0 0;
}

div#content p.first{
	margin:1em 0 0 1em;
}

div#content p.caption{
	font-style:italic;
	font-size:.6em;
	margin:0;
}

div#content a{
	text-decoration:none;
	color:#262261;
}

/*------------------------------FOOTER-------------------------------------------*/
div#footer{

padding:.75em 25px;
font-size:.65em;
color:#000066;
}


/*------ASLETT CLEARING METHOD-------------------------------------------------------*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* CSS Document */