/*
	#b31b32		red			(header)
	#04659c		blue		(links)
	#b5ddee		mid blue	(behind main)
	#f9fcfd		light blue	(page background)
	#e2dec3		khaki		(boxes)
	#ffefaf		mid yellow	(alert boxes)

	#eeeeee					(block)
	#d6d6d6					(main border)
	#a3a3a3					(footer text)
	#616161
	#434343		dark gray	(current tab, default text)
*/

body {	
	color: #434343;
}

p 
{
	text-align:left;}

a {
	color: #04659c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #b31b32;		
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0px;
	font-size: 2.0em;
	padding-bottom: 20px;
}

h2 {			
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0px;
	font-size: 1.5em;
}

.notvisible {
	visibility: hidden;
	display: none;
}

.header-wrap {
	border-top: solid 4px #FFFFFF;
	border-bottom: solid 2px #434343;
	background-image: url(../Images/header-short-bg.gif);
	background-repeat: repeat-x;
}

.header {
	margin: 0px auto;
	width: 800px;
}

.logo {
	float: left;
	margin-top: 5px;
}

.login {
	float: right;
	color: #616161;
	font-size: .8em;
}

.login a {
	text-decoration: none;
}


#nav {
	margin: 0px auto;
	margin-top: 8px;
	width: 780px;
}

#nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 100%;
	float: right;
}

#nav ul li {
	float: left;
	width: 106px;
	border: solid 1px #cccccc;
	border-bottom: none;
	margin-right: 4px;
	background-image: url(../Images/nav-top-bg.gif);
    background-repeat: repeat-x;
}

#nav ul .nav-more {
	display: block;
	padding: 8px 14px 8px 0px;
	text-align: center;
	color: #434343;
	font-size: .85em;
	font-weight: bold;
	background-image: url(../Images/nav-top-more.gif);
    background-repeat: no-repeat;
    background-position: 90px 12px;
    cursor: default;    
    height: 27px;
}

#nav ul a {
	display: block;
	padding: 8px 0px;
	text-align: center;
	color: #434343;
	font-size: .85em;
	font-weight: bold;
}

#nav ul a:hover {
	color: #04659c;
	background-color: #e5f1f6;
	text-decoration: none;
}

#nav ul ul {
	left: -999em;
	position: absolute;
	padding: 0px;
	width: 170px;
	margin-left: -1px;
	border: solid 1px #cccccc;
	border-top: none;
	background-color: #ffffff;
	background-image: url(../Images/nav-sub-bg.gif);
    background-repeat: repeat-x;
}

#nav ul ul li {
	width: 170px;
	border: none;
	background: none;
}

#nav ul ul .nav-more {
	text-align: left;
	padding: 8px 16px;
	font-weight: normal;
	background-image: url(../Images/nav-sub-more.gif);
    background-repeat: no-repeat;
    background-position: 156px 9px;
}

#nav ul ul a {
	text-align: left;
	padding: 8px 16px;
	font-weight: normal;
}

#nav ul ul a:hover {
	background-color: #e5f1f6;
}

#nav ul ul ul {
	margin: -29px 0px 0px 166px;
	background-image: none;
	border-top: solid 1px #cccccc;
}

#nav li:hover {
    position: static;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li.nav-last, #nav ul ul li {
	margin-right: 0px;
}

.frame-outer {
	background-image: url(../Images/page-bg.gif);
	background-repeat: repeat-x;
	background-color: #f9fcfd;
	padding-bottom: 20px;
	height: 100%;
}

.frame-inner {
	margin: 0px auto;
	width: 816px;
	background-image: url(../Images/main-back.gif);
	background-repeat: repeat-y;
}

.main-top {
	margin: 0px auto;
	background-image: url(../Images/main-top.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 816px;
}

.main-left {
	float: left;
	background-image: url(../Images/main-left.gif);
	background-repeat: no-repeat;
	height: 280px;
	width: 12px;
}

.main-center {
	float: left;
	width: 750px;
	background-color: #ffffff;
	padding: 5px 20px 20px 20px;
	border: solid 1px #d6d6d6;
}

.main-right {
	float: left;
	background-image: url(../Images/main-right.gif);
	background-repeat: no-repeat;
	height: 280px;
	width: 12px;
}

.main-bottom {
	margin: 0px auto;
	background-image: url(../Images/main-bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 816px;
}

/* some browsers don't recognize min-height, so this does the trick
   keeps the main content area from shrinking so much that the shadowy edges don't blend right */
.main-pillar {
	height: 360px;
	width: 0px;
	float: left;
}

.main-content {
	float: left;
	width: 750px;
}

.register-reminder {
	margin-top: -34px;
	margin-left: 274px;
	float: left;
	background-image: url(../Images/Gradients/yellow-medium.gif);
	background-repeat: repeat-x;
	border: solid 1px #fede77;
	padding: 6px 30px;
	text-align: center;
	font-size: .85em;
	white-space: nowrap;
}

.register-reminder a {
	font-weight: bold;
}

.footer-wrap {
	border-top: solid 2px #d6d6d6;
	background-image: url(../Images/footer-bg.gif);
	background-repeat: repeat-x;
}

.footer {
	margin: 0px auto;
	width: 750px;
	height: 70px;
	padding-top: 30px;
	color: #a3a3a3;
	font-size: .75em;
}

.footer a {
	color: #b31b32;
}

.footer-left {
	float: left;
	width:100%;
	text-align:center; 
	padding-right: 20px;
	padding-bottom: 5px;
}

.footer-right {
	float: right;
	width: 100%;
	text-align:center;
}

.form-label {
	float: left;
	text-align: right;
	color: #464646;
	padding-top: 5px;
	padding-right: 10px;
}

.form-input {
	float: left;
	border: solid 1px #d2d2d2;	
	padding: 4px;
	margin-bottom: 8px;
	background-image: url(../Images/Gradients/light-blue-fast.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

select.form-input {
	background-color: #f7fbfd;
}

.form-tip {
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	font-size: .8em;
	color: #818181;
	font-style: italic;
}

.features-list {
	list-style-type: none;
	padding: 0px;
	margin: 12px 0px 0px 10px;	
}

.features-list li {
	background-image: url(../Images/bullet-circle-triangle.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 8px 22px;
	color: #616161;
	line-height: 130%; 	
}

.val-error {
	float: left;
	margin-left: 4px;
	margin-top: 6px;
	background-image: url(../Images/Icons/error.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
}

.val-sum ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 6px;
	list-style-type: none;	
}

.val-sum li {
	padding-bottom: 4px;
}

.lit-wrap {
	line-height: 140%;
	text-align: justify;
	padding: 0px 20px 10px 0px;
	border-right: solid 4px #eeeeee;
	margin-right: 200px;
}

.plain-list {
	padding: 0px;
	margin: 12px 36px;	
}

.plain-list li {
	padding: 0px 0px 4px 4px;
}