/* CSS Document */

/* Global Settings */
* {
	color: black;
	background: white;
	font-family: sans-serif;
	margin: 0;
  }
  

body 
{
	background-image: url(../backgrounds/gradient3.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

div#main
 {
 	width: 900px;   /*changed from 800px because the floating menu may be too wide for 800x600 resolution */

	text-align: center;
	margin-left: auto;
	margin-right: auto;
 }

/* Various Div Settings */

div#content
 {
 	/*background: #9933FF;*/
 }

 
 div#nav, div#poll
 {
	background: #FFCC00; /* white; */ /* #9966CC; */ /* original color #9933FF; */
	border: 1px black solid;
	padding: 2px;
	margin-top: 50px;
	margin-bottom: 25px; /* determines amount of space to reserve at bottom of menu. If the number is too large, it will go beyond the length of the page and cause the page bottom to appear inconsistent with the background color when you scroll. */
	
	margin-left: 25px; 
	margin-right: -40px;
	float:	right;
	
	-moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
 }

 
ul#menu
 {
   background: white;
   text-align: center;
   clear: both;
 }
 
a.menuitem 
  {
   background-color: #9966CC; /* #FDB813; */
   color: white;
   border: 1px #FFFFFF solid;
   margin: 4px;
   padding: 4px;
   display: block;
   float: none;
   
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;  /* remove underline from links */
   letter-spacing: 0.5px;
   
   -moz-border-radius-topright: 15px;
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-bottomright: 15px;
   -moz-border-radius-bottomleft: 15px;
  }

 
 a.menuitem:hover
  {
    background-color: #9966CC;
	color: black;
	font-weight: bold;
	/*font-size: 1.2em;*/	/* increase font size on mouse over */
	display: block;			/* highlight the whole menu selection, not just the text */
  }
  
div#header
 {
/* 	position: fixed;
	z-index: 4; */
 }

div#footer
{
	margin-bottom: 25px
}

div#copyright
 {
	margin-top:	10px;
	border-top: 4px solid #9933FF;
	padding-top: 10px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
 }

div#pdflogo
 {
 	margin-top: 1.2em;
	margin-right: 1.0em;
	
 	float: right;
 }

div#pdftext
 {
 	padding-bottom: 0.5em;
 	color: #FFFFFF;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
 }   
 
p.header
 {
 	margin: 0;
 	padding-bottom: 25px;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: underline;
 }
	
p.subheader
 {
/* 	border: 3px #FDB813 solid; */
	background-color: #FFCC00;  /* #9966CC; */
 	margin: 0;
 	padding: 10px; 
	
	color: #663399;
 	font-size: 1.2em;
	font-weight: bold;

	text-align: left;
 }

 
.normal
 {
  margin: 0;
  padding: 10px 30px;
  display: block;
  
  font-size: 14px;
  font-weight: normal;
  
  letter-spacing: 1px;
  
  text-decoration: none;
  text-align: justify;
 }
 
 ul.normal
  {
   padding: 10px 50px;
  }
 
 .vidleft
 {
 	border: 3px #FFCC00 solid;
 	width: 350;	/* was set to 320px */
	height: 323;	/* was set to 220px */
 	float: left;
	
	margin-right: 0.5em;
	margin-bottom: 0.5em;
 }
 
.pictleft
 {
 	border: 3px #FDB813 solid;
 	width: 320px;	/* was set to 320px */
	height: 230px;	/* was set to 220px */
 	float: left;
	
	margin-right: 1.5em;
 }

img.pictright
 {
 	float: right;
 }
 
 
form
 {
	text-align: left;
/*	margin-top: -0.2em;*/
	padding-left: 1.0em;
 }
 
form label
 {
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 1.0em;
	background: #FFCC00;
	color: #663399;;
	padding: 3px;

 }
 
 form label
  {
  	width: 200px;
  }

form input.textfield
 {
	text-align: left;
	background: #FFFFFF;
	color: #000000;
	font-weight: bold;
 }
 
form input:focus
 {
  	background: #000000;
	color: #FFFFFF;
 }
 
 
form > div > label
 {
 	float: left;
 }
 
form > div
 {
	clear: left;
 }
 
form > div > input
 {
 	margin: 3px;
	padding: 4px;
 }
  
input.mainFormCheckBox
 {
 	margin-top: -0.5em;
 	margin-left: 80px;
 }  
 
label.formFieldCheckLabel
 {
 	background-color: #4C3297;
	color: #FFCC00;
	text-align: left; 
  	font-size: 90%;
	line-height: 1.5em;
	margin: 0 0 0 0px;
	padding: 4px 0 0px 0;
	width: 80%;
 }

label.checkBoxHeader
 {
	width: auto;
	text-align: left; 
 }
 
 
 div#buttons
  {
  	text-align: right;
	margin-right: 200px;
  }
 input#button
  {
  	font-weight: bold;
	color: #4C3297;
	background: #FDB813;
  }
  
 input#button:hover
  {
  	color: #FFFFFF;
  }
  	
 /* experimental area */
 
/* tooltip */
a.info {
	/* font-family: Tahoma, Arial, sans-serif; */
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background: #FFFFCC url(question.gif) no-repeat bottom right; 	/*#f4f4f4 url(question.gif) no-repeat bottom right; */
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
	z-index: 4; /* ensure the pop-up is on top of everything! */
}