/*********************************************************
	import additional / specialized css files
*********************************************************/
	@import "niftyCorners.css"; /* this is used by the fancy rounded corners javascript from our friends at http://pro.html.it/niftycube/ */

body {
	margin:0;
	padding:0px;
	font-family: Verdana, sans-serif;
	font-size:small;
	background: #fff url(../../img/bg/body_bg.gif) repeat-y -90px 0px;
}

/* layout structure */

#wrap {

}

td {
	vertical-align:top;
}

#sidebar {
	position:absolute;
	left:0px;
	width: 210px;
	padding-top:10px;
}

#content {
	margin-left:210px;
	line-height: 1.5em;
	font-size:100%;
}

/*
#content {
	position:absolute;
	left:210px;
	line-height: 1.5em;
	font-size:100%;
}
*/

#top_nav{
	height:25px;
	line-height:25px;
	background:#0038A8;
	color:#fff;
	font-size:11px;
}

#top_nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:570px;
}

#top_nav li{
	float:left;
}

#top_nav a{

		height:15px;

	padding:0px 15px 0px 15px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #fff;
	font-size:11px;
}

#top_nav a:hover{
	color:#efb22d;
	/*
		background-color:#5658c8;
	*/
}

#footer {
	font-size:75%;
	clear: both;
	padding-top:5px;
}

/* header */

#header {
	position:relative;
	width:780px;
	background: #fff;
	height:136px;
}

#logo {
	width:210px;
	text-align:center;
	float:left;
}


#front_blocks {
	float:right;
	padding:5px;
	background:#5658c8;
	width:165px;
	height:365px;
	line-height:1em;
}

#front_blocks ul {
	display:block;
	text-align:left;
	color:#fff;
	font-size:11px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#front_blocks li{
	list-style-type:none;
	display:block;
	padding:0px;
	margin:0px 8px 8px 0px;
}

#front_blocks li a{
	display:block;
    padding:0px 0px 10px 10px;
    color:#fff;
    text-decoration:none;
}

#front_blocks li a:hover{
    color:#EFB22D;
}

label {
	float: left;
	width: 140px;
	font-weight: bold;
	text-align:right;
	margin-right:5px;
	padding:2px 2px 2px 15px;
	margin-bottom:6px;
	white-space:nowrap;
}

#quiz {
	margin-left:2em;
}

div#quiz h1{
	font-size:125%;
}

div#quiz h3{
	font-size:110%;
}

div#quiz a{
	display:none;
}

br {
	clear:both;
	height:1em;
}

/*
a#header_blocks {
	display:block;
	text-align:left;
    background-color:#5658c8
	color:#fff;
	font-size:11px;
	margin:8px 8px 0px 0px;
    padding:10px 0px 0px 10px;
	float:left;
	width:180px;
	height:110px;
    text-decoration:none;
}
*/
ul#header_blocks {
	display:block;
	text-align:left;
	padding-top:10px;
	color:#fff;
	font-size:11px;
	margin:70px auto 0;
	width:800px;
	/* any IE */
	width: expression('560px');
}

ul#header_blocks,ul#header_blocks li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul#header_blocks li{
	display:block;
	float:left;
	width:180px;
	height:115px;
	padding:0px;
	margin:8px 8px 0px 0px;
    /*
    padding: 10px 10px 10px 10px;
    margin:8px 8px 0px 0px;
    */
    background-color:#5658c8;
}

ul#header_blocks li div, ul#header_blocks li a{
	display:block;
	height:110px;
    padding:10px 0px 0px 10px;
    color:#fff;
    text-decoration:none;
}

ul#header_blocks li a:hover{
    color:#EFB22D;
}

#header div {
	margin:0px;
}

#header h1 {
	margin:0;
	padding: 15px 25px 0px 0px;
	font-size:175%;
	color: #374C0E;
}

#header h2 {
	margin:0;
	padding: 0px 25px 3px 0px;
	font-size:125%;
	color: #374C0E;
}


#message {
	margin:0;
	padding: 10px;
	font-size:90%;
	color: #cc9;
	text-align: center;
	background: #404530 url(../../img/message-bg.gif) repeat top left;
}

#message strong {
	padding: 2px 0 2px 20px;
	background: url(../../img/bullet_diamond.gif) no-repeat 0 50%;
}

#message a{
	color:#cc9;
}

#message a:hover{
	color:#f90;
}

/* gutters */

#content .gutter {
	padding: 25px 25px 25px 15px;
}

#sidebar .gutter {
	padding: 0px;
}

input[type=button] {
	cursor:hand;
	cursor:pointer;
}

/* content */

#content hr {
	clear:both;
	margin:1em 0em;
	padding:0px;
	background-color:#fff;
	color:#fff;
	border-color: #ccc;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
}

#content h1 {
	clear:both;
	margin:0em 0em 0.5em 0em;
	padding:0px;
	font-size:160%;
	color: #c00;
}

#content h2 {
	margin:0.5em 0px 0.5em 0px;
	font-size:140%;
	padding:0px;
	color:#0038a8;
}

#content h3 {
	padding:0px;
	margin:0.5em 0px 0.5em 0px;
	font-size:110%;
}

#content h4 {
	padding:0px;
	margin:0.5em 0px 0.5em 0px;
	font-size:90%;
}

#content img {
	margin:0px 15px 0px 0px;
	padding: 0px 4px 4px 0px;
	/* background: url(../../img/photo-frame.gif) no-repeat bottom right; */
}

#content p {
	font-size:90%;
	margin:0em 0em 1em 0em;
	line-height: 1.5em;
}

#content ul{
	margin-top:0em
}

#content li {
	font-size:90%;
}

dl.feature {
	margin:1em 0em;
	padding: 1em 0em 0.5em 0em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

dl.feature:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
  
dl.feature dt {
	margin:0px 0px .5em 0px;
	font-size:140%;
	color: #693;
}

dl.feature dt img {
	float: left;
	margin:0px 15px 0px 0px;
	padding: 0px 4px 4px 0px;
	/* background: url(../../img/photo-frame.gif) no-repeat bottom right; */
}

dl.feature dd {
	margin:0em 0em .5em 0em;
	font-size:90%;
	line-height: 1.5em;
	color: #666;
}

/* sidebars */

#sidebar hr{
	color:#0038a8;
	background:#0038a8;
	border:0px;
	height:2px;
	margin-left:10px;
}

#sidebar ul {
	font-size:11px;
	margin:0px;
	padding: 0px;
	line-height: 1.5em;
	font-weight:bold;
	color:#0038a8;
	list-style: none;
	overflow:hidden;
}


#sidebar ul ul {
	color:#0038a8;
	font-size:100%;
	list-style: none;
}

#sidebar li a, #sidebar li span {
	display:block;
	padding-left:10px;
	color:#0038a8;
	font-weight:bold;
	text-decoration:none;
	width:190px;
}

#sidebar li li a, #sidebar li li span {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	/*
		border-top:1px dotted #fc9;
	*/
}

#sidebar li a:hover, #sidebar li span:hover{
	color:#0038a8;
	/*
		background-color:#fff;
	*/
}

#sidebar li li a:hover, #sidebar li li span:hover{
	color:#5658c8;
	/*
		background-color:#fff;
	*/
}

#sidebar li li span.sfhover {
	color:#5658c8;
	/*
		background-color:#fff;
	*/
}


#footer p {
	color: #666;
	text-align:center;
}

/* Hide from IE5/Mac \*/
* html #footer {height: 1%; }
/* End hide from IE5/Mac */

dl.feature {display: inline; }

/* Hides from IE-mac \*/
* html dl.feature {height: 1%; }
dl.feature {display: block; }
/* End hide from IE-mac */