/*--- LAYOUT BASICS ---*/
* html body	{
	text-align: center;
}

body	{
	margin: 50px auto 0px auto;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-bottom: 25px;
	font-size:12px;
	 background: url(/images/background.gif) top left;
	}

/*--- WRAPPER ---*/
#wrapper	{
	margin: 0 auto;
	padding: 0px;
	border: 0;
	width: 762px;	
}
#header_padding{
	width: 762px;
	height: 36px;
	margin:0;
	padding:0;
	background: url(/images/topheader.png) no-repeat top left;
}
#body_wrapper	{
	margin: 0px;
	padding: 0px;
	width: 762px;
	clear:both; 
	background: url(/images/maintable_bg.png) repeat-y top left;
}
#header {
background: transparent url(/images/mainheader.jpg) no-repeat top left;
margin-left: 18px;
}
#header .logo{
	display: block;
	background: transparent url(/images/logo.jpg) no-repeat top left;
	height: 120px;
}
#header h1 {
	margin:0px;
	padding:0px;
}
#header a {
	text-indent: -5000px;
	text-decoration: none;
	display: block;
	height: 120px;
	width: 200px;
}
/*--- HEADER ---*/


#page_body	{
	padding: 0;
	margin: 0 auto;
	border: 0;
	text-align: left;
	clear: both;
}
/*---	LEFT CONTENT ---*/
#left_content   {	
	float: left;
	margin: 0;
	width: 202px;  
	}
/*---	MAIN CONTENT ---*/
#main_content   {
	padding: 0 9px 15px 0px;
	margin: 0 0 0 248px;
	/* compensates for IE Win bungling */
	height: 100%;
	}
#center_clear	{
	clear: both;
	}

/*--- CONTENT ---*/
#content	{
	margin: 25px 30px 5px 0px;
	padding: 0px;
	text-align: left;
}
#content222	{
	margin: 0px 30px 5px 0px;
	padding: 0px;
	text-align: left;
}
/*--- FOOTER ---*/
#footer {
	background: url(/images/footer.png) top center no-repeat;
	height: 72px;
	margin: 0px;
	border: 0px;
	font-size: 11px;
	clear: both;
}
/*typography*/
h1,h2, h3, h4	{
	font-weight: bold;
	line-height: 1em;
	margin: 0;
	color: #000;
	}
strong {font-weight: bold;}
p,li {font-size: 12px;}
h1 {font-size: 22px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 11px;}
p,table,h2, h3, h4,li {margin: 0 0 10px 0; padding: 0; color: #333;}
#content ul li {margin: 0 0 10px 0; padding: 0; color: #333; float: none;}
h2,h3,h4 {color: #016990;}
h2.stitle {font-size: 14px;}
h3.stitle
{
	font-size: 12px;
	color: #C63;
}
img	{
	border: 0;
	margin: 0;
}
a,a:hover
{
	color: #036;
	text-decoration: none;
	font-weight: bold;
}
.error{color: red;}
#header .logo h1 {
	color: #fff;
	text-align: center;
}
#header .logo img {text-align: center;}
#frontpage_left p{line-height: 1.3em;}
#footer p {
	font-size: 11px; 
	color: #666; 
	font-weight: bold; 
	text-align: right; 
	margin-right: 10px;
}
#left_content p {font-size: 11px; margin: 5px;}

div#nav {
	text-align: left;
	margin:0;
	padding:0;
}

* html div#nav {
	/* hide ie/mac \*/
	height: 1%;
	/* end hide */
}

div#nav ul {
        width: 202px;
	margin: 0px 0px 0px 18px;
        padding: 0;
        line-height: 1em;
        list-style: none;
	background: url(/i/nav_bg.gif) repeat-y top left;
}
div#nav ul li{
position:relative;
}
 div#nav li, div#nav li#first  {
        display: block;
        list-style: none;
        margin: 0px 8px;
        padding: 0;
        line-height: 1em;
		border-top: 1px dotted #ccc;
		font-size: 12px;
    }
 div#nav li a:hover 
 {

 	color: #FFF;
 }
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
    div#nav li#first{
	border: none;
    }
    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited {
        display: block;
        font-weight: bold;
        text-decoration: none;
        margin: 0;
        padding: 10px 10px 10px 20px;
        color: #ededed;
    }
    div#nav ul ul a,
    div#nav ul ul a:link,
    div#nav ul ul a:active,
    div#nav ul ul a:visited
    {
    	padding: 4px 8px 4px 8px;
    	color: #EDEDED;
    	font-size: 11px;
    }
    
    div#nav ul ul li    
    {
    	border: none;
    }
    
    div#nav ul ul a:hover { color: white; }
    div#nav a:hover {   
        color: white;
    }
    div#nav strong {
        display: block;
        color: white;
        background: black;
    }
    div#nav strong a,
    div#nav strong a:link,
    div#nav strong a:active,
    div#nav strong a:visited,
    div#nav strong a:hover {
       color: white;
    }
/*submenu*/
div#nav ul ul.hide{display: none;}
div#nav ul ul
{
	width: 160px;
	margin: 0px 0px 10px 10px;
	padding: 0;
}


/*Frontpage*/

div#frontpage_left{
	float: left;
	width: 315px;
	margin:0px;
	padding: 10px 5px 0px 0px;
	border-right: 2px dotted #ccc;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 303px;	 
}
div#frontpage_right{
	width: 145px;
	margin:15px 0px 0px 320px;
	padding-top: 15px;
}

div#frontpage_right {
text-align: right;
}
/*others*/
.clearer {
 clear:both;
 height:1px;
 overflow:hidden;
 margin-top:-1px;
}

.clear_right {
 clear:right;
}

div#bio
{
	margin: 0 auto;
	padding: 6px;
	border: 0;
	width: 130px;
	float: left;
	clear: none;
	text-align: center;
}

div#biotext p
{
	color: #333;
	font-family: Tahoma, Sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	padding: 4px 0 4px 0;
}

div#biotext h3
{
	color: #333;
	font-family: Arial, Sans-serif;
	font-size: 9px;

}

div#orbphoto
{
	margin: 0 auto;
	padding: 0px 0 5px 8px;
	border: 0;
	width: 146px;
	float: right;
	clear: none;
}

div#photocaption
{
	color: #333;
	font-family: Tahoma, Sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
	padding: 4px 0 4px 0;
}

div#notice
{
	padding: 14px 0 10px 0;
	color: #666;
	font-family: Tahoma, Sans-serif;
	font-size: 10px;
}

div#photoset
{

	padding: 6px;
	border: 0;
	width: 150px;
	float: left;
}

div#regphoto {

padding: 0px 0 5px 8px;
float: right;
clear: none;
}

div#leftphoto
{
	padding: 0px 8px 5px 0px;
	float: left;
	clear: none;
}

div#centerer
{
	text-align: center;


}


div#lefthalf
{
	float: left;
	width: 215px;
	padding: 15px 15px 0px 0px;
	border-right: 2px dotted #ccc;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 200px;

}

div#righthalf
{

	width: 220px;
	margin:0px 0px 0px 230px;
	padding-top: 15px;

}

div#leftsched
{
	float: left;
	width: 220px;
	padding: 0 15px 0px 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}

div#righsched
{

	width: 240px;
	margin:0px 0px 0px 240px;
	padding-top: 15px;

}

div#leftstep
{
	float: left;
	width: 220px;
	padding: 0 15px 0px 40px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}

div#righstep
{
	width: 240px;
	margin:0px 0px 0px 240px;
	padding-top: 15px;
}

div#break
{
	border-color: #999;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding: 6px 0 6px 0;
}
