@import url(fixed-3col.css);

/* layout */

#header { width: 100%;}
#header .border { width: 780px; height: 45px; margin: auto;}
#container {width: 780px;}
#content {width: 560px; margin-right: 220px; margin-left: 0px;}
#content .border {min-height: 520px;}
#sidebar1 {display: none; }
#sidebar2 {width: 220px; }
#sidebar2 .border {min-height: 690px;}
#printheader {display:none;}
#flash {display: none;}

/* for Internet Explorer */
/*\*/ * html #sidebar2 .border {height: 690px;} /**/
/*\*/ * html #content .border {height: 690px;} /**/


/* fonts */
body, table, select, textarea, input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#footer {font-size: 0.8em;}
#bridgedesign {font-size: 0.8em;}
#content h1 {font-size: 2.0em; }
#content h2 {font-size: 1.2em; }
#content .red {color: #E00024; }

/* template style */

body { background: #BABABA url(../images/bg.gif);}
#container { background: #F0F3F5;}
#sidebar2 { background: white url(../images/sidebar-bg.jpg) top right no-repeat;}
#columns { background: white;}

#breadcrumb { background: #CFCFCF; color: #E00024; font-weight: bold;} 
#breadcrumb .border { padding: 10px 50px;} 
#breadcrumb a { color:  #E00024 } 

#header { background: #E00024; color: white;}
#header .border { text-align: right; line-height: 45px; background: url(../images/header-logo.gif) top left no-repeat; }

#header #header-logo {display: inline;}
#header #main-nav {display: inline; margin: 0px; padding: 0px;}
#header #main-nav li {display: inline; margin: 0px 0px; padding: 0px 10px; border-right: 2px solid white;}
#header #main-nav .last {padding-right: 0px; border-right: 0px solid white;}
#header #main-nav a {color: white; font-weight: bold; text-decoration: none;}
#header #main-nav a:hover {text-decoration: underline;}

#footer {background: #E00024; color:white; text-align: right;}
#footer {padding: 10px 20px}
#footer #copyright {float: left;}
#footer #footer-nav {display: inline; margin: 0px; padding: 0px;}
#footer #footer-nav li {display: inline; margin: 0px 0px; padding: 0px 10px; border-right: 1px solid white;}
#footer #footer-nav .last {padding-right: 0px; border-right: 0px solid white;}
#footer #footer-nav a {color: white;  text-decoration: none;}
#footer #footer-nav a:hover {text-decoration: underline;}

#bridgedesign { padding: 20px; color: #AAAAAA; text-align: center;}
#bridgedesign a { color: #AAAAAA; text-decoration: none;}
#bridgedesign a:hover { text-decoration: underline;}

#validation {margin-top: 15px; text-align: center;}
#validation img {border-width: 0px;}

#content { background: white; color: #656565; margin-bottom: 40px; }
#content .border { background: url(../images/ashworths-division.gif) bottom left no-repeat; margin-left: 50px; padding: 40px 0px 130px 0px;}
#content h1 {color: #E00024; padding: 0px; margin: 0px; padding-bottom: 20px;}
#content .first {font-weight: bold;}
#content p {line-height: 1.4em; padding:0px; padding-bottom: 20px; margin: 0px; margin-top: 0px; text-align: justify;}

#content .form {background: #F0F3F5; margin: 0px; padding: 20px; text-align: center;}
#content .form table td {text-align: left;}
#content .form table td {vertical-align: top; padding: 0px 10px 10px 0px;}
#content .form label {font-weight: bold;}
#content .form .form-input {border: 1px solid #656565; width: 28em;}
#content .form .form-textarea {border: 1px solid #656565; width: 28em; height: 6em;}
#content .form select {border: 1px solid #656565;}
#content .form .button-cell {text-align: right;}
#content .form .form-field-error {color: #E00024;}

#content .lightbox-image { float: right; display:block; width: 204px; height: 300px; margin-left: 20px; background: url(../images/thumbnail-bg.gif) top no-repeat;}
#content .lightbox-image img { border-width: 0px; display: block; margin-top: 13px; margin-left: 15px;}