/* Common Styles */
* {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none;}
p {line-height: 18px; margin: 0 0 20px 0;}
body {background: #f1f1f1; height: 100%;}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; margin: 15px 0 5px 0; clear: both; color: #DF0000;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size:18px; margin: 15px 0 5px 0; clear: both; color: #DF0000;}

ol li {margin: 10px 0; list-style: decimal; margin: 10px 20px;}

.fixed-width {width: 800px; margin: 0 auto;}

/* Images */
img#content-img {border: 10px solid #ddd; margin: 5px 18px 8px 0; float: left;}
img#sidebar-title {text-align: center; background: #a30100; color: #fff; font-weight:bold; display: block;}
img.title-img {margin: 20px 0 13px 0;}
img#logo {float: left; margin: 10px 0 25px 0;}

/* Navigation */
#navigation-box {background: #2d2d2d url(../res/bg-nav.gif) repeat-x; height: 40px;}
ul.navigation {}
ul.navigation li {float: left;}
ul.navigation li a {
	display: block; 
	font-size: 12px; 
	text-transform: uppercase; 
	color: #fff; 
	font-weight: bold; 
	padding: 12px 19px 13px 19px; 
	text-decoration: none; 
	border-left: 1px solid #1d1d1d;
	border-bottom: 1px solid #262626;
	}
ul.navigation li a.last {border-right: 1px solid #1d1d1d;}
ul.navigation li a.active {background: url(../res/bg-nav-active.gif) repeat-x; border-bottom: 1px solid #720c0c}
ul.navigation li a:hover {text-decoration: underline;}

/* Content Layout */
#header {margin: 0; padding: 0; float: left; width: 530px;}
#content-box {background: url(../res/bg-content.gif) repeat-x; padding: 14px 0 0; height: 100%;}
#content-left {float: left; width: 535px; padding: 0 10px 0 0; font-size: 12px; color: #333; height: 100%;}

/* Contact Text */
div.contact-info {color: #fff; margin: 0 0 20px 20px; width: 410px; float: left; font-size: 12px; padding: 15px 0 0 0;}
.contact-info p {font-size: 11px; letter-spacing: 1px;}
div.contact-info a {color: #fff; text-decoration: none;}
div.contact-info a:hover {text-decoration: underline;}
div.contact-info h2 {color: #fff; font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; padding: 0; margin: 0;}
.contact-info h3 {letter-spacing: 6px; font-size: 12px; font-weight: bold; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; color: #c2eaff;}

/* Sidebar */
#sidebar-right {width: 248px; float: right; margin-top: 5px;}
.sidebox {background: #fff; border-right: 1px solid #a30100; border-left: 1px solid #a30100; font-size: 12px;}
.sidebox h3 {color: #fff; background: #a30100; text-transform: uppercase; padding: 5px 0; text-align: center; font-size: 12px;}
ul.redboxes {padding: 20px; border-bottom: 1px solid #a30100; padding-top: 0; color: #333; font-weight: bold;}
ul.blueboxes {padding: 20px; border-bottom: 1px solid #a30100; color: #00388b; font-weight: bold;}
ul.redboxes li {margin: 0 0 15px 0; background: url(../res/bullet-redbox.gif) no-repeat 0 4px; padding-left: 15px;}
ul.blueboxes li {margin: 0 0 15px 0; background: url(../res/bullet-bluebox.gif) no-repeat 0 4px; padding-left: 15px;}
ul.blueboxes li a {color: #00388b;}
ul.blueboxes li a:hover {text-decoration: none;}
#sidebar-right p {padding: 10px 10px 0 10px; font-size: 11px; line-height: normal;}

/* Footer */
#footer {clear: both; background: #f1f1f1 url(../res/bg-footer.gif) repeat-x; padding: 10px 0; height: 100px; margin-top: 40px;}
#footer p.left {float: left; font-size: 11px;}
p.left a {color: #444;}
p.left a:hover {color: #02a7ff;}
#footer p.right{float: right; text-transform: uppercase; font-size: 11px; color: #444;}
p.right a {color: #444;}
p.right a:hover {color: #02a7ff; text-decoration: underline;}

ul.genList {padding: 0 18px;}
ul.genList li {margin: 10px 0; list-style: circle; line-height: 18px;}

/* contact */
#contactForm {}
#contactForm p {font-weight: bold; color: #333; padding: 0; margin: 0;}
#contactForm label {padding: 7px 0 4px 0; display: block; font-weight: bold;}
#contactForm label span {color: #d20000; font-size: 11px; font-weight: normal;}
#contactForm input {display: block; width: 210px; padding: 3px;}
#contactForm textarea {display: block; width: 99%; margin-bottom: 15px; height: 150px;}
.inputError {border: 1px solid #ce0000;}
.errorText {color: #ce0000; font-weight: bold;}
.errors {color: #fff; background: #a30100; border: 1px solid #990000; padding: 10px;}
p.success {background: #009933; color: #fff; font-weight: bold; padding: 15px;}