﻿
.clear{clear:both; height:0; line-height:0; font-size:0;}

body {font-size:62.5%; font-family:Tahoma, Arial, sans-serif; background:white;}

/* Template Styles */

#header{height:147px; background:url(../i/header.jpg) repeat-x center top;}
#outerWrapper{background:#3b4b9b url(../i/mainBack.gif) repeat-x center top;}
#innerWrapper{margin:auto; width:940px; background:#f2eef6 url(../i/contentBack.gif) repeat-y;}

#topMenu{height:28px; font:1.4em/1.8em Tahoma, Arial, sans-serif; font-weight: bold; color:#e3f4f9; text-transform:uppercase; background:url(../i/topMenuBack.gif) no-repeat;}
#topMenu ul{margin-left:77px;}
#topMenu li{display:block; float:left; height:28px}
#topMenu li.home{ width:63px; }
#topMenu li.about{ width:95px; }
#topMenu li.news{ width:65px; }
#topMenu li.careers{ width:89px; }
#topMenu li.contact{ width:118px; }
#topMenu li.links{ width:165px; }
#topMenu li a{display:block; height:28px; padding-left:11px; color:#e3f4f9; text-decoration:none; background:url(../i/buttonTopMenuLeft.gif) no-repeat top left 0 -28px;}
#topMenu li a span{display:block; height:28px; padding-right:11px; background:url(../i/buttonTopMenuRight.gif) no-repeat right top 0 -28px;}
#topMenu li a:hover{color:White; background:url(../i/buttonTopMenuLeft.gif) no-repeat top left;}
#topMenu li a:hover span{cursor:pointer; background:url(../i/buttonTopMenuRight.gif) no-repeat right top;}

.contentWrapper{padding:10px 0 70px 280px; min-height: 518px; height: auto !important; height: 518px;}

#columnMain{float:left; width:420px; margin-right:30px;}
#columnMain p{font:1.2em/1.5em Tahoma, Arial, sans-serif; color:#5b506a; margin-bottom:0.6em;}
#columnMain .menu ul{display:block;}
#columnMain .menu li{display:block; float:left; width:140px; height:20px;}
#columnMain .menu li a{display:block; width:127px; height:20px; padding:2px 0 0 13px; font-size:1.1em; color:#256e9e; text-decoration:none; background:url(../i/buttonSubMenu.gif);}
#columnMain .menu li a:hover{color:#542988; background:url(../i/buttonSubMenu.gif) 0 -20px;}
h1{font:2.4em/1.2em Tahoma, Arial, sans-serif; color:#542988; margin:0.4em 0;}
h2{font:1.8em/1.0em Tahoma, Arial, sans-serif; color:#542988; margin:0.4em 0;}

#columnRight{float:right; width:210px; margin-top:65px;}
#columnRight .menu ul{display:block;}
#columnRight .menu li{display:block; height:27px; margin-top:-1px;}
#columnRight .menu li a{display:block; height:21px; padding:6px 0 0 41px; font-size:1.2em; color:#542988; text-decoration:none; background:url(../i/buttonRightColumn.gif);}
#columnRight .menu li a:hover{color:#256e9e; background:url(../i/buttonRightColumn.gif) 0 -26px;}
#columnRight .menu li a.selected{color:#256e9e; background:url(../i/buttonRightColumn.gif) 0 -26px;}
#columnRight .image{margin-top:40px; padding-top:6px; background:url(../i/rightColumnImageTop.gif) no-repeat top;}
#columnRight p{font:1.0em/1.4em Tahoma, Arial, sans-serif; color:#8e7ba5; margin-bottom:0.7em; padding:0 14px 0 17px;}
#columnRight .image img{margin-bottom:9px;}

#footer{height:90px; color:#BABABA; text-align: center; font-weight: bold; margin-top: 10px; }
#footer div {margin-right: 442px; margin-left: 30px;}
#footer div a{height:90px; color:#BABABA; text-decoration: none;}

#links .LinkGroups li span{display:block; padding: 1px 2px 4px 28px; margin-bottom: 8px; font: Tahoma; font-size: 1.6em; text-decoration: none; color: #256e9e; background-image: url(../i/newstitle.jpg); border: solid 1px #E2DBEB}
#links .LinkGroups li a:hover{text-decoration:underline;}
#links .LinkGroups ul.Links li {padding:0 0 8px 26px; color: #5b506a; background-image: url(../i/linkBullet.gif); background-position: top left; background-repeat: no-repeat; border: none; font-size: 1.1em;}
#links .LinkGroups ul.Links li.Intro{color: #5b506a; display:block; margin-bottom: 6px; height:auto; border-bottom:solid 1px #E8E8E8; font-size:1.2em; line-height:1.4em; background:none;}
#links .LinkGroups a{color: #256e9e; text-decoration:none; font-size: 1.1em;}
#links .LinkGroups  a:hover{text-decoration:underline;}
#links .LinkGroups .Links {margin-top: -5px; margin-bottom: 15px;}

#news .NewsDetails{margin:0 0 5px 0; font: Tahoma; font-size: 1.2em; color: #9C90AE;}
#news .NewsItem{padding:5px 0; border-top:solid 1px #E2DBEB; clear:both;}
#news .NewsItem p{margin-bottom:0.5em; font: Tahoma; font-size: 1.1em; line-height: 1.4em; color: #5B506A; }
#news .NewsItem a{display:block; padding: 1px 2px 4px 28px; margin-bottom: 8px; font: Tahoma; font-size: 1.6em; text-decoration: none; color: #256e9e; background-image: url(../i/newstitle.jpg); border: solid 1px #E2DBEB}
#news .NewsItem a:hover{text-decoration:underline;}
#news .NewsItem .NextPrev{display:inline; margin-right:1.2em; padding-top:0.1em; font-size:1.2em;}
#news .Divider {border-top:solid 1px #E2DBEB;}
#news .ImageNews{float:left; margin:3px 12px 10px 0; border:solid 3px #E2DBEB;}
#news .ImageNewsThumb{float:left; margin:3px 12px 10px 0; border:solid 3px #E2DBEB;}



#jobs .Job{padding-top:13px; border-top:solid 1px #E2DBEB; clear:both;}
#jobs .JobDetails{float:left; width:160px;}
#jobs .JobDetails ul{margin-top: 10px;}
#jobs .JobDetails li{font: Tahoma; font-size: 1.0em; color: #9C90AE; margin-bottom: 8px;}
#jobs .JobDetails li span{font: Tahoma; font-size: 1.2em; color: #542987}
#jobs .JobDescription{float:right; width:260px;}
#jobs .JobApplication{padding:10px 0 10px 130px; border-top:dotted 1px #618248; clear:both;}
#jobs .JobDescription span {display: block; margin-bottom: 5px;}
#jobs .JobDescription span a{font: Tahoma; text-decoration: none; font-size:1.6em; color: #256e9e;}
#jobs .JobDescription span a:hover{text-decoration:underline;}
#jobs .JobDescription p {margin-bottom:0.5em; font: Tahoma; font-size: 1.1em; line-height: 1.4em; color: #5B506A;}
#job p.JobDetails{font: Tahoma; font-size: 1.0em; color: #9C90AE; margin-bottom: 8px;}
#job p.JobDetails span{font: Tahoma; font-size: 1.2em; color: #542987}
 a.applyButton{display:block; height:27px; padding-left:10px; text-decoration:none; background:url(../i/buttonMainLeft.gif) no-repeat top left; }
 a.applyButton span{ font-weight:bold; color:#542988; display:block; height:22px; padding-top: 5px; padding-right:10px; background:url(../i/buttonMainRight.gif) no-repeat right top;}
 a.applyButton:hover{background-position: left -27px;}
 a.applyButton:hover span{cursor:pointer; background-position: right -27px;}

/* Form Styles */

.Form .Question{margin-bottom:10px;}
.Form .Question table{width:100%;}
.Form .Text{width:170px; height:26px; padding:4px; color:#26341D; border:solid 1px #E8E8E8; border-right:none;}
.Form .Answer{padding:4px; border:solid 1px #CAD4D3; background:#D9EDE2;}

.Form .Error .Text{background:#EAC5CB; border:solid 1px #CDB4B8; border-right:none;}
.Form .Error .Answer{background:#D9A1A8; border:solid 1px #B18E94;}

.Form .TextBox input{width:284px; padding:4px; color:#505050; background:white; border:none;}
.Form .SelectBox select{width:292px; color:#505050; background:white; border:none;}
.Form .TextArea textarea{width:284px; height:100px; padding:4px; color:#505050; background:white; border:none;}

.Form .ErrorBar{display:none;}
.Form .Error .ErrorBar{display:block; padding:3px; font-weight:bold; font-size:0.8em; background:#BD2840 url(../i/ErrorBarBack.gif) repeat-x; border:solid 1px #7D1A2A; color:White;}
.Form .Error .ErrorBar span{margin-left:180px;}

.Form .JobInput, .Form .JobInput input{margin:-7px 0 6px 0; font-weight:bold; width:260px; border:solid 2px #E6E1EB; padding:1px 4px 3px 4px; color:#26341D; background-color:#F9F7FB;}
.Form .JobButton{margin-top:4px; font-weight:bold; color:#26341D; padding:0 6px 2px 6px;}

/* Contact Us Page */

.contactDetails {float: left; width: 150px; margin-right: 20px;}
#contactPage .contactDetails p {font-weight: bold;}
.contactForm {float: left; width: 230px; height: 280px;}
.contactItem {margin-bottom: 10px; padding: 5px;}
.contactInput {margin:-7px 0 6px 0; font-weight:bold; width:220px; border:solid 2px #E6E1EB; padding:1px 4px 3px 4px; color:#256e9e ; background-color:#F9F7FB;}
.Map {position: relative; width: 396px; height: 230px; margin-top:15px; border:solid 6px #E6E1EB;}
.validation {color: Red;}
#contacts {margin-bottom: 10px;}

#contacts li{display:block; padding: 1px 2px 4px 28px; margin-bottom: 8px;  background-image: url(../i/newstitle.jpg); border: solid 1px #E2DBEB}


#contacts li a{font: Tahoma; font-size: 1.6em; text-decoration: none; color: #256e9e;}
#contacts li a:hover{text-decoration:underline;}
.contactItem a.contactButton{display:block; height:27px; padding-left:10px; text-decoration:none; background:url(../i/buttonMainLeft.gif) no-repeat top left; }
.contactItem a.contactButton span{ font-weight:bold; color:#542988; display:block; height:22px; padding-top: 5px; padding-right:10px; background:url(../i/buttonMainRight.gif) no-repeat right top;}
.contactItem a.contactButton:hover{background-position: left -27px;}
.contactItem a.contactButton:hover span{cursor:pointer; background-position: right -27px;}
.JobButton {display:block; height:27px;}
.JobButton a{display:block; height:20px; padding-left:10px; padding-top: 7px; color:#542988; text-decoration:none; background:url(../i/buttonSubmit.gif) no-repeat top left; }
.JobButton a:hover{background-position: left -27px; }

/* General Link Style */
p a {color:#542988; text-decoration:none; }
.NewsItem {font-size: 1.1em; color: #5B506A; }
.NewsItem a{color:#542988; text-decoration:none; }