@import url("clear.css");

body    {font-size: small; font-family: Arial, sans-serif;}
.strong {color: black; font-weight: bold;}
#header { width: 968px; margin-left: auto; margin-right: auto;
          background: url(/resources/images/shadow_header.png) no-repeat bottom left;
          padding-left: 23px; padding-right: 10px; margin-top: 0px; border-bottom: 3px solid white;}
          
#navigation { float: right; margin-right: 50px; margin-top: 210px;}
          
#logo   { background: url(/resources/images/topfacebg.png) no-repeat; min-height: 244px; }
#logo img { margin-left: 70px; margin-top: 25px;}
#scrollable { overflow: auto; background: url(/resources/images/vertfade.png) repeat-x top white; border-left: 4px solid white;  border-right: 4px solid white; width: 880px; padding: 20px; height: 320px; }

#scrollable ul {margin-bottom: 30px; list-style: circle; margin-left: 30px;}
#scrollable li {line-height: 2em;}

#fullpage { padding: 20px; }

.content { width: 968px; margin-left: auto; margin-right: auto; background: url(/resources/images/shadow.png) repeat-y top left; padding-left: 23px; padding-right: 10px;}

.page    { background: url(/resources/images/bg_fade_1.png) repeat-y right;  min-height: 433px; clear: both;}
.page h2 { padding-bottom: 10px;}
.box_left { width: 355px; padding-left: 35px; padding-top: 35px; float: left; }
.box_form { padding: 35px 35px 35px 35px; width: 500px; }
.content h1, .panel h2 { padding-bottom: 4px; font-style: normal; font-weight: normal; font-size: large; border-bottom: 3px solid white; margin-bottom: 20px; }
.content p { margin-bottom: 20px; line-height: 23px; color: #686868;}
.content ul {}
.content li { margin-bottom: 20px;}


.btn_normal {background: url(/resources/images/button.png) no-repeat; width: 267px; height: 34px; cursor: pointer;}
.btn_login {background: url(/resources/images/login.png) no-repeat; width: 267px; height: 34px; cursor: pointer; }
.button a{ color: black; text-decoration: none; margin-left: 10px; line-height: 34px;  }


#footer { clear:both; width: 968px; margin-left: auto; margin-right: auto; text-align: right; }
#footer p { font-size: x-small; line-height: 0px; letter-spacing: 0px; padding-right: 35px; padding-top: 20px;}

#slider { float: right; width: 549px; position: relative; margin-top: -101px; min-height: 500px; margin-right: 11px;}
#slide_box { height: 401px; padding-left: 4px; padding-right: 4px;}
#slide_nav { height: 86px; margin-top: 4px; background: white;}

.coda-nav-left-1  { float: left; width: 25px; margin-top: 210px;}
#slider_wrapper  { float: left; width: 499px; }
.coda-nav-right-1  { float: left; margin-top: 210px; margin-left:4px;}
.content_panel { background: url(/resources/images/vertfade.png) repeat-x top; border-left: 4px solid white;  border-right: 4px solid white; width: 479px;}
#slide_nav_btns { margin-left: auto; margin-right: auto; width: 116px; padding-top: 15px; }
#slide_nav_btns a img { border: 1px solid white; }
#slide_nav_btns a:hover img { border: 1px solid #CCC; }

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:white; margin:0 5px;}
.b2f {height:1px; background:white; margin:0 3px;}
.b3f {height:1px; background:white; margin:0 2px;}
.b4f {height:2px; background:white; margin:0 1px;}


/*
Over ride form fields
*/
#prefix { width: 75px !important;}
/*
Form engine css
*/
.frm_error { background: white; padding: 20px 20px 20px 20px; border: 2px solid #CCC; }
.frm_error span {background: url('/resources/images/error.png') no-repeat; padding: 20px 10px 20px 80px;}
.frm_fielderr {background: url('/resources/images/fielderror.png') no-repeat; width: 21px; line-height: 20px; margin-top: 2px; margin-right: 2px;}
.frm_required {background: url('/resources/images/required.png') no-repeat; width: 10px; line-height: 20px; margin-top: 5px; margin-right: 3px;}
.homepagefrm { background: url('/resources/images/formfade.png') repeat-x top white; border-left: 4px solid white; border-right: 4px solid white; padding: 20px;}
#frm .frmbtn, .shortbutton { text-align: left; border: 0px; padding-left: 7px; cursor: pointer; margin-top: 8px; margin-left: 170px;
               height: 34px; width:185px; background: url('/resources/images/button_short.png') no-repeat; }
#frm fieldset { clear: both; }
#frm ol { }
#frm li {margin-bottom: 5px; clear:both}
#frm label { float: left; width: 170px;}
#frm label strong { display: block; color: #C00; font-size: 85%; font-weight: normal; text-transform: uppercase; margin-bottom: 5px;}
#frm li input { width: 200px; background: white; }
#frm li select { width: 200px;  background: white; margin-right: 4px; } 
#frm li textarea { width: 500px; height: 100px; margin-top: 10px; background: white;} 
#frm em { color: red; float: right;}
#frm label span {}
.f_show {}
.f_hidden { display:none; }