@charset "utf-8";
/* CSS Document */
a
	{
	font:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-decoration:none;
	}
a img, a:hover img, a.active img
	{
	border:none;
	}
h1 {font: 28px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold;}
h2 {color: #000000; font: 18px Georgia; font-weight:bold;}
h3 {color: #000000; font: 15px Georgia; }
h4 {color: blue; font: 15px Arial; font-style: italic; }
h5 {color: #666666; font: 15px Arial; text-decoration: underline; }
h6 {color: #666600; font-weight: bold; font: 16px Arial; font-style: italic; background: #FFFFCC; }
underlined {text-transform: uppercase; text-decoration: underline; }
italic {color: #990066; font-style: italic; }
italic_bn {color: #4E2207; font-style: italic; }
body
	{
font-family:Verdana, Arial, Helvetica, sans-serif;
	}
body.pages 
	{
	background-image:url(web/bkgrnd.jpg);
	background-position:center;
	background-repeat:repeat;
	}
#wrap 
	{
	background-color:#FFFFFF;
	height: 620px;
	width: 911px;
	margin: auto;
	}
#wrap.pages 
	{
	border:inset #e9e9e9 thick;
	height: 770px;
	width: 1000px;
	padding: 20px;
	margin: auto;
	}
#name
	{
	height: 68px;
	width: 870px;
	margin: 0px;
	}
#name.pages
	{
	height: 68px;
	width: 940px;
	padding: 0px 0px 0px 60px;
	margin: 0px;
	border-bottom:#333 thin solid;
	}
#bottom 
	{
	height: 510px;
	width: 870px;
	margin: 0px;
	}
#bottom.pages 
	{
	height: 700px;
	width: 1000px;
	}
#name_reflection 
	{
	width: 68px;
	height: 510px;
	margin: 0px;
	border-top:#333333 thin solid;
	float: left;
	}
#content 
	{
	width: 800px;
	height: 510px;
	margin: 0px;
	float: right;
	}
#border 
	{
	width: 1024px;
	height: 510px;
	border-left:#333333 thin solid;
	border-top:#333333 thin solid;
	margin: 0px;
	}
#menu 
	{
	float:left;
	width: 130px;
	height: 600px;
	display:table;
	#position:relative;
	overflow:hidden;
	}
#sidebar 
	{
	width: 130px;
	height: 700px;
	border-right:#333333 thin solid;
	float:left;
	}	
#sidebar.pages 
	{
	float:right;
	width: 120px;
	height: 700px;
	border:none;
	}		
#container 
	{
	#position: absolute;  
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	}
#container.pages
	{
	height:700px;
	width:868px;
	float:right;
	box-shadow: none;
	}	
#minitabs 
	{
	margin-left: 5px;
	padding-left: 7px; 
	padding-top: 0;
	width: 90px;
	#position: relative;
	#top: -50%
	box-shadow:10px 10px 20px grey;
	-webkit-box-shadow:10px 10px 20px grey;
	-moz-box-shadow: 10px 10px 20px grey;
	}
#minitabs li 
	{
	list-style-type: none;
	padding-bottom: 1px;
	width: 100px;
	}
#minitabs a {
	text-align: left;
	padding: 3px;
	color: #000;
	display: block;
	background-color:#F9F9F9;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	border: solid medium #000;
	text-decoration:none;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	white-space: nowrap;
	}
#minitabs a.active , #minitabs a:hover 
	{
	color:#fff;
	border-right: 1px solid white;
	border: 3px solid #c0c0c0;
	background-color:#000;
	font-weight: bold;
	}
#tabs
	{
	height: 35px;
	float: right;
	margin: 0px;
	}
ul#tabnav
	{
	padding: 0px;
	margin: 0px;
	list-style:none;
	float: left;
	}
ul#tabnav li
	{
	height: 35px;
	width: 127px;
	float: left;
	}
#tabnav li a, ul#tabnav li a:visited
	{
	height: 25px;
	display: block;
	padding: 5px;	
	color: #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: lighter;
	font-style:normal;
	text-decoration: none;
	text-align: center;
	}
#tabnav li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color: #000000;
	color: #FFFFFF;
	}
ul#tabnav li a.selected 
	{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color: #FFF;
	color: #666;
	}
#inner_pages
	{
	border:inset #e9e9e9 thick;
	box-shadow:10px 10px 20px grey;
	-webkit-box-shadow:10px 10px 20px grey;
	-moz-box-shadow: 10px 10px 20px grey;
	width: 738px;
	height: 684px;
	float:left;
	}
#pages_content
	{
	padding: 30px;
	width: 678px;
	height: 624px;
	}
#mycustomscroll 
{
	/* Typical fixed height and fixed width example */
width: 100%;
	height: 100%;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
}
