img, h1, li, div { behavior: url(iepngfix.htc) }

* 
{
 padding: 0;
 margin: 0;
}

body 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

a {
 color: orange;
 }
 
.left_image {
text-align: left;
margin: 10px;
border: 2px dashed #cccccc;
}
.right_image {
text-align: right;
margin: 10px;
}
.mid_image {
text-align: center;
margin: 10px;
}

ul {
margin-left: 20px;
}

a:link {color: orange}     /* unvisited link */
a:visited {color: orange}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #ff99cc}   /* selected link */
 
a img {
border: none;
}

#wrapper 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 922px;
}

ul#mainlevel-nav 
{
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 1em;
}

ul#mainlevel-nav li 
{
 
 text-align: center;
 line-height: 30px;
 white-space: nowrap;
 width: 102px;
 display: block;
 padding-left: 0px;
 padding-right: 0px;
 text-decoration: none;
 color: #fff;
 margin-left: 0px;
 height: 40px;
 float: left;
 nargin: 0;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
}

ul#mainlevel-nav li a 
{
 display: block;
 text-align: center;
 text-decoration: none;
 color: #fff;
 background-image: url(../images/button.png);
 background-repeat: no-repeat;
 width: 102px;
 height: 40px;
 text-transform: normal;
 font-weight: normal;
 border-right-color: #ffffff;
 border-right-width: 0px;
 border-right-style: solid;
 margin-top: 0px;
 padding-top: 0px;
 font-size: 12px;
}

#buttons>ul#mainlevel-nav li a 
{
 width: auto;
}

ul#mainlevel-nav li a:hover 
{
 display: block;
 text-align: center;
 text-decoration: none;
 color: #fff;
 background-image: url(../images/button_hover.png);
 background-repeat: no-repeat;
 width: 102px;
 height: 40px;
 text-transform: normal;
 font-weight: normal;
 border-right-color: #ffffff;
 border-right-width: 0px;
 border-right-style: solid;
 margin-top: 0px;
 padding-top: 0px;
 font-size: 12px;
}

ul#mainlevel-nav li a#active_menu-nav 
{
 display: block;
 text-align: center;
 text-decoration: none;
 color: #fff;
 background-image: url(../images/button_hover.png);
 background-repeat: no-repeat;
 width: 102px;
 height: 40px;
 text-transform: normal;
 font-weight: normal;
 border-right-color: #ffffff;
 border-right-width: 0px;
 border-right-style: solid;
 margin-top: 0px;
 padding-top: 0px;
 font-size: 12px;
}

ul#mainlevel-nav li a#active_menu-nav:hover 
{
 display: block;
 text-align: center;
 text-decoration: none;
 color: #bcbcbc;
 background-image: url(../images/button_hover.png);
 background-repeat: no-repeat;
 width: 102px;
 height: 40px;
 text-transform: normal;
 font-weight: normal;
 border-right-color: #ffffff;
 border-right-width: 0px;
 border-right-style: solid;
 margin-top: 0px;
 padding-top: 0px;
 font-size: 12px;
}

#top_menu_back 
{
 width: 100%;
 background-image: url(../images/top_menu_back.png);
 background-repeat: repeat-x;
 height: 40px;
 padding: 0px;
 margin-top: 0px;
 margin-left: 0px;
}

h1.logo, h1.logo-text 
{
 margin: 0;
 padding: 0;
 font-size: 200%;
}

h1.logo a 
{
 width: 340px;
 display: block;
 background-image: url(../images/logo.png);
 background-repeat: no-repeat;
 height: 120px;
margin-left: 0px;
}

h1.logo a span 
{
 position: absolute;
 top: -1000px;
}

#twilight {
 float: right;
}

#header 
{
 color: #333;
 width: 922px;
 float: left;
 padding: 0px;
 height: 120px;
 margin:0px;
 background-image: url(../images/header.png);
 background-repeat: repeat-y;
 border-bottom-width: 5px;
 border-bottom-style: solid;
 border-bottom-color: black;
}

#leftcolumn 
{
 color: #333;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 background-image: url(../images/leftNav.gif);
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: 0px;
 padding: 0px;
 width: 215px;
 float: left;
}

#content 
{
 float: left;
 color: #333;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 border-bottom: none;
 background-image: url(../images/module_table.png);
 background-repeat: repeat-x;
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 5px;
 text-align: left;
 margin-left: 0px;
 padding: 10px;
 height: auto;
 width: 456px;
 display: inline;
}

#content-fullwidth{
 float: left;
 color: #333;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 border-bottom: none;
 background-image: url(../images/module_table.png);
 background-repeat: repeat-x;
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 5px;
 text-align: left;
 margin-left: 0px;
 padding: 10px;
 height: auto;
 width: 673px;
 display: inline;
}

#rightcolumn 
{
 color: #333;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 background-image: url(../images/module_table.png);
 background-repeat: repeat-x;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
 padding: 10px;
 height: auto;
 width: 195px;
 float: left;
}

#footer 
{
 width: 900px;
 clear: both;
 color: #333;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 background-image: url(../images/footerbg.jpg);
 background-repeat: repeat-x;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 padding: 10px;
 height: auto;
}

#footer-bottom {
	color: #8F8F8E;
	clear: both;
	margin: 0 auto; 
	padding: 1em 0 1.5em 0;
	text-align: center;
	font-size: .85em
}
/* columns */

#columns {
	clear: both;
	text-align: left;
	margin: 0 auto; 
	padding: 1.6em 0 .5em 0;
	width: 95%;	
}

#columns h3 {
	color: orange;	
	margin: 0;
	padding: 0 10px; 	
	font: normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif;	
	text-transform: uppercase;
}



#columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	border-top: 0x solid #111;	
}

#columns li {
	border-bottom: 0x solid #111;		
}

#columns li a {
	display: block;
	padding: .1em 0 .5em 1em;
	color: #8F8F8E;
}

#columns li a:hover {
	color: #fff;	
}



#columns .col3 {
	float: left;
	width: 31%;
}

#columns .center { 
	margin: 0 15px; 
	width: 65%;
	float: right;
	color: #8F8F8E;
}

#columns .center p{
margin: 0px 10 10 0; 
	padding: .1em 0 .5em 1em;
	}

.quote {
margin: 3px;
	color: #333;		
	line-height: 150%;	
	width: 95%;
    display: block;
    font-weight: normal;
    background-color: #F6FBFE;
    padding: 8px;
    border: 1px solid #ccc;
    font-size: 15px;
-moz-border-radius: 8px;
}

/*** TYPOGRAPHY***/
/* Heading 1 purple */
h1 {
        margin: 0px;
	padding: 0px;
	display: block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	letter-spacing: -1px;
        color: #D7025F;
       line-height: 24px;
text-align: center;
}

/* heading 2 orange */

h2 {    
        margin: 0px;
        padding: 0px;
	display: block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
        color: orange;
        line-height: 22px;
text-align: center;
}

h5.handwriting { color: #D7025F; font-style: italic; font-weight: bold; font-family: "Comic Sans MS"; letter-spacing: -1px; word-spacing: .25em; text-transform: none; font-size: 16px; }


h1.line_drop { font-family:"Trebuchet MS", Garamond, Georgia; line-height: .7em; border-bottom: #990000 1px solid; color: #ff6633; font-size: 24px;letter-spacing: -2px; text-transform: none;  text-align: center;}
a.readon { font-size: 10px; color: #FFFFFF; background: #D7025F; text-transform: uppercase; padding: 0 4px; }

a.readon:hover, a.readon:focus, a.readon:active { color: #FFFFFF; text-decoration: none; }

p.ditto_class {
font-size: 10px;
text-decoration: none;
color: red;
}

/* Legend */

.legend-title {
	background: #FFFFFF;
	display: block;
	font-size: 100%;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -10px;
 color: #D7025F;
border: 1px solid orange;
}

.legend-title a {
color: #D7025F;
text-decoration: none;
}


.legend {
       border: 1px solid #ccc;
       font-size: 15px;
	margin: 20px 0;
	padding: 20px 20px 10px 10px;
	position: relative
;-moz-border-radius: 8px;
}

div#leftcolumn{
	padding-top:10px;
}

div#leftcolumn ul li{
	margin-bottom: 10px;
}

div#leftcolumn li{
	list-style-type:none;
}


div#leftcolumn li a{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

div#leftcolumn li ul li{
	margin-bottom: 0px;
}

div#leftcolumn li ul li a{
	color:#8f8f8e;
}

div#leftcolumn ul ul{
	display:none;
}

div#leftcolumn ul li.active a{
	color:#f96633;	
}

div#leftcolumn li.active ul {
	display:block;
}

div#leftcolumn li.active ul a{
	color:#8f8f8e;
}

div#leftcolumn li.active ul li.active a{
	color:#f96633;
}

span.B_crumbBox{
	padding: 5px 0; 
	display: inline-block;
}

div.pageOverviewBlock{width:200px; vertical-align:top; margin:10px 23px 10px 0;float:left;height:300px;display:inline;}
div.pageOverviewBlock img{width:180px; height:180px;border:2px solid #828180; margin: 0 10px 10px 0;}
div.pageOverviewBlock div.thumbnailImage{background:url("/assets/images/thumbBackdrop.gif") no-repeat 100% 100%;}
div.pageOverviewBlock a{text-decoration:none; color:#000;}
div.pageOverviewBlock a:hover{color:#f96633;}
div.sectionOverview{height:315px;}
div.sectionOverview p{margin: 0 0 15px 0; font-weight:bold;}
div.sectionOverview img{border:2px solid #828180;float:left; margin:0 10px 10px 0;}
div.overviewBlocks{clear:both;}
div.sectionOverview{background:url("/assets/images/circlesBackdrop.gif") no-repeat 100% 100%;}