@charset "UTF-8";

/* CSS Document */

 /*GLOBAL COLORS
   BLACK: #111
     RED: #E00
DARK RED: #700 
   WHITE: #FFF */


/*GLOBAL POSITIONING*/

/*NAVIGATION*/
#navigation {
}

/*HEADER*/
#header {
background-image:url(../images/spacer-black.png);
padding:20px 20px 35px;
position:absolute;
border: 1px #fff solid;
top: -1px;
left: 20px;
width:868px;
z-index:10000;
}

/*FOOTER*/

/*SUBPAGES*/
#subpage {
position:absolute;
width:99%;
height:99%;
z-index: 10;
}

#content {
background-image:url(../images/spacer-white.png);
border:medium none;
height:465px;
left:240px;
overflow-x:hidden;
overflow-y:auto;
padding:20px;
position:absolute;
top:190px;
width:650px;
z-index:3;
}

#bgContainer {
	margin:0px;
	top:0px;
	left:0px;
	position:absolute;
	width:100%;
	height:100%;
	overflow: hidden;
	z-index:1;
}

#bgImage {
	position:absolute;
	z-index:2;
	width:100%;
}


/*GLOBAL TYPOGRAPHY*/
body {
font-family: Verdana;
font-size: 12px;
color: #111;
}

a {
color: #700;
text-decoration: underline;
}

a: hover {
color: #111;
background-color: #700;
text-decoration: none;
}

h1 {
color:#999;
font-size:10px;
font-weight:bold;
padding-bottom:14px;
text-transform:uppercase;
}

h2 {
color:#E00;
font-size:30px;
padding-bottom:20px;
}

h3 {
color:#111111;
font-size:18px;
line-height:24px;
padding:14px 0;
}

h4 {
color:#111;
font-size:12px;
font-weight: bold;
}

h5 {
color: #E00;
background-image:url(../images/spacer-black.png);
padding: 15px 8px;
text-transform: uppercase;
letter-spacing:.05em;
font-weight: bold;
font-size: 14px;
}

h6 {
font-size: 11px;
font-weight: bold;
color: #f00;
display: inline;
}

p {
padding-bottom:10px;
}

strong {
font-weight: bold;
}
 
/*NAVIGATION*/
#menu {
left:20px;
position:absolute;
top:185px;
z-index:500;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 5px;
}

ul.menu li a {
background-image:url(../images/spacer-black.png);
  color: #fff;	
  padding: 0.5em 20px;
  border: 1px #fff solid;
}

ul.menu li a:hover {
background-image:url(../images/spacer-black.png);
}

ul.menu li ul li a {
background-image:url(../images/spacer-gray-dark.png);
  color: #FFF;
  padding-left: 20px;
  font-weight: bold;
}

ul.menu li ul li a:hover {
background-image:url(../images/spacer-gray-light.png);
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background-image:url(../images/spacer-gray-light.png); border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

#homeNav {
bottom:40px;
left:20px;
position:absolute;
}

#homeText {
background-image:url(../images/spacer-black.png);
bottom:20px;
color:#FFF;
font-size:20pt;
height:20px;
letter-spacing:0.02em;
padding:40px 0;
position:absolute;
right:20px;
text-align:center;
width:900px;
z-index:100;
}

a.reveal {
text-decoration: none;
color: #FFF;
}

#revealTop {
background-image:url(../images/spacer-white.png);
color:#111111;
font-size:10pt;
letter-spacing:0.01em;
line-height:18px;
margin-top:-235px;
padding:10px 20px;
text-align:left;
}

/*GLOBAL EFFECTS*/
#demotip {
	display:none;
	background:transparent url(../images/spacer-white.gif);
	font-size:12px;
	width:400px;
	padding:20px;
	color:#333;	
	border: 1px solid #666;
}

#demo img {
	cursor: help;
}

#demo {
padding-top:5px;
}

#demo2 {
padding-top:5px;
}


/*HEADER*/
#header {
color:#FFF;
font-family:Verdana;
font-size:36px;
font-weight:lighter;
letter-spacing:0.02em;
line-height:50px;
}

/*FOOTER*/

/*SUBPAGES*/
#subpage {
line-height: 18px;
}

/*HOMEPAGE*/
#homepage {
}

#homepage a {
font-size: 12px;
color: #FFF;
text-decoration: none;
}

#ssContent {
	margin:0px auto;
	height:100px;
	width:100%;
	bottom:5%;
	z-index: 3;
background-image:url(../images/spacer-black.png);
	position:absolute;
	
}

#contentframe {
	overflow: hidden;
	height: 100%;
	text-align:left;
	z-index: 3;
}

#slidecounter {
	float:left;
	color:#4F4F4F;
	font-weight:bold;
	margin:18px 20px;
}

#slidecaption {
color:#FFF;
float:left;
font-size:11px;
height:150px;
left:20px;
line-height:16px;
margin-top:-42px;
overflow:hidden;
position:absolute;
top:50%;
width:700px;
}

/*Supersize Plugin Styles*/
#ssNavigation {
position:absolute;
right:20px;
top:20px;
}

#ssNavigation img{
padding: 0 10px;
}

#loading {
	position: absolute;
	top: 49.5%;
	left: 49.5%;
	z-index: 3;
	width: 24px;
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}

#supersize {
	position:fixed;
}

#supersize img, #supersize a {
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
	cursor: help;
}

#supersize .prevslide, #supersize .prevslide img {
	z-index: 1;

}

#supersize .activeslide, #supersize .activeslide img {
	z-index: 2;

}

/*SUBPAGES*/

.quiz {
font-size:12px;
height:350px;
margin:12px 0;
overflow-x:hidden;
overflow-y:scroll;
padding:1px 10px 0 1px;
width:630px;
}

#results {
line-height: 18px;
margin-top: 20px;
}

#resultsAll {
width: 600px;
}

table.quizOptions {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #111;
}
table.quizOptions th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #333;
}
table.quizOptions td {
	border:1px solid #EEE;
	padding: 5px;
}