* {margin: 0;padding: 0;font-size: 100%;}
body {margin: 20px 0; background: rgba(0, 0, 0, 0) url("images/bg.gif") repeat scroll 0 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;color: #7F7772;
background: #E6E6E6;}
h1, h2, h3 {font-weight: normal;color: #3B3B3B;}
h1 { font-size: 180%; }
h2 { font-size: 140%; }
h3 { font-size: 100%; }
h4 { font-size: 120%; }
p, ul, ol {margin-bottom: 20px;line-height: 167%;font-size: 95%;}

#picwrapper {text-align: center;margin: 0px auto;padding: 0px;
	border:0;background: url("") repeat;}
#picheader {margin: 0px 0px 15px 0px;background: none;}
#picleftside {}
#picleftside h3 {font-size: 100%;font-weight:bold;}
#picleftside img {border: 1px solid #0aaafd;}
#picrightside { }
#picrightside h3 {font-size: 100%;font-weight:bold;}
#picrightside img {border: 1px solid #0aaafd;}
#picfooter {clear: both;background: ;height:30px;}

a:link {color: #0aaafd;}
a:hover {text-decoration: none;color: #ed2024;}
#header {height: 80px;}
#logo {}
#logo h1 {padding-top: 20px;text-align: center; }
#logo h2 {text-align: center;text-transform: uppercase;font-size: 12px;}

#logo h1 a {font-weight: normal;font-size: 24px; color: #F4183B;}
#logo h2 a {color: #B3A7A0;}

#logo a {text-decoration: none;}
#menu {}
#menu ul {margin: 0;padding: 0;list-style: none;}
#menu li {display: inline;}
#menu a {display: block;float: right;height: 50px;
	padding: 30px 25px 0 25px;
	background: url(images/img1.gif) no-repeat;
	text-decoration: none;font-size: 114%;color: #3B3B3B;}
#menu a:hover {color: #ED2024;}
#splash { border: 2px solid #3B3B3B;
	height: 190px;margin: 0 auto;
	background: url(images/img3.jpg) no-repeat;}
#splash p {float: right;width: 460px;height: 70px;
	margin: 0;padding: 110px 20px 0 50px;
	text-align: right;font-size: 136%;
	font-weight: bold;color: #ED2024;}
#page {}
#page h1, #page h2 {margin-bottom: 20px;}
#content {padding: 20px;}
#content ol, #content ul {margin-left: 3em;}

#sidebar {padding: 20px 20px 20px 0px;}
#sidebar h2 {padding-top: 4px;font-weight: bold;}
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar li {margin: 0 0 20px 0;padding: 0 0 20px 0;
	border-bottom: 1px dashed #CCCCCC;}
#sidebar h3 {height: 20px;padding: 5px;
	background: #0aaafd url(images/img4a.gif) no-repeat;
	color: #ffffff;}
#footer {clear: both;height: 50px;margin: 0 auto;
	padding-top: 10px;border-top: 5px solid #3B3B3B;}
#footer p {margin: 0;padding: 0;line-height: normal;font-size: 85%;}
#footer a {text-decoration:none;color: #7F7772;}
#footer a:hover {text-decoration:underline;color: #7F7772;}
#legal {text-align:center;}
#links {text-align:center;}

.mainimg{
width: 104%
}
.leftcontent{
width: 92%;padding-left: 5.3%
}
.rightcontent{
width: 95%;
}
.mainimagediv{
width:99%; padding-left: 1.7%;
}
.formtable{
margin-left: 30px;
}
.mainad{
width: 64%;
}
@media
only screen and (min-width: 320px) and (max-width: 480px) {
#menu a {
    background: rgba(0, 0, 0, 0) url("images/img1.gif") no-repeat scroll 0 0;
    color: #3b3b3b;
    display: block;
    float: right;
    font-size: 114%;
    height: 50px;
    padding: 30px 18px 0;
    text-decoration: none;
}
#sidebar {padding: 20px;}
.mainimg{
width: 100%
}
.leftcontent{
width: 100%;padding-left:0%
}
.mainimagediv{
width:100%; padding-left: 0%;
}
.formtable{
margin-left: 0px;
}
.mainad{
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width:568px) {
#menu a {
    background: rgba(0, 0, 0, 0) url("images/img1.gif") no-repeat scroll 0 0;
    color: #3b3b3b;
    display: block;
    float: right;
    font-size: 114%;
    height: 50px;
    padding: 30px 6px 0;
    text-decoration: none;
}
#sidebar {padding: 20px;}
.mainimg{
width: 100%
}
.leftcontent{
width: 100%;padding-left:0%
}
.mainimagediv{
width:100%; padding-left: 0%;
}
.formtable{
margin-left: 0px;
}
.mainad{
width: 100%;
}
}
@media
only screen and (min-width: 600px) and (max-width: 800px) {
#sidebar {padding: 20px;}
.mainimg{
width: 100%
}
.leftcontent{
width: 100%;padding-left:0%
}
.mainimagediv{
width:100%; padding-left: 0%;
}
.mainad{
width: 100%;
}
}
@media
only screen and (min-width: 800px) and (max-width: 600px) {
#sidebar {padding: 20px;}
.mainimg{
width: 100%
}
.leftcontent{
width: 100%;padding-left:0%
}
.mainimagediv{
width:100%; padding-left: 0%;
}
.mainad{
width: 100%;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
#sidebar {padding: 20px;}
#menu a {
    background: rgba(0, 0, 0, 0) url("images/img1.gif") no-repeat scroll 0 0;
    color: #3b3b3b;
    display: block;
    float: right;
    font-size: 114%;
    height: 50px;
    padding: 30px 13px 0;
    text-decoration: none;
}
.mainimg{
width: 93%
}
.leftcontent{
width: 93%;padding-left:0%
}
.mainimagediv{
width:100%; padding-left: 0%;
}
.mainad{
width: 100%;
}
}