/* CSS Document */

body {
	background:#fff;
	margin:0px 20px 20px 20px;
	padding:0;
	font:normal small Verdana,Arial,sans-serif;
	color:#333;
	
	}

h1	{
	font:normal 15pt Verdana,Arial,sans-serif;
	color:#0060b5;
	font-weight:bold;
	display:block;
	width:100%;
	margin-top:0px;
	border:0px solid black;
}

h2	{
	font:normal 13pt Verdana,Arial,sans-serif;
	color:#0060b5;
	font-weight:bold;
	display:block;
	width:100%;
	margin:5px 0px 0px 0px;
	border:0px solid black;
}

h3	{
	font:normal 12pt Verdana,Arial,sans-serif;
	line-height:30px;
	font-weight:bold;
	color:#0060b5;
	margin:10px 0px 5px 0px;
}

h4	{
	font:normal 9pt Verdana,Arial,sans-serif;
	font-weight:bold;
	color:#0060b5;
	display:block;
	padding:0;
	margin:4px 0 4px 0;
}

h5	{
	font:normal 9pt Verdana,Arial,sans-serif;
	font-weight:bold;
	font-style:;
	color:#000000;
	display:block;
	padding:0;
	margin:3px 0 3px 0;
}

dfn	{
	font:normal 8pt Verdana,Arial,sans-serif;
	font-weight:normal;
	font-style:italic;
	color:#000000;
	display:block;
	padding:0;
	margin:5px 5px 5px 10px;
}

.prompt {
    font-size:14px;
	font-weight:bold;
	color:#0060b5;
}
	
.header	{
	width:100%;
	background:#cee0f0 url(images/header-footer-bgtile.gif) left repeat-y;
	height:155px;
}

.breadcrumb	{
	background:#cee0f0 url(../images/header-footer-bgtile.gif) left repeat-y;
}

#wrapper1	{
	border: 0px solid #fff;
	height:100%;
}

#wrapper2	{
	background-color:#fff;
	margin: 0px auto;
	width: 88%;
	border: 0px dotted #fff
}

#maincol	{
	float:left;
	border: 0px dotted green;
	position:absolute;
	z-index:1;
}

#leftcol	{
	float:left;
	width: 220px;
	background-color:#fff;
	height:100%;
	padding-right:0px;
	border:0px dotted red;
}

#leftcol img	{
	margin-top:7px;
	float:left;
	clear:both;
}

#centercol	{
	float:left;
	width:88%;
}

.content	{
	width:100%;
	background:#cee0f0 url(../images/content-bgtile.gif) left repeat-y;
}

.content-copy	{
	padding: 0px 0px 5px 220px;
	line-height: 13pt;
	float:left;
	width:60%;
	text-align:left;
	border:0px solid red;
}

.orientation	{
	margin:0px 0px 0px 0px;
	padding: 5px 10px 5px 220px;
	border:0px solid #000;
}

.content-copy img	{
	margin-left: 5px;
}

.page-nav	{
	font:normal 8pt Verdana,Arial,sans-serif;
	color:#0060b5;
	line-height:20px;
	height:20px;
	float:right;
	clear:both;
}

.page-nav a	{
	font:normal 8pt Verdana,Arial,sans-serif;
	color:#0060b5;
	text-decoration:none;
}

.page-nav a:hover	{
	font:normal 8pt Verdana,Arial,sans-serif;
	color:#0060b5;
	text-decoration:underline;
}

.page-nav-select	{
	font:normal 8pt Verdana,Arial,sans-serif;
	color:#0060b5;
	background-color:#fff;
	font-weight:bold;
}

.content-copy li	{
	margin-bottom:1px;
}

.content ul	{
	list-style-image: url(images/bullet.gif);
	/*font-weight:bold;*/
	width:90%;
	padding-left: 2em;
}

.content li	{
	margin-bottom:5px;
}

.clear	{
	clear:both;
}

blockquote {
    /*font-weight:bold;*/
}

.big {
    font-size:20px;
	font-weight:bold;
	color:#0060b5;
}

.popup {
    display:none;
	position:absolute;
	left:280px; top:250px;
	border: solid 1px #0060b6;
	background-color: white;
	padding: 10px;
}
.datatable {
    border-left:1px #0060b6 solid;
	border-right:1px #0060b6 solid;
}

.datatable th {
    background-color:#0060b6;
	color:#fff;
}

.datatable td {
    background-color:#fff;
	border-bottom:1px #0060b6 solid;
}

.datatable2 {
    border-left:1px #0060b6 solid;
}

.datatable2 th {
    background-color:#0060b6;
	border-right:#fff 1px solid;
	color:#FFFFFF;
}

.datatable2 td {
    background-color:#fff;
	border-bottom:1px #0060b6 solid;
	border-right:1px #0060b6 solid;
}

.datatable3 {
    border-left:1px #0060b6 solid;
	border-top:1px #0060b6 solid;
}

.datatable3 th {
    background-color:#0060b6;
	color:#fff;
	border-right:#fff 1px solid;
}

.datatable3 td {
    background-color:#fff;
	border-bottom:1px #0060b6 solid;
	border-right:1px #0060b6 solid;
}

.answer  {
    color:#000033;
    z-index:99;
	visibility:hidden;
}

.view_answer  {
    font-weight:bold;
    margin:8px 0px 0px 0px;	
}

/*  SPEECH BUBBLE ITEMS */

.trigger {
    width:100%;
    clear:both;
}

.answer_trigger {
    width:32%;
    float:left;
	clear:both;
}

.bubble {
    border: 0px solid #000;
	width:68%;
	float:left;
	z-index:99;
	visibility:hidden;
}

.answer-pointer {
    border: 0px solid #666;
	width:42px;
	float:left;
	clear:right;
}

.bubble2 {
    border: 0px solid green;
	background-color:#fff;
	width:68%;
	float:left;
}

.close-window {
    width:95%;
	border: 0px solid #000;
	margin:10px;
}

.bubble_text {
    margin:0px 0px 0px 0px;
    padding:6px 10px 12px 10px;
}

.local-menu	{
	list-style-type:none; 
	margin-left: 0;
	padding-left:0;
	line-height:120%;
}

.local-menu li	{
	margin-bottom:10px;
}

.local-menu	a {
	text-decoration:none;
}

.local-menu	a:hover {
	text-decoration:underline;
}

/*  TORN PAPER ITEMS */

.paper_house {
    margin-top:15px;
    width:300px;
	z-index:99;
	visibility:hidden;
	}
.paper_house_show {
    margin-top:15px;
    width:300px;
	z-index:99;
	}
.paper_top {
    width:300px;
	height:30px;
    background-image:url(../images/papertop.gif);
}

.paper_bottom {
    width:300px;
	height:30px;
    background-image:url(../images/paperbottom.gif);  
}

.paper_text {
    padding:8px;
	background-color:#fff;
	color:#666;
	font-size:15px;
    font-family:Georgia, "Times New Roman", Times, serif;
}

.insert	{
	/*font-family: 'Arial', 'Helvetica', 'Sans-serif';
	font-size: 10px;*/
	background-color:#CC3366;
	position: absolute;
	top: 258px;
	left: 179px;
	width: 340px;
	height: 241px;
	border: 0px solid #fff;
	visibility: show;
	z-index:98;
	/*padding: 3px;*/
}

/* ROUTES PAGE STYLES  */

.safari_house {
    width:100%;
	margin:0;
	border: 1px dotted #ddd;
}

.routes_leftcol {
    width:100%;
    margin-top:25px;
	margin-right:auto;
	margin-bottom:12px;
	margin-left:auto;
}

.routes_1 {
    width:100%;
	height:30px;
	background-color:#cee0f0;
	border-top:1px solid #0060b5;
}

.routes_2 {
    border: 0px solid black;
	letterSpacing:-3px;
	line-height:30px;
	height:30px;
}

.routes_3 {
    float:left;
	margin-left:15px;
}

.routes_4 {
    float:left;
	margin-left:40px;
}

.routes_5 {
    margin: 2px 4px;
	font-size:85%;
}

.routes_text {
    width:95%;
	padding:10px;
}

/* ACTIVITY BOX  */


.act_1 {
    background-color: #fff;
	border: 1px solid #dae8f4;
	width:100%;
	margin:10px 0 10px 0;
    height:auto;
}

.act_2 {
    background-color:#0060b5;
	height:30px;
	width:100%;
	color:#fff;
	font-weight:bold;
	font-size:10pt;
	line-height:30px;
}

.act_3 {
    width:95%;
	margin:0 auto;
}

.act_text {
    width:95%;
	margin:10px auto;
	background-color:#fff;
}






table{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: #0060b6 #0060b6 #0060b6 #0060b6;
	border-collapse: collapse;
}
table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #0060b6 #0060b6 #0060b6 #0060b6;
	-moz-border-radius: 0px 0px 0px 0px;
}
table td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #0060b6 #0060b6 #0060b6 #0060b6;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.noborder{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	border-collapse: collapse;
}
table.noborder th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.noborder td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.noborder2{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: #e4effc #e4effc #e4effc #e4effc;
	border-collapse: collapse;
}
table.noborder2 th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e4effc #e4effc #e4effc #e4effc;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.noborder2 td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #e4effc #e4effc #e4effc #e4effc;
	-moz-border-radius: 0px 0px 0px 0px;
}