/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:800px;
	position:relative;
	}

#content-main-two-column {
	width:550px;
	height:auto;
	float:left;
	}

#content-side-two-column {
	float:right;
	width:240px;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body 
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvitica, Verdana, Sans-Serif;
	font-size: 12px;
	color: #666666;
}

p	{
	margin:10px 0 0 10px;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
hr{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin:15px 0;
	_margin:10px 0;
	}
	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(../../images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}
	
.imgmain
{
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header
{
	margin: 0;
	padding: 10px;
	font-family: Verdana, Helvitica, Arial, Sans-Serif;
	font-size: 12px;
	color: Blue;
	line-height: 14px;
}
	


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-information {
	height:8.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color:#999999;
	font-size:.85em;
	position:relative;
	width:800px;
	}
	
#logo {
	position:absolute;
	top: 5px;
	left:0;
	font-size:2.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:2.8em;
	padding: 0 ;
	font-variant:small-caps;
	}
	
#logo img
	{
	float:left;
	}
	
#logo a {
	color:#4A6BB3;
	text-decoration:none;
	}
	
#top-menu
{
	position: absolute;
	top: 35px;
	left: 600px;
	padding: 0;
	text-align: right;
	width: 200px;
}

#top-menu a
{
	text-decoration: none;
	color: #666666;
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	background:#ffffff;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:780px;
	padding:.8em 0 1em 20px;
	position:relative;
	font-family: Verdana, Helvitica, Arial, Sans-Serif;
	font-size:.8em;
	border-top: 1px solid #cccccc;
}

#footer div {
	background:#4b6cb5;
	width:25%;
	_width:25.5%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#footer a:link,
#footer a:visited {
	color:#666666;
	text-decoration:none;
}

#footer a:hover {
	color:#D4E7F8;
	text-decoration:none;
}

#footer a:active {
	color:#666666;
}

#footer .forCopyright 
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	color: #666666;
	text-align: left;

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	
						NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-navlist {
	height:3.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color:#999999;
	font-size:.85em;
	position:relative;
	width:800px;
	}
	
#navlist
{
	font-family: Verdana, Helvitica, Arial, Sans-Serif;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding-bottom: 19px;
	padding-left: 10px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666666;
float: left;
font-size: 10px;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 

/*------MAIN NAV------*/

#nav-main 
{
	background:#608fc8;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	padding: 10px;
	position:relative;
	font-weight:bold;
}

/*------video------*/

#tour
{
	padding: 5px;
	margin-bottom: 20px;
	float: right;
	border: 1px solid #ccc;
}

#instructions
{
	margin: 0px;
	padding: 10px 0 0 20px;
	border: 0px solid #ccc;
}
#instructions p
{
	font-family: Verdana, Helvitica, Arial, Sans-Serif;
	font-size: 10px;
	color: #666666;
}
/*------right menu------*/

#navcontainer_right 
{ 
	margin: 0; 
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;
}

#navlist_right
{
	padding: 0;
	margin-left: 10px;
	border-bottom: 0px dotted gray;
	width: 250px;
}

#navlist_right li
{
	list-style: none;
	margin: 0;
	padding: 2px;
}

#navlist_right li a 
{ 
	text-decoration: none; 
	color: #666666;
}