/*
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$100 - Clearfix Styles
*/


/* undohtml.css 
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

html, body {
	height:100%;
	font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #2587A0;
	
	}

#container,
#index-container {
	width:860px;
	margin:0 auto;
	background:#2587A0 url(images/container-bg.png) center top repeat-y;
	}


#header {
	height:62px;
	padding:16px 0 0 25px;
	background:white url(images/header-bg-right.jpg) right no-repeat;
	}

#content-container {
	background:#EEEEDF;
	height:100%;
	width:800px;
	padding:0 16px;
	margin-bottom:20px;
	}
	
#main-content {
	float:left;
	width:540px;
	background:url(images/main-content-bg-top.png) left 27px no-repeat;
	}
#main-quiz-content {
	float:left;
	background:#EEEEDF;
	width:760px;
	border:solid 1px #999999;
	margin-left:20px;
	}

	
.inside-content {
	padding:0 20px 20px 20px;
	background:url(images/inside-content-bg.gif) left bottom no-repeat;
	}
.quiz-content {
	padding:0px 0px 0px 0px;
	/*background:url(images/inside-content-bg.gif) left bottom no-repeat;*/
	}	
#sidebar-right {
	float:right; 
	width:244px;
	}

	
#footer {
	width:802px;
	height:36px;
	background:url(images/footer-bg.gif) repeat-x;
	padding:15px;
	margin:0 auto;
	color:white;
	}
#main-table
	{
	background:#2587A0 url(images/container-bg.png) center top repeat-y;
	margin-left: auto;
	margin-right: auto;
	}
	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

#header-nav {
	height:62px;
	background:url(images/header-nav-bg.png) repeat-x;
	}

.index-header-banner {
	text-align:center;
	margin-bottom:20px;
	}

#header-nav {
  float:left;
  width:100%;
  line-height:normal;
  }
#header-nav ul {
  margin:0;
  padding:0 0 0 10px;
  list-style:none;
  }
#header-nav li {
  float:left;
  margin:0;
  padding:0 0 0 9px;
  }
#header-nav a {
  float:left;
  display:block;
  background:url(images/header-nav-bg.gif) no-repeat right top;
  padding:7px 15px 8px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  font:bold 12px Arial, Helvetica, sans-serif;
  }

#header-nav a:hover {
  color:#333;
  }
#header-nav #current,
#header-nav li:hover,
 #header-nav li.sfhover {
  background:url(images/header-nav-hover-bg.gif) no-repeat left top;
  }
#header-nav #current a,
#header-nav a:hover {
 background:url(images/header-nav-hover-bg.gif) no-repeat right top;
  color:#333;
  padding-bottom:16px;
  }

	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

.quote {
	margin-top:27px;
	background:url(images/quote-bg-bottom.gif) bottom no-repeat;
	}

	.inside-quote {
		background:url(images/quote-bg-top.gif) no-repeat;
		padding:20px;
		color:white;
		}
	.end-quote {
		position:relative;
		top:5px;
		}
	
.right-navbar h3 {
	height:28px;
	font:bold 13px Arial, Helvetica, sans-serif;
	line-height:28px;
	padding-left:20px;
	color:white;
	background:url(images/sidebar-right-header-bg.gif) no-repeat;
	}
	
	.right-navbar ul {
	padding:20px;
	background:white url(images/right-navbar-bottom-bg.gif) bottom no-repeat;
	}
	
	.right-navbar li {
	padding:6px 0;
	border-bottom:1px solid #d9d9d9;
	padding-left:16px;
	background:url(images/right-navbar-li-bg.gif) left 50% no-repeat;
	}
	
	.right-navbar a {
		color:#1D4E5F;
		font-weight:bold;
		font-size:13px;
		}
	
	.right-navbar a:hover {
		color:#3693B1;
		}
		
/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

a,
a:link,
a:visited {

	}

a:hover {
 
	}

h1,h2,h3,h4,h5,h6 {
	
	}
	
h1 {

	}
	
	h1.title {
	width:auto;
	height:26px;
	padding-left:15px;
	margin:0px 0px 20px 22px;
	background:url(images/main-content-h1-bg-left.png) no-repeat;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:white;
	white-space:nowrap;
	letter-spacing:.5px;
	}
	h1.quiz_title {
	width:auto;
	height:15px;
	padding-left:15px;
	margin:0px 0px 5px 5px;	
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
	white-space:nowrap;
	letter-spacing:.5px;
	}
	h1.title span {
	width:auto;
	height:27px;
	background-color: #245C72;
	white-space:nowrap;
	line-height:26px;
	padding:6px 15px 8px 0px;
	background:url(images/main-content-h1-bg.png) right top no-repeat;
	}
	
	html>body h1.title span {
	padding:5px 15px 8px 0px;
	}
	
	html>body #container h1.title span {
	padding:6px 15px 8px 0px;
	}

h2 {
	font:bold 18px "Trebuchet MS", verdana, sans-serif;
	color:#245D71;
	margin-bottom:10px;
	}


p {
	margin:0 0 15px 0;
	line-height:1.6;
	}


img {
	border:none;
	}

.bread-crumbs {
	margin:0 0 20px 0;
	}

.bread-crumbs p {
	margin:0;
	color:#006498;
	font-weight:bold;
	}

.bread-crumbs a {
	color:#1D4E5D;
	}
	
	.bread-crumbs a:hover {
	text-decoration:underline;
	}


#main-content ul {
	margin:0 0 20px 25px;
	
	}

#main-content li {
	background:url(images/main-content-li-bg.gif) 0px 50% no-repeat;
	margin:0 0 6px 0;
	padding-left:14px;
	}


.cssform label{
font-weight: bold;
display:block;
margin-bottom:4px;
}

.cssform input span {
margin-bottom:15px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 500px;
height: 150px;
margin-bottom:10px;
}



/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/

#footer li {
	display:inline;
	}

#footer li a {
	float:left;
	color:white;
	margin:0 8px 0 0;
	padding:0 8px 0 0;
	background:url(images/footer-li-bg.gif) right 50% no-repeat;
	}
	
	#footer li a:hover {
	text-decoration:underline;
	}

#footer li.last a {
	margin:0;
	padding:0;
	background:none;
	}

#footer p {
	margin:0;
	}

/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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