/* basic elements */

html { min-height: 100%; margin-bottom: 1px; }

body { 
	font: 8pt/14pt verdana, arial, sans; 
	color: #666666; 
	background: #D9D4C8 url(/images/bkg_body.jpg) repeat-x; 
	margin: 0px; 
	text-align: center;
	}

p { 
	font: 8pt/14pt verdana, arial, sans; 
	}
	
p.callout { 
	font: 8pt/14pt verdana, arial, sans; 
	color: #7F7968; 
	}

h1 { 
	font: 14pt arial, verdana, sans;
	font-weight: bold;
	color: #003366; 
	}

h2 { 
	font: 9pt arial, verdana, sans bold;
	font-weight: bold;
	color: #003366;
	margin-bottom: .5em;
	}
	
HR { 
    border: none 0; 
	border-top: 1px solid #dbdbdb;
	height: 1px;
	margin: 20px auto;
	}

blockquote {
	background-color:#f9f9f9;
	width:90%;
	padding:20px;
	margin:5px 10px 5px 10px;
}

.bold { 
	font: 12px arial, verdana, sans;
	font-weight: bold;
	color: #003366; 
	}

a:link, a:visited { 
	text-decoration: none; 
	color: #003366;
	}

a:hover { 
	text-decoration: none; 
	color: #A49778;
	}
	
.tdTAN {
  background-color: #F7F6F3;
  padding: 10px;
}

.tdTANlight {
  background-color: #FFFFFF;
  border-top: 1px solid #E8E5DA;
  border-left: 1px solid #E8E5DA;
  padding: 10px;
}

.tdCLIENTlight {
  background-color: #F9F8F5;
}

.tdCLIENTdark {
  background-color: #F5F3ED;
}

.announcements {
	padding:55px 20px 10px 5px;
}

.announcements a {
	color:#998b68;
}

.announcements ul li {
	list-style: none;
	margin: 0 0 5px 15px;
	padding:0 0 5px 13px;
	background: url(/images/bullet_announcements.png) no-repeat 0 5px;
	font: 10px/16px verdana;
	border-bottom:1px dashed #ddd8cd;	
}

.announcements ul li a {
	color:#998b68;
}

.announcements ul li a:hover {
	color:#7e7152;
}

#noborder {
	border:none;
}


/* menus */
	
.clCMAbs {
position:absolute;
visibility:hidden;
left:0;
top:0
}
/*Style for the background-bar*/
.clBar {
position:absolute; 
width:10;
height:10; 
background-color:#FFFFFF; 
layer-background-color:#FFFFFF;
visibility:hidden
}
/*Styles for level 0*/
.clLevel0,.clLevel0over {
position:absolute;
 padding:0px; 
 font-family:arial; 
 font-size:12px; 
 font-weight:bold
}
.clLevel0 {
background-color:#FFFFFF; 
layer-background-color:#FFFFFF;
color:#FFFFFF;
}
.clLevel0over {
background-color:#FFFFFF; 
layer-background-color:#FFFFFF;
color:#FFFFFF; 
cursor:pointer;
cursor:hand;
}
.clLevel0border {
position:absolute;
visibility:hidden;
background-color:#FFFFFF; 
layer-background-color:#FFFFFF;
}
/*Styles for level 1*/
.clLevel1, .clLevel1over {
position:absolute; 
padding:3px; 
font-family:verdana; 
font-size:9px; 
font-weight:none
text-align:left;
}
.clLevel1 {
background-color:#F0EEE9; 
layer-background-color:#F0EEE9; 
color:#766846;
text-align:left;
}
.clLevel1over {
background-color:#E2DED5; 
layer-background-color:#E2DED5; 
color:#372A13; 
cursor:pointer;
cursor:hand; 
text-align:left;
}
.clLevel1border {
position:absolute;
visibility:hidden; 
background-color:#FFFFFF;
layer-background-color:#FFFFFF;
}
	
	

/* positioning divs */
#headerWrapper{
	
	margin: 0px;
	padding: 0px;
	clear: both;
}

#container{ 
	background: url(/images/bkg_top.jpg) no-repeat; 
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#sitetools {
	width: 750px;
	height: 32px;
	text-align: right;
}

#nav {
	width: 775px;
	height: 126px;
	text-align: left;
}

#header {
	width: 750px;
	height: 191px;
	margin-left: auto;
	margin-right: auto;
}



/* contents */

#contentsContainer {
	background: #F2F0EC;
	width: 100%; 
	border: 0px solid #ccc;
	margin: 0px;
	padding: 0px;
	}
	
#contentsBorder {
	width: 750px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

#contentsContents { 
	clear: both;
	margin: 0px;
	width: 690px;
	text-align: left;
	border: 0px solid #ccc;
	background: #FFFFFF; 
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#columnSingle {
	float: left;
	width: 690px;
	padding-right: 50px;
	overflow: hidden;
	text-align: left;
}

#columnOne {
	float: left;
	width: 420px;
	padding-right: 20px;
	margin-right: 20px;
	overflow: hidden;
	text-align: left;
	border: 0px;
}

#columnTwo {
	float: right;
	width: 206px;
	overflow: hidden;
	border: 0px;
	}

	

#columnOneHalf {
	float: left;
	width: 316px;
	
	overflow: hidden;
	text-align: left;
}

#columnTwoHalf {
	float: right;
	width: 320px;
	overflow: hidden;
	border: 0px solid silver;
	}

	
#columnOneWide {
	float: left;
	width: 500px;
	padding-right: 50px;
	overflow: hidden;
	text-align: left;
}

#columnTwoThin {
	float: right;
	width: 200px;
	overflow: hidden;
	border: 0px solid silver;
	}
	
#subColumnContainer {
	border: 0px silver solid;
	clear: both;
	}
	
#subColumnOne {
	float: left;
	padding-right: 20px;
	overflow: hidden;
	text-align: left;
}

#subColumnTwo {
	float: right;
	overflow: auto;
	}
	
	
#clear {
	clear: both;
	}
	
	
/* lists */

ul{
	margin: 0;
	margin-top: 8px;
	padding: 0;
}

ul li {
/*list-style-image: url(/images/icon_circle.gif);*/
list-style: none;
padding-left: 15px;
margin-left: 15px;
margin-bottom: 2px;
background: url(/images/icon_circle.gif) no-repeat 0 3px;
font: 11px/16px verdana;
}

ol li {
margin-bottom: 2px;
margin-left: -10px;
font: 11px/16px verdana;
}

#arrowList
{
margin-left: 0;
padding-left: 0;
list-style: none;
margin-top: 0px;
clear: both;
}

#arrowList li 
{
padding: 3px 0px 3px 25px;
background-image: url(/images/icon_arrow.gif);
background-repeat: no-repeat;
background-position: 0em .3em;
font: 11px verdana;
}

#arrowList li a { color: #003366; }
#arrowList li a:hover { color: #A49778; }

	

	
	
	
	
	
	
	
	
	
	
	
	
	

#crumb {
border-bottom: 1px dotted #E2E2E2;
width: 150px;
padding: 5px;
}

#crumb a { color: #A49778; }
#crumb a:hover { color: #003366; }

/* footer */

#footerContainer {
	background: #F1EFEB url(/images/bkg_footer.jpg) repeat-x;
	width: 100%; 
	height: 140px;
	border: 0px solid #ccc;
	margin: 0px;
	padding: 0px;
	}

#footerBorder { 
	width: 775px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	background: url(/images/bkg_footer_content.jpg) no-repeat; 
	border: 0px solid #ccc;
	}

#footerContents { 
	text-align: left;
	padding-top: 60px;
	color: #ccc;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 0px;
	border: 0px solid #ccc;
	}
	
	
	
#contentBox {
	border: 1px solid #f1f1f1;
	background: #fff url(/images/bkg_box.jpg) repeat-x; 
	padding: 15px;
	overflow: auto;
	overflow: hidden;
	}
	
#contentBox h2 { 
	font: 9pt arial, verdana, sans bold;
	font-weight: bold;
	color: #003366;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 0px;
	}
	


#boxLeft {
	float: left;
	width: 240px;
	padding-right: 10px;
}

#boxRight {
	float: right;
	}


	
	
/* tables */

.highlight { background-color: #003366; }
.labels { FONT: bold 11px/14px verdana, tahoma, sans; COLOR: #515151; }
.lightBrown { background-color: #F4F2EC; }
.fillLeft { background-color: #9C8D6C; }
.fillRight { background-color: #E3DCD2; }
.gradient { background: url(/images/bkg_tablegrad.gif) repeat-x; }
.leftpad { padding-left: 10px;}
.bothpad { padding-left: 10px; padding-right: 10px;}
.name { FONT: bold 11px/14px verdana, tahoma, sans; COLOR: #003366; }
.title { FONT: 10px/14px verdana, tahoma, sans; COLOR: #666666; }
.small { font: 7pt/16pt verdana, arial, sans; COLOR: #999; }
.tdHead { background-color: #EBEBE4; font-weight: bold; color: #003366; }


/* misc styles */

.fineprint { font: italic 8pt/16pt verdana, arial, sans; }
.attribution { FONT: italic 11px/14px verdana, arial, sans; COLOR: #476293; }
