/* CSS Document */

/* CSS Document */

 html,body,div,img,li,ul,dl,dd,dt,form,table,td,tr,form{
  margin:0;
  padding:0;
  border:0;
}
p
{
	margin: 5px 0;
	padding: 0;
}
input,select{
  margin:0;
  padding:0;}

/* Main DIV Layouts --------------------------------------------------*/

body{
 margin: 0;
 padding:0;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 background-color: #f3f3f3;
 text-align: center}

#container {margin: 0;
            width: 760px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color: #FFFFFF;
			text-align:left;}


/* Header --------------------------------------------------*/

#head{
height:142px;
text-align:left;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}



#subnav {float: right;
         margin: 5px 7px 0px 0px;
		 text-align: right;
		 height: 130px }

#navtop {padding: 0px 65px 0px 0px}

#navtop li
{
display: inline;
list-style-type: none;
padding: 0 0 0 12px;
}

#logo {float: left; padding:50px 0px 0px 0px}

.invisible{position: absolute; left: -9000px}



/* ***MAIN MENU*** */
#Topnav{ height:30px; margin: 1px 0px 0 0px; text-align: left; border-top: 1px solid #C9C9C9;}
#Topnav ul{ height:30px; list-style-type: none; margin:0; }

#Topnav ul li{ float: left; }
#Topnav ul a,#Topnav ul a:link,#Topnav ul a:visited,#Topnav ul a:active{ height:30px; line-height:22px;  float:left; display:block; text-decoration:none; text-align:center; font-weight:bold; color:#4D5154; }
#Topnav ul li.on a#nav1,#Topnav a#nav1:hover{ color:#fff; background:#00BDE6; }
#Topnav ul li.on a#nav2,#Topnav a#nav2:hover{ color:#fff; background:#F5873C; }
#Topnav ul li.on a#nav3,#Topnav a#nav3:hover{ color:#fff; background:#bfd849; }
#Topnav ul li.on a#nav4,#Topnav a#nav4:hover{ color:#fff; background:#EE2690; }
#Topnav ul li.on a#nav5,#Topnav a#nav5:hover{ color:#fff; background:#99499A; }
#Topnav ul li.on a#nav6,#Topnav a#nav6:hover{ color:#fff; background:#a8ab30; }

#Topnav ul li span{ height:8px;  display:block; font-size:0; background:#ff0; }
a#nav1{ width:110px; }
a#nav2{ width:149px; border-left:1px solid #F5873C; }
a#nav3{ width:141px; border-left:1px solid #bfd849; }
a#nav4{ width:113px; border-left:1px solid #EE2690; }
a#nav5{ width:116px; border-left:1px solid #99499A; }
a#nav6{ width:126px; border-left:1px solid #a8ab30; }

html>body a#nav1{ width:110px; }
html>body a#nav2{ width:149px;  }
html>body a#nav3{ width:141px; }
html>body a#nav4{ width:113px; }
html>body a#nav5{ width:116px; }
html>body a#nav6{ width:126px; }


#Topnav a#nav1 span{ background:#00BDE6; }
#Topnav a#nav2 span{ background:#F5873C; }
#Topnav a#nav3 span{ background:#bfd849; }
#Topnav a#nav4 span{ background:#EE2690; }
#Topnav a#nav5 span{ background:#99499A; }
#Topnav a#nav6 span{ background:#a8ab30; }



/* Main Content Layouts --------------------------------------------------*/

/* Homepage Placeholders --------------------------------------------------*/
#homeleft {float: left; width:420px; padding: 20px 0px 20px 15px}
#homeright {float: right; width:310px;  padding: 20px 15px 20px 0px}

#homeplace {width: 400px; padding: 0px 0px 0px 0px; background-image:url(../images/homeplace.gif); background-repeat:no-repeat; background-position:top left}
#homecontent  { padding: 15px 7px 10px 7px; margin: 0px 1px 0px 0px; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd;  border-bottom: 1px solid #cdcdcd; background-color:#fdfdfd;}
#homecontent ul    {list-style: none; margin: 0 0 0 0.3em; padding: 0 0 0.5em 0;}
#homecontent ul li {background: url(../images/bullet_pink.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
img.homescape {padding: 3px 3px 3px 3px; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd;  border-bottom: 1px solid #cdcdcd; }
#homecontent p {margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px} 

.listleft {float: left; width: 190px}
.listright {float: right; width: 190px}


#download {width: 309px; height: 103px; background-image:url(../images/place_download.gif); background-repeat:no-repeat}
#download h2 {margin: 0px 0px 0px 0px; padding: 10px 10px 0px 90px; color: #82b846; font-size: 1.2em; font-weight:bold}
#download p {margin: 0px 0px 0px 0px; padding: 0px 10px 0px 90px; color: #666666; font-size: 0.9em}
#download a:link    {color: #82b846; text-decoration: underline; }
#download a:visited {color: #82b846; text-decoration: underline; }
#download a:hover   {color: #82b846; text-decoration: underline; }

#checklist {margin-top: 19px; width: 309px; height: 103px; background-image:url(../images/place_checklist.gif); background-repeat:no-repeat}
#checklist h2 {margin: 0px 0px 0px 0px; padding: 10px 10px 0px 90px; color: #00bde6; font-size: 1.2em; font-weight:bold}
#checklist p {margin: 0px 0px 0px 0px; padding: 0px 10px 0px 90px; color: #666666; font-size: 0.9em}
#checklist a:link    {color: #00bde6; text-decoration: underline; }
#checklist a:visited {color: #00bde6; text-decoration: underline; }
#checklist a:hover   {color: #00bde6; text-decoration: underline; }

#quiztake {margin-top: 19px; width: 309px; height: 103px; background-image:url(../images/place_quiz.gif);  background-repeat:no-repeat}
#quiztake  h2 {margin: 0px 0px 0px 0px; padding: 10px 10px 0px 90px; color: #ee2690; font-size: 1.2em; font-weight:bold}
#quiztake  p {margin: 0px 0px 0px 0px; padding: 0px 10px 0px 90px; color: #666666; font-size: 0.9em}
#quiztake  a:link    {color: #ee2690; text-decoration: underline; }
#quiztake  a:visited {color: #ee2690; text-decoration: underline; }
#quiztake  a:hover   {color: #ee2690; text-decoration: underline; }

#content {padding: 0px;
		  margin-left: 150px;
		  margin-right: 0px;
		  margin-top: 0px;
		  background-color: #FFFFFF;
		  padding: 20px 20px 0px 20px;}
		  
		  
#contentfull {padding: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-top: 0px;
		  background-color: #FFFFFF;
		  padding: 20px 20px 0px 20px;}



#leftcol {float: left;
			width: 150px;
			background-color: #ffffff;
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 0px}


#footer	{clear: both; 
			display: block;
			padding: 3px 0px 15px 0px;
			margin: 20px 0px 0px 0px;
			background-color: #FFFFFF;
			border:solid #CCCCCC;
            border-width:1px 0px 0px 0px;
			text-align: center;}
			
			
/* History Trail --------------------------------------------------*/

#history    {background-color: #FFFFFF;
			border:solid #CCCCCC;
            border-width:0px 0px 1px 0px;
			padding: 5px 0px 5px 18px;}			



/* Links --------------------------------------------------*/
a:link    {color: #000099; text-decoration: underline; }
a:visited {color: #800080; text-decoration: underline; }
a:hover   {color: #EE2690; text-decoration: underline; }






/* Text, Headings and Lists --------------------------------------------------*/

#home h1 {margin:0;  font-size: 1.2em; color:#626566; padding:7px 0px 0px 7px; margin: 0px 0px 0px 0px}
.pinktext {color: #ee2690; }


#issues h1 {font-size: 1.5em; color: #f5873c; font-weight:normal; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px}
#downloads h1 {font-size: 1.5em; color: #bfd849; font-weight:normal; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px}
#faq h1 {font-size: 1.5em; color: #EE2690; font-weight:normal; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px}
#quiz h1 {font-size: 1.5em; color: #99499A; font-weight:normal; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px}
#contact h1 {font-size: 1.5em; color: #a8ab30; font-weight:normal; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px}
h2 {font-size: 1.3em; color: #666666; font-weight:normal; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px}
h3 {font-size: 1.2em; color: #666666; font-weight:bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}

#content p {margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px}
#content ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#content ol li { padding: 0.2em 0 0.1em 0px;}
#content ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#content ol ol li {  padding: 0.2em 0 0.1em 0px;}

#contentfull p {margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px}
#contentfull ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#contentfull ol li { padding: 0.2em 0 0.1em 0px;}
#contentfull ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#contentfull ol ol li {  padding: 0.2em 0 0.1em 0px;}



#issues #content ul    {list-style: none; margin: 0 0 0 0em; padding: 0 0 15px 0;}
#issues #content ul li  {background: url(../images/bullet_org.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#downloads #content ul    {list-style: none; margin: 0 0 0 0em; padding: 0 0 15px 0;}
#downloads #content ul li  {background: url(../images/bullet_lime.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#downloads #contentfull ul    {list-style: none; margin: 0 0 0 0em; padding: 0 0 15px 0;}
#downloads #contentfull ul li  {background: url(../images/bullet_lime.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#faq #contentfull ul    {list-style: none; margin: 0 0 0 0em; padding: 0 0 15px 0;}
#faq #contentfull ul li  {background: url(../images/bullet_pink.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#quiz #contentfull ul    {list-style: none; margin: 0 0 0 0em; padding: 0 0 15px 0;}
#quiz #contentfull ul li  {background: url(../images/bullet_purple.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#contact #contentfull ul    {list-style: none; margin: 0 0 0 0em; padding: 0 0 15px 0;}
#contact #contentfull ul li  {background: url(../images/bullet_green.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}

hr {
border: 0;
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
width: 99%;
}



/* Images --------------------------------------------------*/
#issues .floatright {float: right; margin: 0px 0px 10px 10px; padding: 5px 5px 5px 5px; border: 1px solid #f5873c}
#issues .floatleft {float: left; margin: 0px 10px 10px 0px; padding: 5px 5px 5px 5px; border: 1px solid #f5873c}
#downloads .floatright {float: right; margin: 0px 0px 10px 10px; padding: 5px 5px 5px 5px; border: 1px solid #BFD849}
#downloads .floatleft {float: left; margin: 0px 10px 10px 0px; padding: 5px 5px 5px 5px; border: 1px solid #BFD849}
#faq .floatright {float: right; margin: 0px 0px 10px 10px; padding: 5px 5px 5px 5px; border: 1px solid #EE2690}
#faq .floatleft {float: left; margin: 0px 10px 10px 0px; padding: 5px 5px 5px 5px; border: 1px solid #EE2690}
#quiz .floatright {float: right; margin: 0px 0px 10px 10px; padding: 5px 5px 5px 5px; border: 1px solid #99499A}
#quiz .floatleft {float: left; margin: 0px 10px 10px 0px; padding: 5px 5px 5px 5px; border: 1px solid #99499A}
#contact .floatright {float: right; margin: 0px 0px 10px 10px; padding: 5px 5px 5px 5px; border: 1px solid #a8ab30}
#contact .floatleft {float: left; margin: 0px 10px 10px 0px; padding: 5px 5px 5px 5px; border: 1px solid #a8ab30}




/* Side Navigation -------------------------------------------------------------------------*/

#sideorange     {margin-left: 0px; border:1px solid #F5873C; border-width: 1px 1px 1px 1px; }
#orangehead    {background-color: #F5873C; color: #FFFFFF; font-weight: bold; padding: 5px 5px 5px 10px;}
#sideorange ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #F5873C;}
#sideorange li  {margin: 0 0 1px 0; }
#sideorange a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sideorange a:hover, #sideorange a#currentnav  {color: #000000; background-color: #d9d9d9; text-decoration: none; }
#sideorange ul ul li {margin: 0 0 1px 0;  }
#sideorange ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sideorange ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}

#sidelime     {margin-left: 0px; border:1px solid #BFD849; border-width: 1px 1px 1px 1px; }
#limehead    {background-color: #BFD849; color: #FFFFFF; font-weight: bold; padding: 5px 5px 5px 10px;}
#sidelime ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #BFD849;}
#sidelime li  {margin: 0 0 1px 0; }
#sidelime a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sidelime a:hover, #sidelime a#currentnav  {color: #000000; background-color: #d9d9d9; text-decoration: none; }
#sidelime ul ul li {margin: 0 0 1px 0;  }
#sidelime ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sidelime ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}

#sidepink     {margin-left: 0px; border:1px solid #EE2690; border-width: 1px 1px 1px 1px; }
#sidepink ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #EE2690;}
#sidepink li  {margin: 0 0 1px 0; }
#sidepink a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sidepink a:hover, #sidepink a#currentnav  {color: #000000; background-color: #d9d9d9; text-decoration: none; }
#sidepink ul ul li {margin: 0 0 1px 0;  }
#sidepink ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sidepink ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}

#sidepurple    {margin-left: 0px; border:1px solid #99499A; border-width: 1px 1px 1px 1px; }
#sidepurple ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #99499A;}
#sidepurple li  {margin: 0 0 1px 0; }
#sidepurple a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sidepurple a:hover, #sidepurple a#currentnav  {color: #000000; background-color: #d9d9d9; text-decoration: none; }
#sidepurple ul ul li {margin: 0 0 1px 0;  }
#sidepurple ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sidepurple ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}

#sidegreen     {margin-left: 0px; border:1px solid #a8ab30; border-width: 1px 1px 1px 1px; }
#sidegreen ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #a8ab30;}
#sidegreen li  {margin: 0 0 1px 0; }
#sidegreen a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sidegreen a:hover, #sidegreen a#currentnav  {color: #000000; background-color: #d9d9d9; text-decoration: none; }
#sidegreen ul ul li {margin: 0 0 1px 0;  }
#sidegreen ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sidegreen ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}




/* Tables--------------------------------------------------*/
#issues table {background-color: #cccccc;}
#issues td {background-color: #FFFFFF; padding: 5px;}
#issues th {background-color: #f5873c; padding: 5px; color: #FFFFFF;}

#downloads table {background-color: #cccccc;}
#downloads td {background-color: #FFFFFF; padding: 5px;}
#downloads th {background-color: #BFD849; padding: 5px; color: #FFFFFF;}

#faq table {background-color: #cccccc;}
#faq td {background-color: #FFFFFF; padding: 5px;}
#faq th {background-color: #EE2690; padding: 5px; color: #FFFFFF;}

#quiz table {background-color: #cccccc;}
#quiz td {background-color: #FFFFFF; padding: 5px;}
#quiz th {background-color: #99499A; padding: 5px; color: #FFFFFF;}

#contact table {background-color: #cccccc;}
#contact td {background-color: #FFFFFF; padding: 5px;}
#contact th {background-color: #a8ab30; padding: 5px; color: #FFFFFF;}


/* Site Map--------------------------------------------------*/
#sitel {width: 49%; float: left;}
#siter {width: 49%; float: right;}


#contentfull #sitel ul    {list-style: none; margin: 0 0 0 0em; padding: 0 0 15px 0;}
#contentfull #sitel ul li  {background: url(../images/bullet_pink.gif) no-repeat 0em 0.6em; display: block; padding: 0px 0px 10px 9px;}
#contentfull #sitel ul ul   {list-style: none; margin: 0 0 0 0em; padding: 10px 0 15px 0;}



#contentfull #siter ul    {list-style: none; margin: 0 0 0 0em; padding: 0 0 15px 0;}
#contentfull #siter ul li  {background: url(../images/bullet_pink.gif) no-repeat 0em 0.6em; display: block; padding:0px  0px 10px 9px;}
#contentfull #siter ul ul   {list-style: none; margin: 0 0 0 0em; padding: 10px 0 15px 0;}

#content #alpha ul li {list-style-type: none; padding-right: 2px; display:inline; background:none}

/* Fix 3px Bug --------------------------------------------------*/ 
 
/* Hide from IE5-mac. Only IE-win sees this. \*/

 
* html #content {
  height: 1%;
  margin-left: 0;}
  
* html  #contentfull {
  height: 1%;
  margin-left: 0;}


.border{
border: 1px solid #333333;
}


/* For HTML version of PDF Guide */

.prev {
margin-top:3em;
margin-bottom:2em;
float:left;
width:30%;
text-align:center;
}
.contents {
margin-top:3em;
margin-bottom:2em;
float:left;
width:35%;;
text-align:center;
}
.next {
margin-top:3em;
margin-bottom:2em;
float:left;
width:30%;
text-align:center;
}