/* generated by csscreator.com */
html, body{
 margin:0;
 padding:0;
 text-align:center;
 font: 100% arial, helvetica, sans-serif
}

#pagewidth{
 width:760px;
 text-align:left;
margin-left:auto;
 margin-right:auto;
}

#header{
 position:relative;
 height:120px;
 width:100%;
}

#leftcol{
 width:240px;
 float:left;
 position:relative;
 font-size: 70%;
 border-top: 1px solid #00ACEE;
 }

#maincol{
 float: right;
 display:inline;
 position: relative;
 width:520px;
 }

#footer{
 height:150px;
 clear:both;
 font-size: 70%
 }

a {text-decoration: none; color: #00ACEE}
a:hover {text-decoration: none}
#maincontent {font-size: 70%; margin: 0 0 0 20px;border-top: 1px solid #00ACEE;}
#maincol .mainimage {padding: 10px 0 0 0; margin: 0 0 0 20px;border-top: 1px solid #00ACEE;}
#header h1 span {display: none}
h1#logo { background:url(../images/cspr_logo.png) left no-repeat; width: 161px; height: 20px; position: absolute; left: 300px; top: 28px}
#maincontent .divline {border-bottom: 1px solid #00ACEE; padding: 0 0 10px 0}
#maincontent .textimage {margin: 10px 0 0 0}
#maincontent .mainquote {display: block; width: 240px; border-top: 1px solid #00ACEE; margin: 15px 0 0 0}

#maincontent .imagelist table {margin: 0 0 10px 0}
#maincontent .imagelist table td {padding: 0 0 10px 0;}
#maincontent .imagelist table a img {border: 0 !important}
#maincontent h3 {border-bottom: 1px solid #00ACEE; padding: 0 0 10px 0}
sup {margin: 0; padding: 0; line-height: 0}

#leftcol a {color: #333; /*font-weight: bold*/}
#leftcol a:hover {color: #00ACEE; text-decoration: none}
#leftcol ul {margin: 0 0 5px 0; padding: 0}
#leftcol ul li {list-style: none; margin: 0 0 1px 0}
#leftcol li.this a {color: #00ACEE}

#level1 {margin: 10px 0 0 0}
#level2 {margin: 0; border-top: 1px solid #00ACEE; padding: 10px 0 0 0; margin: 10px 0 0 0}
#level3 {margin: 0;border-top: 1px solid #00ACEE; padding: 10px 0 0 0; margin: 10px 0 0 0}
#level4 ul {margin: 0; padding: 10px 0 10px 20px; font-size: 70%}
#level4 ul li {list-style: none; display: inline; margin: 0 12px 0 0}
#level4 ul li a {color: #333; /*font-weight: bold*/}
#level4 ul li a:hover {color: #00ACEE; text-decoration: none}
#level4 ul li.this a {color: #00ACEE;}

.attachments {margin: 10px 0 0 }
.attachments .item {margin: 10px 0 0 0}

#leftcol .address {display: block; width: 240px; border-top: 1px solid #00ACEE; position: absolute; top: 300px; margin: 10px 0}
#leftcol .address a {color: #00ACEE;}
#leftcol .address a:hover {text-decoration: none}

#form {margin: 10px 0 0 0}
#form table {margin: 10px 0 0 0}
#form input.inputitem, .fileupload {border: 1px solid #00ACEE; margin: 3px 0; font-size: 9px}
.fileupload {border: 1px solid #00ACEE; margin: 3px 0; font-size: 9px}
#form .required, #form .error, #maincontent .required  {color: red}
#form .formsubmit a {border: 1px solid #00ACEE; padding: 2px; background-color: #f3f3f3; color: #000}
#form .width {width: 100px; display: block}

#login fieldset {border: 0; margin: 10px 0 0 0; padding: 0}
#login input.inputpass, #login input.inputemail {border: 1px solid #00ACEE; margin: 3px 0; font-size: 9px}
#login button {border: 1px solid #00ACEE; margin: 3px 0; font-size: 9px; background-color: #f3f3f3}
#login .forgot {margin: 8px 0 0 0;}
#login .inputset {margin: 0 0 5px 0}
#login .red {color: red}

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