/* CSS Document */

* {
margin: 0;
padding: 0;
}

a{
color: #4D7EB8;
font-weight:bold;
}

a:hover{
color:#666666;
font-weight:bold;
}

form{
font-size:1.1em;
width:100%;
}

h1{
color: #be181b;
margin: 10px 0px 10px 0px;
font-size:1.7em;
}

h2{
color:#3E6FAB;
margin: 20px 0px 10px 0px;
font-size:1.25em;
}

h3{
margin:10px 0px;
padding-top:10px;
border-top:2px dashed #999999;
}

h4{
margin:10px 0px;
padding-top:10px;
border-top:2px solid #336798;
}

h3 a{
color: #be181b;
}

p{margin:1.5em 0px;}

#searchBar input,
#searchBar textarea{
border:2px solid #CCCCCC;
padding:5px;
margin:2px 0px;
font: normal 0.9em/1.5em Tahoma, Verdana, Arial, Georgia, sans-serif;
background-color:#ffffff;
}

input, textarea{
border:2px solid #666666;
padding:5px;
margin:2px 0px;
font: normal 0.9em/1.5em Tahoma, Verdana, Arial, Georgia, sans-serif;
background-color:#CCCCCC;
}

input:focus, textarea:focus{
border:2px solid #4D7EB8;
background-color:#000000;
color:#FFFFFF;
text-transform:none;
letter-spacing:0.2em;
}

input.cancel{
padding:5px 10px;
color:#FFFFFF;
background-color:#CC0000;
background-image:url(../_IMAGES/layout/redbutton_bg.jpg);
background-repeat:repeat-x;
font-weight:bold;
font-size:1.1em;
border:1px solid #000000;
cursor:pointer;

}

input.submit{
padding:5px 10px;
color:#FFFFFF;
background-color:#33CC00;
background-image:url(../_IMAGES/layout/greenbutton_bg.jpg);
background-repeat:repeat-x;
font-weight:bold;
font-size:1.1em;
border:1px solid #000000;
cursor:pointer;
margin-right:120px;
}

label, legend{
font-weight:bold;
}

legend{
color: #be181b;
}

fieldset{
padding:10px;
width:100%;
}

.close{
padding-left:20px;
background: transparent url(../_IMAGES/icons/close.png) no-repeat 0px 50%;
}

.textSize{
padding-left:20px;
background: transparent url(../_IMAGES/icons/font_resize_large.gif) no-repeat 0px 50%;
}

#systemWorking{
position:absolute;
left:20px;
top:20px;
width:auto;
height:auto;
background-color:#ffffff;
}

body {
margin: 0;
padding: 0; 
font: normal 0.9em/1.5em Tahoma, Verdana, Arial, Georgia, sans-serif; 
color:#000;
text-align: center;
background-color:#B4CFE5;
background-image:url(../_IMAGES/layout/background.gif);
background-repeat:repeat-x;
}


div.clearFloat{
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}


#container {
margin: 0px auto;
padding: 0;
width: 965px;
border: none;
text-align: left;
background-image: url(footerbg.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin-bottom: 70px;
background-color:transparent;
height:auto;
}
#searchBar{float: right; font-size: 0.8em;}
#searchBar form, #searchBar input{margin-top: 0px; padding-top: 2px;}
#searchBar span{color:#4273AE;font-weight:bold;}
#searchBar a{color:#4273AE;text-decoration:none;}
#searchBar a:first-letter{text-decoration:underline;}
#searchBar a:hover{color: #fff;text-decoration:none;}
#searchBar label{color:#4273AE;}

#Credits{
text-align:center;
font-size:10px;
color: #4D7EB8;
padding:10px;
}

#Credits a{
text-decoration:none;
font-weight:normal;
}
/* ==== Header Styles ====== */

#header{
border-bottom:2px solid #CCCCCC;
}

#headerGraphic{
height:191px;
background-color:transparent;
font-size:2.5em;
}

/* NAVIGATION */

.navigation{
background-color:transparent;
font-size:1.2em;
color:#4D7EB8;
padding:15px 0px 0px 0px;
}


/*#navigation ul{
   list-style: none;
   margin: 0;
   padding: 0;
   white-space: nowrap;
}
#navigation li {
   float: left;
}
#navigation li a {
   display: block;
   background: transparent;
   width: auto;
   text-align: center;
   color: #4D7EB8;
   padding: 5px 15px;
   font-weight:bold;
   text-decoration:none;
}
#navigation li a:hover {
   color: #FFF;
background-color: #4D7EB8;
}*/


/* ----- END Header Styles ----- */

/* ==== Accessibility Styles ====== */

#accessibility{
min-height:150px;
padding: 20px 20px;
background-color:#FFFFFF;
text-align:center;
background-image:url(../_IMAGES/layout/accessibility_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#accessibility .largeText{
font-size:1.5em;
padding:20px;
margin-bottom:25px;
}

#layoutBoxes .box{
padding:20px;
border:4px double #CCCCCC;
display:inline;
cursor:pointer;
}

#layoutBoxes .normalBox{
background-color:#FFFFFF;
color:#333333;
}

#layoutBoxes .yellowonblueBox{
background-color:#000080;
color:#FFFF00;
}
#layoutBoxes .whiteonblackBox{
background-color:#000000;
color:#FFFFFF;
}

#closeView a{
color:#CC0000;
text-decoration:none;
}

#closeView a:hover{
color: #4D7EB8;
}

/* ----- END Accessibility Styles ----- */


/* ==== Content Styles ====== */
#content{
min-height:400px;
background-color:#ffffff;
padding-bottom:40px;
background-image:url(../_IMAGES/layout/leftcolbg.gif);
background-repeat:repeat-y;
border:1px solid #666666;
}

#PageOptions{
float:right;
text-align:right;
margin-top:3px;
margin-right:25px;
}

#PageOptions a,a:hover{
text-decoration:none;
}


#rightColumn{
float:right;
width:200px;
margin:0; padding:0;
}

#leftColumn{
float:left;
width:200px;
margin:0; padding:0;

}

#copy{
	margin:0px 10px 0px 210px;
	padding:15px 2px;
	vertical-align: top;
}

#copy2{
margin:0 205px;
padding:15px 2px;
}

#copy ol,ul{
margin:5px;
padding:5px;
margin-left:25px;
list-style-image:url(../_IMAGES/icons/arrow_blue.gif);
}

#leftNavigation{
padding-top:20px;
}

#leftNavigation ul{
   list-style: none;
   list-style-image:none !important;
   margin: 0;
   white-space: nowrap;
   border-top: 1px solid #CCCCCC;
   border-bottom: 0px solid #FFFFFF;
}


#leftNavigation li {
width:98%;
background-color:#transparent;
}


#leftNavigation li a {
   background: transparent;
   color: #FFF;
   padding: 10px 15px;
   font-weight:bold;
   text-decoration:none;
   display:block;
   border-bottom:1px dotted #CCCCCC;
   background-image:url(/_IMAGES/layout/leftcolbg_dark.gif);
   background-repeat:repeat-y;
}
#leftNavigation li a:hover {
   color: #000;
   background-image:url(/_IMAGES/layout/leftcolbg_light.gif);
   background-repeat:repeat-y;
}

#leftNavigation ul ul{border: none;  padding-left: 5px; list-style: none; list-style-position: outside; list-style-image:none !important; color: #fff;}
#leftNavigation ul ul li{background: transparent;}
#leftNavigation ul ul li a {background: transparent;padding: 5px;border: 0px; padding-left: 35px;border-bottom:1px dotted #CCCCCC;}

.photo {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.photo2 {
	float: right;
	margin: 5px 10px 5px 5px;
}

.photo3  {
    float: left;
	padding-top: 10px;
	margin-right: 20px;
	padding-right: 30px;
	padding-left: 20px;
	margin-left: 20px;	
	padding-bottom: 10px;
}

.photo35  {
    float: left;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 30px;
	margin-left: 20px;	
	padding-bottom: 10px;
}

/* ----- END Content Styles ----- */


/* ==== Footer Styles ====== */
#footer{
min-height:73px;
background-color:transparent;
background-image:url(/_IMAGES/layout/footerBottom.gif);
background-repeat:no-repeat;
background-position:center bottom;
text-align:center;
border-top:2px solid #CCCCCC;
color: #FFF;
}

/*#footerTop{
background-image:url(/_IMAGES/layout/footerTop.gif);
background-repeat:no-repeat;
background-position:center top;
}*/

#footer ul{
   list-style: none;
   margin: 0;
   padding: 1.5em;
   white-space: nowrap;
}
#footer li {
display:inline;
   text-align:center;
}
#footer li a {
   background: transparent;
   width: auto;
   text-align: center;
   color: #FFF;
   padding: 5px 15px;
   font-weight:bold;
   text-decoration:none;
   font-size:0.8em;
}
#footer li a:hover {
   color: #CCC;
}

/* ----- END Footer Styles ----- */


/* ======= TABS ========== */

.navigation ol.tabs li{
background: transparent url(/_IMAGES/layout/TabOverLeft.png);
}

.navigation ol.tabs a{
background: #B4CFE5 url(/_IMAGES/layout/TabOverRight.png) 100% 0;
font-weight: bold;
color:#ffffff;
}

.navigation ol.tabs a:first-letter{
text-decoration:underline;
}

.navigation ol.tabs a:hover {
color:#000;
}

.navigation ol.tabs li.current{
background: transparent url(/_IMAGES/layout/TabLeft.png);
}

.navigation ol.tabs li.current a{
background: #B4CFE5 url(/_IMAGES/layout/TabRight.png) 100% 0;
font-weight: bold;
color:#4D7EB8;
}




ol.tabs {
    height: 2em;
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
	list-style-image:none !important;
}

ol.tabs li {
    background: transparent url(/_IMAGES/layout/TabLeft.png);
    float: left;
    margin: 0 1px 0 0;
    padding-left: 20px;
	cursor:pointer;
}

ol.tabs a {
    background: #FFFFFF url(/_IMAGES/layout/TabRight.png) 100% 0;
    color:#4D7EB8;
    display: block;
    float: left;
    line-height: 2em;
    padding-right: 20px;
    text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}

ol.tabs a:hover {
color:#000;
}

ol.tabs li.current {
	background: transparent url(/_IMAGES/layout/TabOverLeft.png);

}

ol.tabs li.current a {
	background: #FFFFFF url(/_IMAGES/layout/TabOverRight.png) 100% 0;
    color: #fff;
    font-weight: bold;
	cursor:pointer;
}


div.tabsContent {
    border: #5887BE solid 2px;
    clear: left;
    padding: 1em;
}

/*=============== Info Box */

.InfoBox{
width:180px;
border:1px solid #3E6FAB;
background-image:url(../_IMAGES/layout/rightBoxBG.gif);
margin-left:9px; 
margin-right:8px; 
margin-top:2px;
margin-bottom:15px;
}
.infoBoxTitle{
color:#be181b;
padding:3px;
text-align: center;
font-weight:bold;
width: 180px;
}

.infoBoxContent{
padding:10px 3px 0px 3px;
text-align:center;
color:#000;
font-weight:bold;
}
.infoBoxFooter{
min-height:25px;
background-color:#3E6FAB;
color:#FFFFFF;
font-weight:bold;
text-align:center;
font-size:1.2em;
padding:4px;
clear: both;
}

.infoBox .customerService{
background-color:transparent;
background-image:url(../_IMAGES/customerServiceRep.png);
background-repeat:no-repeat;
background-position:bottom right;
}


/* ===== Boxes ================== */
#navigation .rounded {
 /*padding: 15px;*/
 background:#000000 url(/_IMAGES/layout/Boxes/navbox/background.gif) repeat-x top left;
}

#navigation .rounded2{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/background.gif) repeat-x top left;
 /*padding: 15px;*/
}

#navigation .rounded2 div{
 /*width: 100%;*/

 background: transparent url(/_IMAGES/layout/Boxes/navbox/t.gif) repeat-x top left;
 
}
#navigation .rounded2 div div{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/r.gif) repeat-y top right;
}
#navigation .rounded2 div div div{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/b.gif) repeat-x bottom left;
}
#navigation .rounded2 div div div div{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/l.gif) repeat-y top left;
}
#navigation .rounded2 div div div div div{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/tr.gif) no-repeat top right;
}
#navigation .rounded2 div div div div div div{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/tl.gif) no-repeat top left;
}
#navigation .rounded2 div div div div div div div{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/br.gif) no-repeat bottom right;
}
#navigation .rounded2 div div div div div div div div{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/bl.gif) no-repeat bottom left;
 min-height:56px;
 height:auto;
 position: relative;
}

#navigation .rounded2 div div div div div div div div div{
 background: transparent url(/_IMAGES/layout/Boxes/navbox/bl.gif) no-repeat bottom left;
 min-height:0px;
 height:0px;
 padding:0px;
}

/*========== largeYellowCheck ============*/
ul.largeYellowCheck{list-style-image: url(/_IMAGES/bullet_largeYellowCheck.jpg); font-size: 1.5em; color:#000; list-style-position: outside;}
ul.largeYellowCheck li{line-height: 130%;margin: 0px; padding: 0px;}
ul.smallYellowCheck{
	list-style-image: url(/_IMAGES/bullet_smallYellowCheck.jpg);
	font-size: 17px;
	color:#000;
	list-style-position: outside;
}
ul.smallYellowCheck li{line-height: 130%; margin: 0px; padding: 0px;}