﻿body {
	background: #c6c8ca url(/images/bkg-body.png) 0 0 repeat-x;
	font: 1.30em Arial, sans-serif; /* 1.3em = 13px = ~10pt */
    text-align: center;
}

h1 { font-weight: normal }
h1{ font-size: 1.50em; } /* 33px */
h2{ font-size: 1.5em; margin: 1em 0 0.5em 0 } /* 26px */
h3{ font-size: 1.00em; } /* 20px */
h4{ font-size: 1.00em; } /* 16px */

p{ margin-bottom: 1em; line-height: 1.35em }

#wrapper {
	background: #c6c8ca url(/images/bkg-body.png) 0 0 repeat-x;
	position: relative;
    margin: 0 auto;
    text-align: left;
    top: 0;
	width: 965px;
}

#shadow{
	background: url(/images/bkg-swoosh-mdl.png) 0 -10px repeat-y;
	margin-top: 30px;
	width: 941px;
}

#column_wrapper{
	background: #fff;
	width: 914px;
	margin-top: 0px;
	margin-left: 14px;
}

#leftCol{
background: #2f407a url(/images/bkg-left-long.png) 0 0 no-repeat; 
float: left; 
min-height: 640px;
_height: 640px;
margin: 0 0 0 0; 
/*padding: 150px 0 0 0;  */
position: relative;
width: 338px; 
}

#leftCol #tagLine{
color:#fff;
font-family: Georgia;
font-style: oblique;
font-size: 30px;
line-height: 1.35em;
margin: 400px 0 0 10px;
text-align: center;
width: 320px;
}

#rightCol{
float: right;
margin: 0 20px 0 0; 
position: relative;
padding: 0 0 0 20px; 
width: 530px; 
z-index: 110;
}

#rightCol #breadcrumbs{
    color: #666;
    font-size: 0.9em;
    margin: 3em 0 0 0;
}
#rightCol .anchorMenu,
#rightCol .AspNet-Menu{
    margin:0 0 0 -0.5em;
    width: 430px;
}
#rightCol .anchorMenu li,
#rightCol .AspNet-Menu li{
    border-left: solid 1px silver;
    padding: 0 0.5em 0 0.5em;
}
#rightCol .AspNet-Menu li:first-child{
    border:none;
}
#rightCol .AspNet-Menu li a{
    color: #666;
}
#rightCol .AspNet-Menu li a:hover{
    text-decoration: underline;
}
#rightCol h1{
    color: #173459;
    font-family: Georgia, Serif;
    font-size: 2em;
    margin: 1.75em 0 1em 0;
}
#rightCol h2{
    color: #173459;
    font-family: Georgia, Serif;
    font-weight: normal;
}
#rightCol h3{
    color: Navy;
    font-family: Georgia, Serif;
}
#rightCol .column,
#rightCol .column.first{
    float: left;
    font-size: 0.9em;
    margin: 0 15px 0 0;
    width: 165px;
}
#rightCol .column.first{
    margin: 0 15px 0 -10px;
}
#rightCol table.double,
#rightCol table.double td{
    border: double #ccc 3px;
    text-align: center;
}
#rightCol a.top{
    float: right;
    margin: 0 0 1em 0;
}
#rightCol ul{
    list-style-type: disc;
    margin: 0 0 0 1.5em;
}
#rightCol li{
    margin: 0 0 .5em 0;
}
#rightCol li span{
    color: #4d4d4d;
    font-weight: bold;
}

#rightCol div.intro{
     font-size: 1.35em; 
     line-height: 1.5em; 
     margin: 40px 0 0 -8px;
     width: 500px;
}
#rightCol a.top{
    background: url(/images/back2top.gif) top left no-repeat;
    display: block;
    float: right;
    height: 25px;
    margin: 0 0 1em 0;
    width: 77px;
}
#rightCol address{
    font-weight: bold;
    margin: 1em 0 0 0 ;
}
#rightCol a[href$='.vcf'] { 
    background: transparent url(/images/icons/vcf.gif) no-repeat center right;    
    display:inline-block;
    padding-right: 18px;
    text-decoration: none;
}
#arch_overlay{
background: url(/images/bkg-swoosh.png) 0 0 no-repeat; 
height: 553px; 
left: 0; 
position: absolute;
top: 0px; 
width: 946px;
z-index: 100;
}
#arch_overlay #lnkLogo{
    height:100px;
    left: 25px;
    position: absolute; 
    top: 10px;  
    width: 226px; 
}

#arch_overlay #leftNav{
    left: 35px;
    position: absolute;
    top:135px;
    z-index: 5000;
}

ul#topNav{
    font-size: 0.9em;
    left: 735px;
    list-style-type: none;
    position: absolute;
    top: 35px;
}
ul#topNav li,
ul#topNav li.first{
    border-left: solid 1px #fff;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 1em 0 1em;
}
ul#topNav li.first{
    border: none;
}
ul#topNav li a,
ul#topNav li a:visited,
ul#topNav li a:hover{
    color: #fff;
    display: block;
    text-decoration: none;
}
ul#topNav li a:hover{
    text-decoration: underline;
}

ul#nav{
}
ul#nav, ul#nav ul{
    float: left;
    list-style-type: none;
    margin:0;
    padding:0;
}
ul#nav li a,
ul#nav li a:visited,
ul#nav li a:hover{
    background:  url(/images/bullet_up.png) 0 center no-repeat;
    color: #173459;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
    min-height: 33px;
    padding: 0 0 0 45px;
    text-decoration: none;
}
ul#nav li a:hover{
    background: url(/images/bullet_down.png) 0 center no-repeat;
    color: Gray;
}
/* Sub menu */
ul#nav ul {
    background: #333;
    display:none;
    font-size: 1em;
    left: 100%;
    margin: -4em 0 0 0;
    padding: 10px 0 10px 0;   
    position: absolute;
    text-align: center;
    width: 135px;
    z-index: 5000;
}
ul#nav li>ul li{
    padding: 0;
}
ul#nav li ul a,
ul#nav li ul a:visited,
ul#nav li ul a:hover{
    background: none;
    border-top: solid 1px #fff;
    color: #fff;
    display: block;
    font-size:1em;  
    min-height: 100%;
    margin: 0;  
    padding: 0.25em 0 0.25em 0;
}
ul#nav li ul a:hover{
    text-decoration: underline;
}
ul#nav li ul a.first{
    border-top: none;
}
ul#nav li:hover ul{
    display:block;
}
ul#nav li ul li a{
    display: block;
}

#footer{ 
    background: url(/images/bkg-swoosh-btm3.png) 0 0 no-repeat;
	clear:both;
    color: gray;
    font-size: 0.8em;
    height: 55px;
    _height: 0;
    margin: 0 0 0 0;
    padding: 38px 0 0 0;
    _padding: 0;
    position: relative;
    text-align: center;
    top: -31px;
    _top:0px;
    width: 941px;
}
#footer ul
{ 
    list-style-type: none;
    margin: 0 auto 10px auto;
    padding: 0;
    text-align: center;
    width: 75em;
}
#footer li,
#footer li.first{
    border-left: solid 1px #666;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 1em 0 1em;
}
#footer li.first{
    border: none;
}
#footer li a,
#footer li a:visited,
#footer li a:hover{
    color: gray;
    display: block;
    text-decoration: none;
}
#footer li a:hover{
    text-decoration: underline;
}