/*
YSS CSS template
Stephen Kingston
July 8, 2006

Version 1.0


*******************************************
2 column display
left navigation column
fixed width (180 px)


right column content
variable width (min width total of 760px)


*/

/* Section 11: Tables */
table {}
caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
th {}
td {}

/* The A element -----------------------------------------*/
a:link {color: #e27100; }
a:visited {color:#e27100; text-decoration:none;}
a:link:hover {color: #000000; background-color:#FFF0B7;} 
a:visited:hover {color: #990066; background-color:#FFF0B7;  text-decoration:underline;}
a:active {}
a:focus {}
a:focus:hover {}


.spacedlist{ 
 padding-bottom: 15px;

}

/* LAYOUT ---------------------------------------------------------*/

#container {
		margin:5px 20px 20px 20px;
		background-color:#FFFFFF;
		min-width: 795px;
		border: #009A8F solid 1px;
}



.leftColumn {
		float: left;
		margin-right: 10px;
		padding:0px 5px 0px 5px;
		width:170px;
		
}

.rightColumn {
		postion: absolute;
		margin: 0px 10px 0px 180px;
		padding:0px 10px 10px 10px;
		border-left:1px dashed #CCC;
}



#callout_right {
		color:#000; 
		background-color: #E8F0F2; 
		border:1px solid #009A8F;  
		float:right; 
		width:180px;  
		margin:25px;
}


/* styles for rounded corners */
b.rtop, b.rbottom{display:block;background: #D8D8D8}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FF0000}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}











/* callout right navigation ------------------ */

#callout_right ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
}
#callout_right a {
		display: block;
		background-color: #E8F0F2;
		border-bottom: 1px solid #FFF;
		padding: 5px;
}

#callout_right a:link, #callout_right a:visited {
		color: #000;
		text-decoration: none;
}
#callout_right a:hover {
		background-color: #FFF;
		color: #000;
}


#wftf_callout_right{
		padding-left:5px; 
		background-color:#f8fbfc;

}

#wftf_callout_right a, #wftf_callout_right a:link, #wftf_callout_right a:visited{

		font-size:11px;
		background-color:#f8fbfc;
		font-weight: bold;
}

#wftf_callout_right a:hover{
		color:#0000CC
		
}




.wftf_menuitem a, .wftf_menuitem a:link, .wftf_menuitem a:visited{

		font-size:13px;
		background-color:#FFFFFF;
		font-weight: bold;
		text-decoration:none;
		color:#e27100;
}

.wftf_menuitem a:hover{
		font-size:13px;
		background-color:#FFFFFF;
		font-weight: bold;
		text-decoration:underline;
		color:#e27100;
	
		
}





#page_header {
		height:80px;
		color:#000000;
		padding:10px 16px 0 16px;
		background-color:#E8F0F2;
}

#header_nav {
		float: right;
		font-family:arial,sans-serif;
		font-size:90%;
		margin-top: -4px;
}


.logo {
		padding:5px; 
		float:right; 
		width:180px; 
		margin:-33px 0px 0px 0px; 
		padding-bottom:5px;
		
		
		}



#header_nav a {color: #000; text-decoration:none; border-bottom:none; background:#FFF;}
#header_nav a:link:hover, #header_nav a:visited:hover {text-decoration:underline;} 
#header_nav a:active {}
#header_nav a:focus {}
#header_nav a:focus:hover {}

.header_text {
		font-family:artial,sans-serif;
		font-size:150%;
		padding:5px;
}

/* primary navigation-----------------------------------------------------*/

#pri_nav {
	height: 28px;
	width: 100%;
	min-width: 795px;
	background-color: #009A8F;
	border-bottom: #E27100 solid 10px;	
}

#pri_nav-horizontal {
	margin: 0 auto;
	position: relative;
	bottom: 0;
}

#pri_nav ul{
	margin: 0;
     padding: 0;
     list-style-type: none;
}

#pri_nav li{
     float: left;
	text-align:center;
	margin:0px;
}

#pri_nav a {
	display: block;
	padding:4px 15px 6px 15px;
	text-decoration:none;
	font-weight:bold;
	font-size: 90%;
	color: #FFFFFF; 
	border-right: 1px solid #E8F0F2;	
}

#pri_nav a:hover {
      background: #E8F0F2 none;
	 color: #009A8F;
    }

#pri_nav a:visited {
	 text-decoration: none;
	 border: none;
	 border-right: 1px solid #E8F0F2;
    }

#pri_nav li.selected a:visited  {
	background-color: #E8F0F2;
	color: #055a8d;
}


#divPageContent {
		border-top:1px solid #CCC;  
		padding:0px 0px 10px 0px;
		background-color:#FFFFFF;
}



/* SIDE NAV BAR --------------------------------------------------------------------------*/

#navcontainer {
		width: 160px;
		background-color: #FFCD9B;
		font-size: 80%;
		line-height: 15px;
}
#navcontainer ul {
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
}
#navcontainer a {
		display: block;
		padding: 4px;
		width: 160px;
		background-color: #FFCD9B;
		border-bottom: 1px solid #FFF;
}
#navcontainer a:link, #navlist a:visited {
		color: #000;
		text-decoration: none;
}
#navcontainer a:hover, #navcontainer .selected {
		background-color: #FFF;
		color: #000;
		margin-top: -3px;
		border-top: #009A8F 3px solid;
}


#subNav a {
		display: block;
		font-size: 100%;
		line-height: 100%;
		color: #009A8F;
		text-decoration: none;
		background: #FFF;
		padding: 2px 0px 2px 10px;
}

#subNav a:link, #subNav a:visited {
		text-decoration: none;
		color: #009A8F;
		background: #FFF;
}

#subNav a:hover {
		background-color: #FFF;
		border-top: #FFF 1px solid;
		text-decoration: underline;
		color: #009A8F;
		background: #FFF;
		margin: -1px 0 0 0;
}

#sub_subNav a {
		display: block;
		font-size: 100%;
		line-height: 100%;
		color: #009A8F;
		text-decoration: none;
		background: #FFF;
		padding: 2px 0px 2px 16px;
}



#last {
	border-bottom: #FFF 15px solid;
}


/* HTML ELEMENTS --------------------------------------------------------*/

body {	
		font-family:arial,helvetica,sans-serif;
		margin:0px;
		padding: 0px;
		background-color:#EEEEEE;
		font-size: 85%; /* 1em = 15px, connected to max-width */
		line-height: 1.33em; /* 20px */				
}

h1,h2,h3,h4,h5,h6 {
		font-family:arial,sans-serif;
		color:#009A8F;
}
h1 {font-size:200%;

	line-height:28px;
}
h2 {
		font-size:150%;
		font-weight:bold;
		margin:10px 5px 10px 0px;
		border-bottom:1px solid #CCCCCC;	
}

h3 {font-size:120%;
}
h4 {font-size:100%;}
h5, h6 {font-size:90%;}

/* Lists ------------------------------------------------------*/
#rightColumn ul {
  margin: 1em 0;
  padding: 0 0 0 2.0em;
}
#rightColumn ul ul {
  margin: 0;
  padding: 0 0 0 1.0em;
}

#rightColumn ul li {
  list-style-type: disc;
}

ol {
  margin: 1em;
  padding: 0 2.0em;
}
ol ol {
  margin: 0;
}
li {
  margin: 0;
  padding: 0;
}
dl {}
dt {}
dd {}