/* ------- Main body style ------- */

BODY {
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: black;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    MARGIN: 1em
}

P {
	line-height: 140%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
}

.small {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: verdana, Helvetica, sans-serif
}

.smaller {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: verdana, Helvetica, sans-serif
}

TD {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: verdana, Helvetica, sans-serif
}

B.small {
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: verdana, Helvetica, sans-serif
}

B.smaller {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: verdana, Helvetica, sans-serif
}

A {
    FONT-WEIGHT: normal;
    COLOR: #0033CC;
}

A:hover {
    FONT-WEIGHT: normal;
    COLOR: #0000CC;
}

A:visited {
    FONT-WEIGHT: normal;
    COLOR: #663399;

}

A.top {
    FONT-WEIGHT: normal;
    COLOR: #0033CC;
    text-decoration: none;
}

A.top:hover {
    FONT-WEIGHT: normal;
    COLOR: #0000CC;
    text-decoration: none;
}

A.top:visited {
    FONT-WEIGHT: normal;
    COLOR: #663399;
    text-decoration: none;
}

A.heading, A.heading:visited, A.heading:active {
    FONT-WEIGHT: bold;
	font-size: 14px;
	color: #000099;
	margin-bottom: 1px;
    text-decoration: underline
}

A.heading:hover, A.heading:hover:visited {
    FONT-WEIGHT: bold;
	font-size: 14px;
	color: #000099;
	margin-bottom: 1px;
    text-decoration: underline
}

.formbutton {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #3399CC;
	color: #ffffff;
	border-color: #006699
}

.formtext {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 10pt
}

h1 {
	font-size: 18px;
	color: #990000;
	margin-bottom: 1px
}

h2 {
	font-size: 14px;
	color: #990000;
	margin-bottom: 1px
}


ul {
	margin-left: 2em;
	padding-left: 2em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	margin-top: 0em;
	padding-top: 0em;	
	line-height: 140%
}

#leftcol {
	float: left;
	width: 160px;
	height: 100%;
	border-left: solid 1px #A6A6B3;
	border-right: solid 2px #000033;
	background-image: url(../images/left-bg.gif)
}

#rightcol {
	padding: 1px 20px 20px 20px;
}

hr {
	border: 0;
	width: 100%;
	color: #990000;
	background-color: #990000;
	height: 1px;
}

div.header {
    Background-color: #D5E8C4
}

TD.header {
    FONT-WEIGHT: bold;
    Background-color: #000033;
    color: white
}

TD.content {
    Background-color: #F2F3FF;
	border-bottom: 1px solid #A6A6B3;    
}

.req {
	font-size: 10px;
	font-weight: bold;
	color: #C00;
}

/* ------- HEADER styles ------- */

#head ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#head ul li {
	margin-left: 0;
	padding: 1px 10px;

	list-style: none;
	display: inline;
	}
	
		
#head ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#head {
	margin-bottom: 1px;
	}



/* ------- FOOTER styles ------- */

#foot ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#foot ul li {
	margin-left: 0;
	padding: 0px 5px 0px 8px;
	border-left: 1px solid #A6A6B3;
	list-style: none;
	display: inline;
	}
	
		
#foot ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline
	}

#foot {
	margin: 1em 0 0
	}



/* ------- LEFT NAV styles ------- */

#button {
	width: 160px;
	padding: 0 0 0 0;
	margin-bottom: 0.5em;
	font-family: verdana, Helvetica, sans-serif;
	color: #333
	}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none
	}
		
#button li {
	border-bottom: 1px solid #A6A6B3;
	margin: 0
	}

#button li.small {
	FONT-SIZE: 8pt;
	}

#button li a {
	display: block;
	padding: 3px 3px 3px 0.5em;
	border-left: 11px solid #5B5BAD;
	background-color: #222276;
	color: #fff;
	text-decoration: none;
	line-height: 125%;
	width: 100%
	}

html>body #button li a {
	width: auto
	}

#button li a:hover {
	background-color: #5B5BAD;
	color: #fff
	}

#button form {
	color: #ffffff;
	font-size: 11px
	}	
	
#button ul li ul {
	border: 0;
	}
	
#button ul li ul li
{ 
border: 0;
	border-left: 11px solid #5B5BAD;

}
	
#button ul li ul li a {
		border: 0;
		padding-left: 30px;

	}
	
#empty {
	width: 160px;
	padding: 0 0 1em 0;
	margin-bottom: 0.5em;
	border-left: 11px solid #5B5BAD;
	background: #222276;	
	font-family: verdana, Helvetica, sans-serif;
	color: #333
	}
	

#news {
	width: 144px;
	padding: 1px 0 1em 5px;
	margin-bottom: 1em;
	border-left: 11px solid #5B5BAD;
	background: #222276;	

	font-family: verdana, Helvetica, sans-serif
	}
	
#news form {
	color: #ffffff;
	font-size: 11px
	}
	
#feature { float: right; width: 140px; border-left: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; padding: 10px; font-size: 10px; }

#feature ul { margin: 0; }

#feature ul { background-color: white; }