@import url(../css/reset.css);
html { height:100%; font-size:11px; overflow-y:scroll; }
body { position:relative; background:#fff; color:#646466; font:100.1% Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

h2, h3, h4 { padding:0; margin:0 }

a { color:#e42b2a; text-decoration:none }
a:hover { color:#e42b2a; text-decoration:underline }

#page { position:relative; z-index:3; margin:0 auto; width:960px; padding-bottom:50px }
#page_frm { position:relative; z-index:3; margin:0 auto; width:909px; padding-bottom:50px }
#header { background:url(../images/shadow-01.png) repeat-y -86px 0 #fff; overflow:hidden; padding:21px 0 18px; }

#logo { margin:0; padding:0; float:left; text-align:center; color:#9aa0a3; text-transform:uppercase; font-weight:bold; line-height:62px }
#logo a, #logo a:hover { color:#9aa0a3; text-decoration:none }

#nav { float:right; padding:15px 22px 2px; margin:0 }
#nav li { float:left; list-style:none; border-left:1px solid #9ba1a4; color:#9ba1a4 }
#nav li a, #nav li span { color:#9ba1a4; text-decoration:none; display:block; height:15px; padding:24px 0 0 10px; position:relative; width:84px; float:left }
#nav li a:hover { color:#9ba1a4; text-decoration:underline }
#nav li dfn { position:absolute; top:0; left:-1px; width:3px; height:15px; background:#e42b2a }

#nav li.search span { width:180px; }
#nav li.search span input { float:right; margin-left:.5em; position:relative; top:-2px; width:130px }

#header-flash { overflow:hidden; background:#000 } #header-flash img { display:block }

#main { margin-top:2px; overflow:hidden; background:url(../images/content-shadow.png) no-repeat 0 0; padding-top:24px; line-height:1.6 }
#main_frm { margin-top:2px; overflow:hidden; background:url(../images/content-shadow.png) no-repeat 0 0; padding-top:24px; line-height:1.6; padding-left: 20%; }

#main h2 { padding-bottom:12px; line-height:1; margin-bottom:20px; background:url(../images/content-header-border.png) no-repeat 100% 100%; color:#e42b2a; font-size:1.34em }
#main h3 { color:#cb1221; font-size:1.273em }

#news { float:right; width:380px; background:url(../images/content-side-bg.png) repeat-y 100% 0; padding-top:10px; overflow:hidden; border-bottom:5px solid #dddddd; }
#news h2 { background-image:url(../images/content-side-header-border.png) }
#news dl { padding-bottom:20px; overflow:hidden; width:170px; float:left; padding:0 11px 0 4px; font-family:Tahoma, Arial, Helvetica, sans-serif }
#news dd { margin:0; padding:0;}
#news dt { margin:0; padding:0 }

#side { float:right; width:380px; overflow:hidden; padding-top:6px }
#side .item { overflow:hidden; background:#bababa; padding:0; margin:0 0 19px; border-left:5px solid #ed1c2e; }
#side .item dt { margin:0; width:190px; background:#ed1c2e; color:#fff; font-weight:bold; float:left; text-indent:14px }
#side .item dt img { display:block }
#side .item dt a { color:#fff; text-decoration:none }
#side .item dt a:hover { color:#fff; text-decoration:underline }
#side .item dd { overflow:hidden; float: right; width: 180px; text-align: left; padding:0; margin:0; }
#side .item ul { padding:0; margin:0; }
#side .item li { list-style:none; padding-left:18px; border-bottom:1px solid #a2a2a2 }
#side .item dd a { color:#424242; text-decoration:none }
#side .item dd a:hover { color:#424242; text-decoration:underline }

#content { width:492px; margin-left:20px; padding-top:10px }
#content h2 { margin-left:-20px; padding-left:20px; margin-right:-20px }
#content h2 span { color:#8a8a8a; font-weight:normal; font-size:.867em; position:relative; top:-.07em }
#main #content h2 span a { color:#8a8a8a; text-decoration:none }
#main #content h2 span a:hover { color:#8a8a8a; text-decoration:underline }

#content a { text-decoration:underline }
#content a:hover { text-decoration:none }

#text { overflow:hidden; margin:0 0 0 20px; clear:both }

.image-desc { display:block; border:1px solid #e0e0e0; background:#e0e0e0; color:#646466; font-weight:bold; margin-top:.4em }
.image-desc dfn { font-style:normal; display:block; padding-left:.6em  }
.image-desc img { display:block }
.left { float:left }
.right { float:right }
.left-side { float:left; padding-right:20px; }
.right-side { float:right; padding-left:20px; }

.cols { overflow:hidden; position:relative; padding-right:20px; }
.cols ul { margin-left:20px; }
.col50 { float:left; width:46%; padding-right:4% }


blockquote { text-align:center; margin:0; color:#ed1c2e }
blockquote p { margin:0 }

#content ul, #text ul { padding:0; list-style:none; }
#content li, #text li { background:url(../images/li-r.gif) no-repeat 0 .9em; padding-left:10px; margin:0 }

#footer { position:absolute; bottom:0; left:0; width:100%; height:35px; overflow:hidden; font-size:.9em; z-index:4 }
#footer a { color:#7f7f7f; text-decoration:none }
#footer a:hover { text-decoration:none; color:#e42b2a }
#footer .container { overflow:hidden; margin:0 auto; width:960px; border-top:5px solid #bababa; height:30px; line-height:32px; color:#7f7f7f; background:url(../images/footer-shadow.png) repeat-x 0 0 #bababa; }
#footer .container h3{ float:right; width:20%; padding-right:20px; text-align:right; font-size:9px; }
#footer .container h3 a:hover{ color:#7f7f7f  }
#footer .copy { float:left; width:20%; padding-left:20px }
#footer .connexx { float:right; width:20%; padding-right:20px; text-align:right }

#footer .menu { overflow:hidden; text-align:center }
#footer .menu a { margin:0 .4em }
#footer .menu .active { font-weight:bold }

input.text { border:1px solid #e1e1e1; color:#646466; padding:1px }

#bg { position:absolute; left:0; bottom:0; height:9000%; width:100%; overflow:hidden } #bg i { display:block }
#bg-page { width:960px; height:100%; position:relative; margin:0 auto }
#bg-shr { height:100%; width:86px; overflow:hidden; background:url(../images/shadow2.png) repeat-y 0 0; position:absolute; right:-86px; top:0; }
#bg-shl { height:100%; width:86px; overflow:hidden; background:url(../images/shadow-01.png) repeat-y 0 0; position:absolute; left:-86px; top:0; }
#bg .side-shadow { background:url(../images/content-side-bg.png) repeat-y 100% 0; }


/*colors*/
.n #content a, .n #content h3, .n #footer a:hover, .n a, .n a:hover { color:#646466 }

.o #content a, .o #content h3, .o #main h2, .o #footer a:hover, .o a, .o a:hover { color:#e47f1c }
.o #side .item { border-color:#e47f1c }
.o #side .item dt { background-color:#e47f1c }
.o #main #content h2 { background-image:url(../images/content-header-border-o.png) }

.b #content a, .b #content h3, .b #main h2, .b #footer a:hover, .b a, .b a:hover { color:#3e92bd }
.b #side .item { border-color:#3e92bd }
.b #side .item dt { background-color:#3e92bd }
.b #main #content h2 { background-image:url(../images/content-header-border-b.png) }

.v #content a, .v #content h3, .v #main h2, .v #footer a:hover, .v a, .v a:hover { color:#783e72 }
.v #side .item { border-color:#783e72 }
.v #side .item dt { background-color:#783e72 }
.v #main #content h2 { background-image:url(../images/content-header-border-v.png) }

#form1	td{ border: 0px; }


.requiredfield { color: #666666; border: 1px solid #CCCCCC; width: 175px; padding-left: 2px; padding-right: 2px;}
.field { color: #666666; border: 1px solid #CCCCCC; width: 175px; padding-left: 2px; padding-right: 2px;}
.invalidfield { color: #666666; background-color:#f6c8cb; border: 1px solid #CCCCCC; width: 175px;  }