/* ============================
Main Page Styling
============================ */
body
{
	background-color: #333333;
	font-family: sans-serif, arial, verdana, tahoma, times new roman;
    padding:0;
	margin:0;
	-moz-user-select:none;
}

#container 
{
	font-family:arial, verdana, sans-serif; 
	font-size:80%;
	margin:0 auto 0 auto;
	width:950px; 
	height:450px; 
	background:#fff; 
	position:relative; 
	z-index:200; 
	overflow:hidden; 
	text-align:left;

	border-left:3px solid #222222; 
	border-right:3px solid #222222; 
	border-top:none; 
	border-bottom:none; 
}

#container ul#submenu li div img {border:1px solid #ddd; float:right; margin:0 auto auto 5px; padding: 5px;}
#container ul#submenu li div em {display:block; width:180px; height:360px; float:left;}

#container ul#submenu li div h3 {font-size:1.2em; line-height:1em; color:#666; margin:0; margin-bottom: 10px; padding-left: 10px; padding-top: 5px;}
#container ul#submenu li div h2{font-size:1.5em; line-height:1em; color:#666; margin:0; padding-left: 10px; padding-top: 5px;}
#container ul#submenu li div ul.overflow span.year {font-size:1.3em; line-height:1em; color:#666; margin-left: 600px; font-style: italic;}
#container ul#submenu li div ul.overflow ul.contact li {list-style:none;}

#container ul#submenu li div ul.caption li {list-style: none; margin-left: 150px; margin-top: 380px;}
#container ul#submenu li div ul.caption a {text-decoration: none; color:#666; font-size:1.2em;}
#container ul#submenu li div ul.caption a:hover {text-decoration: underline; color:#666; font-size:1.2em; font-style: italic; }
#container ul#submenu li div ul.caption a:visited {text-decoration: underline; color:#666; font-size:1.2em; text-decoration: none;}


#container ul#submenu {background:transparent; padding:0; margin:0; list-style:none;}

#container ul#submenu li.page {display:inline;} /* inline for IE */

#container ul#submenu li.page a.menuitem {text-decoration:none;}

#container ul#submenu li.page i 
{
	position:absolute; 
	display:block; 
	height:36px; 
	line-height:35px; 
	padding-right:5px; 
	margin:-20px auto auto 10px; 
	background:#fff url(../images/blank.gif) no-repeat; 
	z-index:500; 
	text-align:right;
	font-size: 12px;
	letter-spacing: 1px;
	color:#fff; 
	font-style:normal;
	cursor:pointer;
	width:170px;
}
#container ul#submenu li.p1 i {top:30px;}
#container ul#submenu li.p2 i {top:65px;}
#container ul#submenu li.p3 i {top:100px;}
#container ul#submenu li.p4 i {top:135px;}
#container ul#submenu li.p5 i {top:170px;}
#container ul#submenu li.p6 i {top:205px;}#container ul#submenu li.p7 i {top:240px;}#container ul#submenu li.p8 i {top:275px;}
#container ul#submenu li.page div {display:block; height:450px; width: 98%; margin:10px; font-weight:normal; color:#444; background:#ffffff;}
#container ul#submenu li.page div ul.overflow {height: 425px; overflow:auto; overflow-x: hidden; padding-right: 15px; padding-left: 0; margin:0;}
#container ul#submenu li.page div a:hover {text-decoration:none;}
#container ul#submenu li.page a.menuitem:hover {white-space:normal;} /* white-space for IE */

#container ul#submenu li.click div {position:absolute; left:0; top:0;}
#container ul#submenu li.click a i,
#container ul#submenu li.click a:visited i
{
	font-weight: bold;
	letter-spacing: 2px;
	background:#fff url(../images/blank_over.gif) no-repeat; 
}
#container ul#submenu li.page a i:hover {letter-spacing: 2px;}
#container ul#submenu li.click a i:hover {letter-spacing: 2px; cursor: default;}

#container ul#submenu div ul li {line-height:20px; color:#256; list-style:disc;}
#container ul#submenu div ul li a,
#container ul#submenu div ul li a:visited
{line-height:20px; color:#c00;}

/* ============================
Main Page Styling
============================ */
#mainText { font-size: 13px; position: absolute; margin-left: 30px; margin-top: 50px; color: #256; }
#mainText h1 { font-size: 18px; }

#mainImage { position: absolute; margin-left: 700px; margin-top: 50px; }

/* ============================
Main Menu Styling
============================ */

#mainmenu {width: auto; padding:0; margin:0; background:#fff url(../images/mainmenuback.gif) repeat-x; z-index:500;}

#nav {width: 950px; margin:0 auto 0 auto; padding:0; list-style:none; height:35px; position: relative; background:#fff url(../images/mainmenuback.gif) repeat-x; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/mainmenuback.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/mainmenuback.gif) right top no-repeat;}
#nav li a.top_current {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/mainmenuhover.gif) no-repeat;}
#nav li a.top_current span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/mainmenuhover.gif) no-repeat right top;}

#nav li a.top_link span.buffer
{
width: 460px;
margin-left: -12px;
padding-left: 0;
cursor: default;
}

#nav li:hover a.top_link {color:#fff; background: url(../images/mainmenucurrent.gif) no-repeat;}
#nav li:hover a.top_link span {background: url(../images/mainmenucurrent.gif) no-repeat right top;}
#nav li:hover a.top_current {background: url(../images/mainmenuhover.gif) no-repeat;}
#nav li:hover a.top_current span {background: url(../images/mainmenuhover.gif) no-repeat right top;}
#nav li:hover a.top_link span.buffer {background: url(../images/mainmenuback.gif) repeat-x;}


#quotes {
	color: rgb(100,100,100);
	padding-top: 410px; 
	padding-left: 15px;
	letter-spacing: 1px;
	font-size: 13px;
}

/* ============================
Top Styling
============================ */
#top 
{
text-align: right;
letter-spacing: 2px;
font-weight: bold;
font-family: sans-serif;
font-size: 110%;
color: #333333;
padding-top: 5px;
padding-bottom: 5px;
width: 950px; 
margin:0 auto 0 auto;
border-left:3px solid #222222; 
border-right:3px solid #222222; 
border-top:3px solid #222222; 
border-bottom:none; 
background: #fff;
}

/* ============================
Footer Styling
============================ */
#footer 
{
padding-top: 10px;
padding-bottom: 10px;
width: 950px; 
margin:0 auto 0 auto;
border-left:3px solid #222222; 
border-right:3px solid #222222; 
border-bottom:3px solid #222222; 
border-top:none; 
font-size: 12px;
color: #aabbcc;
background: #181a1b;
}