/* CSS Document */

body {margin: 0px; padding:0; font-family:tahoma, verdana, sans-serif; color:#333; font-size:11px; background: #EEEBE4 url(../img/header_repeat.jpg) top repeat-x;}
p, li {line-height:15px; font-size:11px; color:#333;}
img {border:0;}
td {vertical-align:top;}
.small {font-size:10px;}
#clear br {clear:left;}


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

#container {text-align: left; width:790px; margin: 0 auto;}
#header { }
#header h1 {margin:0; padding:0; height:95px; background:url(../img/spaircorp_header.gif) no-repeat 0 0;}
#header h1 img {display:none;}
#header h1 a {display:block; height:94px; width:340px; text-decoration:none;}

/*------- TOPNAV STYLES -------*/
#menu {width: 780px; background:#BB584C url(../img/topnav_lady.jpg) right no-repeat; margin:0 5px; float:left; display:inline; }
#menu ul {list-style: none; margin: 0; padding: 0;  float: left; width: 81px;}
#menu a, #menu h3 {font-size: 11px; display: block; margin:0;  text-decoration: none;}

#menu h3 a  {color: #fff; font-weight:normal; border-left:1px solid #fff; background:url(../img/nav_bg.gif) repeat-x; line-height:28px; text-align:center;  padding:0;}
#menu h3 a:hover  {color: #fff; background:#2D496B url(../img/nav_hover.gif); line-height:28px;}
#menu .navEnd a  {width:85px; background:url(../img/navend_bg.gif) right no-repeat;}
#menu .navEnd a:hover  {background:#2D496B url(../img/navend_hover.gif) right no-repeat;}
#menu h3 a.selected {background:url(../img/topnav_selected_arrow.gif) bottom no-repeat;}
#menu h3 a:hover.selected {background:#2D496B url(../img/topnav_selected_arrow.gif) bottom no-repeat;}
#menu .navEnd a.selected  {width:85px; background:url(../img/navend_selected_bg.gif) right no-repeat;}
#menu .navEnd a:hover.selected  {background:#2D496B url(../img/navend_hover_selected.gif) right no-repeat;}

#menu ul ul a {color:#333; text-decoration: none; padding:3px; font-size:10px;}
#menu ul ul a:hover {color: #fff; background:#2D496B;}
#menu ul ul a.selected {color: #fff; background:#71849B;}
#menu li {position: relative;}
#menu ul ul {position: absolute; left:1px; z-index:500; border:solid #2D496B; border-width: 0 1px 0 1px; border-top:1px solid #fff; width:140px;}
#menu ul ul li {background:#fff; border-bottom:1px solid #2D496B;}
#menu ul ul ul {position: absolute; top: 0; left: 100%;}

div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}


/*------- HOME PAGE STYLES -------*/
#homeFeature {float:left; width:710px; height:61px; background: url(../img/home_feature_bg.jpg) no-repeat 0 0; padding:10px 40px;}
#homeFeature h2 {margin: 0 0 4px 0; color:#AC5245; font-size:17px;}
#homeFeature h3, #homeFeature h4 {margin:0 20px; color:#2D496B; font-size:12px; line-height:15px;}
#homeFeature h3 {margin: 0 0 0 40px; padding:0;}
#homeFeature h3 span, #homeFeature h4 span  {font-size:15px;}

#home #contentContainer {float:left; width:100%; background:url(../img/home_content_bg.gif) repeat-y; padding:0 6px;}
#home #content {float:left; padding:1px 15px 16px; width:572px;}
#home #content h2 {margin:0 -15px 10px; padding:2px 15px; border-top: 2px solid #2D496B; background:url(../img/home_title_bg.jpg) repeat-y 0 2px; color:#fff; font-size:14px; display:block; width:572px;}

#home #content .home_banner a{float:left; width:174px; padding:2px; border:1px solid #2D496B; margin:1px 9px 9px 1px; color:#333;}
#home #content .home_banner a:hover{border:2px solid #AC5245; margin:0 8px 8px 0; text-decoration:none;}
#home #content .home_banner a span {background:#E6E6E6; height:45px; display:block; font-size:10px; padding:2px;}
#home #content .home_banner a:hover span {background:#ccc;}

#home #rhs {float:left; padding:5px 0 0 0; background:url(../img/lady_bot.jpg) no-repeat 0 0; width:176px;}
#home #rhs h4 {margin:0; padding:4px 10px; background:#AC5245 url(../img/login_title_bg.jpg) no-repeat 0 0; color:#fff; font-size:10px;}
#home #rhs h5 {margin:0; padding:3px 10px; border-top:2px solid #AC5245; color:#AC5245; font-size:12px;}
#login {padding:4px 8px; margin:1px 0; background:#CBCBCB url(../img/login_bg.jpg) repeat-y 0 0; font-size:10px;}
#login p {margin:0; line-height:12px;}
#login input.username, #login input.password {width:120px; border:1px solid #999; font-size:10px; padding:2px;}
#login .submitBut {border:1px solid #999; background:#2D496B; color:#fff; padding:1px 3px; font-size:10px;}
#rhs .news {float:left;padding:0 0 0 10px; border-bottom:1px dotted #888;}
#rhs .news p{margin:0; padding:1px 0; font-size:10px; line-height:14px; color:#555;}
#rhs .news .date{color:#777; font-style:italic;}
#rhs .news .link {float:right;}

/*------- CONTENT PAGES STYLES -------*/
#contentContainer {float:left; width:100%; background:url(../img/content_bg.gif) repeat-y; padding:0;}
#content {float:left; padding:1px 15px 20px; width:572px; font-size:11px; line-height:15px;}
#content h2 {margin:0 -14px 10px; padding:2px 15px; border-top: 2px solid #2D496B; background:url(../img/home_title_bg.jpg) repeat-y 0 2px; color:#fff; font-size:14px; display:block; width:586px;}
#content h3 {font-size:13px; margin:8px 0; color:#2D496B; clear:left;}
#content h4 {font-size:11px; margin:4px 0; color:#333;}

#lhs {float:left; width:161px; padding:0 0 0 6px; background: url(../img/lhs_top.jpg) no-repeat 0 0;}
#lhs img {padding-bottom:2px; border-bottom:2px solid #AC5245;}

.red {color:#f00;}

/*------- NEWS PAGES STYLES -------*/
.newsItem {border-bottom:1px dotted #888; padding:8px 0;}
.newsItem .date{color:#777; font-style:italic;}

/*------- COMAPRISON TABLE STYLES -------*/
#compTable {font-size:11px; border-spacing:1px}
#compTable td {text-align:center;}
#compTable th {text-align:center; background:#71849B; color:#fff; border-bottom:1px solid #71849B;}
#compTable th.topBlank {background:#fff; width:220px;}
#compTable .desc {text-align:left;}
.row1 {background-color:#fff;}
.row2 {background-color:#EEEBE4;}

.errorMessage { color: #bb584c }

/*------- CONTACT TABLE STYLES -------*/
.contactForm {width:420px;}
.contactForm input {border:1px solid #2D496B; font-size:10px; padding:1px;}
.contactForm textarea {border:1px solid #2D496B; font-size:10px; padding:1px; width:200px; height:80px;}

/*------- REGISTRATIION STYLES -------*/
#registerContent {width:360px;}

#registerContent h2 {margin:0 0 6px 0; padding:3px 8px;; background:#BB584C; color:#fff; font-size:13px;}
#registerContent h3 {float:left; margin:0 6px 6px 0; padding:3px 6px; background:#2D496B; color:#fff;}

.registerForm {width:100%; padding:2px; border:1px solid #808FA1; margin-top:14px;}
#registerContent input {border:1px solid #2D496B; font-size:10px; padding:1px;}
.red {color:#f00;}

.row1 {background-color:#fff;}
.row2 {background-color:#EEEBE4;}
.row3 {background-color:#808FA1;}
.row4 {background-color:#CDD3DA; border-top:1px solid #fff;}
.row5 {background-color:#808FA1; border-bottom:1px solid #fff; color:#fff;}


/*------- REGISTER TABLE STYLES -------*/
.registerForm {width:100%;}
.registerForm input {border:1px solid #2D496B; font-size:10px; padding:1px;}
.registerForm textarea {border:1px solid #2D496B; font-size:10px; padding:1px; width:200px; height:80px;}

/*------- FOOTER STYLES -------*/
#footer {clear:left; background:#666;}
#footerContainer {width:754px; margin:0 auto; background:#AC5245 url(../img/footer_bg.gif) left top no-repeat; text-align:center; padding:4px 18px; color:#fff; font-size:11px;}
#home #footerContainer {background:#AC5245 url(../img/home_footer_bg.gif) left top no-repeat;}
#footer a{color:#fff; text-decoration:none; padding:0 6px;}
#footer a:hover{text-decoration:underline;}
#footer span {font-size:9px;}

#footer ul {list-style:none; margin:0; padding:0; float:left;}
#footer ul li {float:left; margin:0; padding:0;}

/* --------------SITEMAP STYLES -------------- */
#sitemap {float:left;}
#sitemap .sm1, #sitemap .sm2  {float:left; width:230px}

#sitemap ul {font-weight:bold; list-style: none; padding:0 8px;}
#sitemap ul ul {font-weight:normal;}
#sitemap ul li {border-left:1px solid #2D496B; padding-left:12px; background:#fff url(../img/sitemap_branch.gif) left top no-repeat;}


/* --------------SUB NAV STYLES -------------- */
#subNav {margin: 2px 0 0 0; padding: 1px 0 0 0; list-style-type:none;}
#subNav li { margin: 0; padding:0; border-bottom:1px dotted #C8C4BF; font-weight:bold;}
#subNav li a{display:block; padding:5px 10px 5px 8px; text-align:right;  text-decoration:none; color:#2D496B; font-size:10px;}
#subNav li a:hover{text-decoration:none; background-color:#2D496B; color:#fff;}
#subNav li a.selected {color: #fff; background:#71849B;}

.required {color: #f00;}

.checkboxLabel {clear:left;}