/* CSS Document */

/* core structure */

*{margin: 0; padding: 0; }


/* puzzling - doesn't seem to contain whole content only headline */



*{margin: 0; padding: 0; line-height: 1.2;}



#content_main { 
width: 100%;
padding: 0px 6px 6px 6px;
margin: 0;


}

body {
background-color:#ffffff;
color: #000000;
text-align: center;
background-image:url(../backgrd.jpg);
background-position:top;
background-attachment:fixed;
font-family: arial, sans-serif; 
width: 100%;
font-size: 10pt;

}


#container {
width:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color:#ffffff;


}


#content {
position:relative; 
width: 100%;
margin-right: 15px;
padding: 0;


}

#right_bar {
display:none;
width: 180px;
float: right;
text-align:right;
padding:0;
margin:0;

}


#logo {
background-image:url(../pix/logo_180.gif);
background-repeat:no-repeat;
margin:  0;
padding: 0;
}

#logo_print {
display: block;
float: none;
margin:  0;
padding-top:0px;
padding-bottom: 75px;
}


/* MAIN CONTENT */

/* general links */

a:link {
color: #336699;
text-decoration:underline;
padding: 0;
margin: 0;
}

a:visited {
color: #333333;
text-decoration:underline;
padding: 0;
margin: 0;
}

a:hover{
color: #cc0000;
text-decoration: underline;
background-color: #ccd9e5;
padding: 0;
margin: 0;
}

a:active{
color:  #cc0000;
text-decoration: underline;
background-color: #ccd9e5;
font-weight: normal;
padding: 0;
margin: 0;
}

/* MAIN CONTENT TEXT */

.noshow {
display:none;
}

.red {
color: #cc0000;
}

.green {
color: #00af9c;
font-size: 14pt;
}

.purple {
color: #691f7e;
}


.purple_large {
color: #691f7e;
font-size: 14pt;
padding-left: 1.5em;
}

.orange {
color: #f5822b;
}

.blue {
color: #336699;
}

.highlight {
background-color: #ffffcc;
padding: 0px 0 0px 0;
margin: 0;
}

#clearfloats {clear:both;
}

.hangingindent {float:left;
margin-right: 8px;}

p {

width: 85%;
font-size: 11pt;
padding: 0 0 1.2em 2em; 
letter-spacing:normal;
line-height: 1.2em;

}

h1.header {
margin: 0px 0 0 0;
}


h2 {

font-size: 12pt;
padding: 0 0 0 1.8em; 
letter-spacing:normal;
color: #691f7e;
display: block;
}



.footer a:hover { 
color: #ffffff;
text-decoration: underline;
background-color: #ccd9e5;
padding: 0;
margin: 0;
}



img {
padding: 0 0 0 6px;
margin: 0;
}


img.none
{
padding: 0;
margin:0;
}

img.logos
{
padding: 0;
margin: 2em 0 1em 0;
}



ul {
list-style-image: url(../xxpix/device_blue_pale_15.gif); 
list-style-type: circle;
font-size: 1em;
padding: 0 0 0em 2.5em; 
letter-spacing:normal;
line-height: 1em;
}

li {
letter-spacing:normal;
line-height: 1.2em;
}

ul.device {
list-style-image: url(../pix/device_blue_pale_15.gif); 
margin: 0 0 0 0;
width: 85%;
font-size: 11pt;
padding: 0 0 1.6em 2em; 
letter-spacing:normal;
line-height: 1em;
}

li.pink {
background-image: url(../pix/device_pink_25.gif); 
background-repeat: no-repeat;
background-position: 0 50%;
margin: 0 0 0 0;
padding: .6em 0 .6em 3em;
color:#000000;
letter-spacing:normal;
line-height: 1em;
}

li.blue {
background-image: url(../pix/device_blue_pale_15.gif); 
margin: 0 0 0 0;
padding: .6em 0 0em 2.2em;
color:#000000;
letter-spacing:normal;
line-height: 1em;
}

li.blue2 {
background-image: url(../pix/device_blue_pale_15.gif); 
background-repeat: no-repeat;
margin: 0 0 0 0;
padding: .6em 0 .2em 2.2em;
color:#000000;
letter-spacing:normal;
line-height: 1.4em;
}

li.news {
background-image: url(../pix/device_blue_pale_15.gif); 
background-repeat: no-repeat;
margin: 0 0 0 0;
padding: .6em 0 .2em 2.2em;
color:#000000;
letter-spacing:normal;
line-height: 1.4em;
}



li.purple {
background-image: url(../pix/device_purple_15.gif); 
background-repeat: no-repeat;
background-position: 0 50%;
margin: 0 0 0 0;
padding: .6em 0 .6em 2.2em;
color:#000000;
}

li.purple2 {
background-image: url(../pix/device_purple_15.gif); 
background-repeat: no-repeat;
background-position: 0 11px;
margin: 0 0 0 0;
padding: .6em 0 .6em 2.2em;
color:#000000;
letter-spacing:normal;
line-height: 1.4em;
}

.q {
float: left;
font-size: 1.6em;
padding: 0 0 0 1em; 
color: #691f7e;
font-weight: bold;
clear:both;
}

.a {
float: left;
font-size: 1.6em;
padding: 0 0 0 1em; 
color: #336699;
font-weight: bold;
clear:both;
}

/* MAIN CONTENT  QUIZ*/

.number {
float:left;
font-size: 14pt;
padding: 0 0 1.8em 1em; 
color: #7094b7;
font-weight: bold;

}

.question {
width: 65%;
font-size: 11pt;
padding: 0em 0 1.8em 3em; 
letter-spacing:normal;
clear:none;
}

#answer{
display:none;
float:right;
text-align:right;
width:25%;
}

#answer a:hover.quiztrue, a:link.quiztrue, a:visited.quiztrue {
float: right;
display: block;
color:#69177e;
font-size: 1.2em;
font-weight: bold;
text-align:center;
text-decoration:none;
margin: 0px;
 
}

#answer a:hover.quizfalse, a:link.quizfalse, a:visited.quizfalse{
float: right;
display: block;

color:#336699;
font-size: 1.2em;
font-weight: bold;
text-align: center;
text-decoration:none;
margin: 0px;
}

#answer a:hover.quiztrue, #answer a:hover.quizfalse {
float: right;
display: block;
color: #cc0000;
font-size: 1.2em;
font-weight: bold;
text-align:center;
text-decoration:none;
margin: 0px;
}

#answer a:active.quiztrue, #answer a:active.quizfalse {
float: right;
display: block;
color: #cc0000;
font-size: 1.2em;
font-weight: bold;
text-align:center;
text-decoration:none;
margin: 0px;


}


/* ANSWER PAGE */


#content_answer {
background-color:#FFFFFF;
text-align:left; 
width: 100%;
padding: 0px;
margin: 0px;
background-image: url(../pix/bkg_green_device.gif);  background-repeat: no-repeat; background-position:right top; 
}


p.answer{
float: left;
width: 85%;
font-size: 11pt;
padding: 0 0 1.8em 2em; 
letter-spacing:normal;
line-height: 1.2em;
clear:left;
}

#stripe_answer {


	background-image:url(../pix/stripe.jpg);
	background-color: #ccd9e5;
	height: 28px;
	margin: 0 ;
	background-position: top right;
	background-repeat: repeat-y;
}

/* 
#footer_answer {
width: 100%;
clear: both; 
position: absolute;
left: 0;
bottom: -40px;
}
*/

#footer_answer {
width: 100%;
clear: both; 
left: 0;

}
























/* footer - everything */
#footer {
float: none !important;
width: 100%;
background-color:#FFFFFF;
/*clear: both;*/ 

margin: 0;
padding: 0;
}

#footer_left {
float: none !important;
/*float: left;*/ 
background-color:#FFFFFF;
margin: 0;
padding: 0;
}

#footer_right {
display: none;
width: 180px;
float: right;
background-color:#FFFFFF;
text-align: right;
margin-top: 4px;
}

#footer_text  {
float: none !important;
background-color:#ffffff;
color: #336699;
text-align: left;
font-family: arial, sans-serif; 
font-size: 9pt;
/*clear:both;*/
margin: 0;
padding: 0;
display: block;
}


  
#nav_2_left {
display: none;
}

#nav_2_right {
display: none;
}

#stripe {
display: none;
}
/* end of footer */




/* content panel within content div */


#top {
Display: none;
width: 100%;
margin: 18px 0px 0px 0px;
padding: 0px;
}