/* ==== global styles ==== */

body {
	background-color: #f2f2f2;
	margin: 0; 
	padding: 0;
	text-align: center;
	font: 10pt verdana,arial,sans-serif
}

p, td, li, div {
	font: 10pt verdana,arial,sans-serif
}

/* ==== page layout styles ==== */

#layout {
	margin: auto;
	text-align: left;
	width: 760px;
	height: 400px;
}

#layout td {
	margin: 10px
}

/* ==== header styles ==== */

#header td{
	background-color: #000033;
	padding: 0;
	/*height 130px;*/
	border: 0 /*px solid #f2f2f2;
	border: 0px solid #f2f2f2;*/
}

#login {
	float: right;
	width: 15em;
	text-align: right;
	margin: 10px
}

#logo {
	font: 12pt 'century schoolbook' italic bold;
	color: #f2f2f2;
	font-style: italic;
	margin: 20px 10px 10px 10px 
}

/* ==== nav styles ====*/

#leftnav {
	background-color: #000033;
	/*width: 11em;*/
	padding: 0;
}

#leftnav ul {
	list-style: none;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	border-bottom: 2px solid #f2f2f2;
}

#leftnav li {
	margin: 0;
	padding: 0;
	border-top: 2px solid #f2f2f2;
}

#leftnav a {
	border-bottom: 0;
	display: block;
	color: white;
	text-decoration: none;
	padding: 6px;
	margin: 0;
	font-family: verdana,arial,sans-serif;
	font-weight: bold
}

#leftnav a:link, #leftnav a:visited {
	background-color: #000033;
}

td#leftnav a:active, td#leftnav a:hover {
	background-color: #b1b1ce;
}

#leftnav .subnav {
	padding: 0;
	margin: 0 0 2px 0;
	font-weight: normal;
	border: 0
}

#leftnav .subnav li {
	border: none
}

#leftnav .subnav a {
	font-weight: normal;
	font-size: 80%;
	margin: 0 1em 0 1em;
	padding: 2px 2px 2px 2px
}

/* ==== content styles ====*/

#layout td#content {
	background-color: white;
	border: 0px solid #f2f2f2;
	border-right: 0;
	padding: 10px
}

h1, h2, h3, h4, h5, h6 {
	/*border-bottom: 1px solid #6d790c;*/
	font-family: verdana,arial,sans-serif;
	line-height: 1.4em;
	margin: 20px 2px 2px 2px
}

h2 {
	font-size: 14pt
}

h3 {
	font-size: 12pt
}

h4 {
	clear: both
}

.toplink {
	float: right;
	clear: both
}

/* ==== data table styles ====*/

table.data {
	border-collapse: collapse;
	border: 1px solid #b1b1ce;
	width: 90%;
	margin: 0 4% 20px 4%;
	clear: both
}

table.data th {
	background-color: #b1b1ce;
	color: white;
	font-weight: bold;
	font-size: 10pt;
	padding: 6px 6px 4px 6px
}

table.data tr td {
	padding: 6px;
	margin: 0;
	background-color: #eee;
	/*border-top: 2px solid white*/
}

table.data tr.alt td {
	background-color: #fff
}
	

ul.data {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.data li {
	margin: 10px;
	padding: 0
}

/* ==== home styles ==== */

#layout #content table#home {
	border-collapse: collapse
}

#home td {
	margin: 0;
	/*padding: 10px*/
}

/*p {
	font-size: .8em;
	line-height: 1.8em
}

h2, h3, h4, h5, h6 {
	border-bottom: 1px solid #6d790c;
	font-family: verdana,arial,sans-serif;
	line-height: 1.2em;
	margin-bottom: 10px
}*/

/* ==== features styles ==== */

#features {
	width: 15em;
	padding: 10px 0 0 40px;
	background-color: white
}
	
#features div {
	border: 1px solid #b1b1ce;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

#features h4 {
	background: #b1b1ce;
	border: 0;
	margin: 0;
	padding: 2px 10px 4px 10px;
	font-size: 12pt
}

#features h4 a {
	color: white;
	text-decoration: none
}

#features p {
	margin: 0;
	padding: 2px 10px 2px 10px;
	line-height: 1.2em
}

/* ==== general link styles ==== */

a:link, a:visited {
	text-decoration: none;
	color: #5a5a90;
	font-weight: bold
}

a:hover, a:active {
	text-decoration: underline;
	color: #b1b1ce;
	font-weight: bold
}

/* ==== footer styles ==== */

td#footer {
	background-color: #000033;
	padding: 4px
}

address {
	color: white;
	text-align: center;
	font-style: normal
}	

/* ==== specific page styles ====*/

ol#faq h4 {
	display: inline;
}

ol#faq li {
	clear: both
}