html, body{ 
	margin:0; 
	padding:0;
	color: black;
	background: #eee /* url(images/001.gif) */; 
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	text-align:center; 
} 

#pagewidth{ 
	width:100%; 
	background: #eee;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	min-width: 770px;  
} 

#headerbox{
	position:relative;
	height:250px;
	background: url(images/HeaderBar.jpg) repeat-x;
	width:100%;
} 				

#HeaderLeft{
    background: url(images/HeaderLeft.jpg) no-repeat;
    height:250px; width: 467px /*width of image*/;
    float: left
}

#HeaderRight{
    background: url(images/HeaderRight.png) no-repeat;
    height:250px; width: 236px /*width of image*/;
    float: right
}

#content iframe {
    padding: 0;
}

#header h1 {
    margin: 0;
    padding: 0;
    color: #eee;
    font-size: 220%;
    padding-left: 10px;
    letter-spacing: -1px;
}

#menu {
        background: url('images/menu-background.png') top left repeat-x;
        width: 100%;
        margin: 0 auto;
        font-size: 85%;
        white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
        padding-right: 2px;      /* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#maincol{
	background-color: #FFFFFF;  
	float: right; 
	display: inline; 
	position: relative;
	width: 80%; 
}

#leftcol{
	width: 20%; 
	float: left; 
	position: relative; 
	background: white; 
}

#content {
    margin: 1.5em 1% 20px 1%;
    background: white;
    font-size: 90%;
    text-align: left;
}

#content img {
    padding: 4px;
    float: left;
}

#content h3 {
    clear: left;
}

#content hr {
    clear: left;
}

#footer{
        margin: 0 auto;
        padding: 2px 1%;
	height: 148px; 
	clear: both;
    	background: white url('images/foot-background.png') bottom left repeat-x;
    	font-size: 90%;
}		
		
h2 {
    color: #666;
    padding-bottom: 3px;
    border-bottom: 1px solid #bbb;
    font-size: 150%;
    letter-spacing: -1px;
}

a:link, a:visited {
    color: #260;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

p { margin:1; padding: 0;}

ul#navigation-1
        { margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #1E90FF; border-bottom:1px solid #1E90FF; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
        { margin:0; padding:0; display:block; float:left; position:relative; width:100px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
        { padding:4px 0; display:block; text-align:center; text-decoration:none; background: url('images/menu-background.png'); color:#ffffff; width:100px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
        { padding:4px 0; display:block; text-align:center; text-decoration:none; background: url('images/menu-hover.png'); color:#ffffff; width:100px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }

ul#navigation-1 li ul.navigation-2
        { margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:210px; position:absolute; top:21px; left:-1px; border:1px solid #1E90FF; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
        { display:block; }
ul#navigation-1 li ul.navigation-2 li
        { width:146px; clear:left; width:146px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
        { clear:left; background: url('images/menu-background.png'); padding:4px 0; width:210px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
        { clear:left; background:url('images/menu-hover.png'); padding:4px 0; width:210px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
        { display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
        { display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
        { background:url('images/menu-background.png'); }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
        { background:url('images/menu-hover.png'); }
ul#navigation-1 li ul.navigation-2 li a span
        { position:absolute; top:0; left:132px; font-size:12pt; color:: #1E90FF; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
        { position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
		
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}