body {font: 12px, Helvetica, sans-serif; background-color: #435F66; color: #77787b; text-align: center;}
* {margin:0px; padding:0px;}

div#page-wrapper {width:1000px; margin: 0px auto; margin-top:0px; background-color: transparent;}

div#content-wrapper {width:1000px;float: left; padding: 0 0 0 0; margin: 0 0px 0 0px; background-color: #435F66;}
	
div#content-left {width:250px; display: inline; padding: 0px 0 0 0px; margin: 0px 5px 0 10px; float: left; text-align: right; background-color: #435F66;}
	div#content-left p {font-family: Arial; font-size:11px; color: white; margin: 0px 0px 0 0px;line-height: 18px; background-color: transparent; }
	div#content-left a {color: white; text-decoration:none;font-size: 13px; margin: 0 0 0 0; line-height:30px; font-weight:bold; text-decoration:none;  font-family: Arial;}
	
div#content-right {width:700px; min-height: 400px; display: inline; padding: 0px 0 0 0px; margin: 100px 0 0 10px; float: left; background-color: white; text-align:left;}
	div#content-right p {font-family: Arial; font-size:11px; color: black; margin: 10px 0px 0 10px;line-height: 18px; background-color: transparent; text-align:left;}
	
div#footer {width: 1000px;height: 80px; margin: 0 0 0 0; float: left; background: url(../i/footer-back.png) 0 0 no-repeat;}
div#footer p {font-size: 11px; color: white; text-align:center; width:999px; margin: 0 0 0 0px; padding: 20px 0 0 0px; font-weight: bold; font-family: Arial;}
div#footer a {outline: 0; color: white; text-decoration:none;font-size: 11px; margin: 0 0 0 0; line-height:10px; font-weight:bold; text-decoration:none;  font-family: Arial;}

		
/* Text */
h1 {font-family: Arial; font-size:12px; font-style: normal; font-weight: bold; color: black; margin: 0px 0px 0px 0px;} 
h2 {font-family: Arial; font-size:14px; color: black; font-weight: bold; line-height: 13px; margin: 10px 5px 0px 10px; display: inline; text-align: left;} 
h3 {font-family: Arial; font-size:10px; color: white; font-weight: bold; line-height: 13px; margin: 1px 0px 0px 259px; display: inline;} 
h4 {font-family: Arial; font-size:10px; color: white; font-weight: bold; line-height: 13px; margin: 1px 0px 0px 209px; display: inline;} 
h5 {font-family: Arial; font-size:10px; color: #0089CC; font-weight: bold; line-height: 13px; margin: 10px 0px 0px 180px; display: inline;} 

.big-link { text-decoration:none;font-family: Arial; font-size:18px; color: #435F66; font-weight: bold; line-height: 32px; margin: 10px 5px 0px 0px; display: inline; text-align: left;} 
.med-link { text-decoration:none;font-family: Arial; font-size:14px; color: #435F66; font-weight: bold; line-height: 32px; margin: 7px 5px 0px 0px; display: inline; text-align: left;} 
.small-link { text-decoration:none;font-family: Arial; font-size:11px; color: #435F66; font-weight: bold; line-height: 32px; margin: 2px 5px 0px 0px; display: inline; text-align: left;} 


img {border: 0;padding: 0 0 0 0; margin:  0 0 0 0;}
span.error {padding: 2px 4px; background-color: #b87f9e; color: #fff;}

.hiddenPic {display:none;}

/* 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 */