/* general css */
html { min-height: 100%; margin-bottom: 25px; font-size: 100% }
body { min-width: 770px; }

/* font/style */
body { font-family: helvetica, arial, sans serif; font-size: medium; 
	background: #333; color: #333; text-align: center; }
ul, ol, form 
	{ font-family: helvetica, arial, sans serif; font-size: medium; color: #333; text-align: left; }
h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; }
p,div,table	{ font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif; color: #333;}
h1 { font-size: 160%; text-transform: uppercase; text-align: left; color: #333; }
h2 {}
h3 { font-size: 120%; font-style: italic; font-weight: normal; color: #000; clear: both; }

p { font-size: 90%; text-align: justify; line-height: 1.36em; text-indent: 10%;}
table { font-size: 90%; text-align: left; line-height: 1.5em; }
p.first { text-indent: 0 }
p span.capital { float: left; font-family: Georgia, "Times New Roman", Times, serif;
		display: block; font-size:55px; line-height:48px; padding: 0 5px 2px 0; color: #333 }
img { border: none; }
a { color:#000; text-decoration: underline; }
a:hover { text-decoration: underline; }

/* basic sizing */	
body, h1, h2, h3, p, ul, ol, table, form { padding: 0; margin: 0; }
h1 { width: 550px; line-height: 1.2em; color: #000 }
h3 { width: 550px; padding: 5px 0px; margin: 10px 0; display: block; 
	 border-top: 1px #aaa solid; border-bottom: 1px #AAA solid; }
	 	h1.home { width: 295px;}	h3.home { width: 295px; }
p { padding: 5px 0; clear: left; }
	

/* specific css */
#bodyholder { margin: 0; padding: 0; width: 100%; text-align: center; float: left}

/* T O P */
#top { width: 770px; height: 70px; margin: 10px auto 0; padding: 0; text-align: left;
	background: url(/images/topbg_whole.gif) no-repeat top left #ff9; }
#top a { display: block; width: 470px; height: 0px; overflow: hidden;
	background: url(/images/top_logo.gif) no-repeat top left #ff9; padding-top: 40px;
	color: #360; position: relative; top: 16px; left: 30px; }
#topbar { width: 730px; height: 22px; margin: 10px auto 0; padding: 0px 20px; text-align: right; background: #360}
#topbar ul { width: 400px; height: 22px; margin: 0; list-style: none; text-align: right; float: right; }
	#topbar ul li { float: right; padding: 5px 3px; display: block; color: #ccc; font-size: 10px; }
	#topbar ul li a { text-decoration: none; color: #fff; }
	#topbar ul li a:hover { text-decoration: underline; }

	
/* M A I N   C O N T E N T */
#mainbodyholder { width: 770px; background: url(/images/main_bg.gif) repeat-y top left #fff;
	margin: auto; padding: 0; clear: both; }
#menu { float: left; display: inline; width: 180px; text-align: left; }
#mainbody { float: right; display: inline; width: 590px; text-align: left; }
#clear { clear: both; height: 1px; }

/* M E N U */
#menu ul { list-style: none; }
#menu ul li { float: left; display: block; padding: 0px; width: 180px;
	font-size: 13px; clear: left;  }
	#menu ul li a { text-decoration: none; color: #555; display: block;
	width: 150px; padding: 9px 0 7px 30px; margin: 0;
	background: url(/images/pointer4.png) no-repeat 8px center; }
	#menu ul li a:hover {  }

/* PAGE NUMBERS */
#mainbodypic ol { list-style: none; position: relative; top: 125px; left:394px; width: 180px; }
#mainbodypic ol li { float: right; display: block; padding: 2px; 
	font-size: 8pt; clear: none;}
#mainbodypic ol li a { text-decoration: none; display: block; margin: 0; border: none; 
	padding: 4px; margin-top: -4px; width: 10px; height: 10px; background: #f0f0f0; color: #555 }
	#mainbodypic ol li a:hover { background: #fff; color: #600; }
	#mainbodypic ol li.on a { background: #ffc; color: #600; }

/* M A I N   B O D Y P I C*/
#mainbodysq { width: 180px; float: left; height: 95px; }
#mainbodypic { width: 590px; float: right; height: 120px; background-color: #CCCC99; }

/* M A I N   B O D Y */
#content { width: 550px; padding: 20px; }
#content_home { width: 295px; padding: 20px 10px 20px 20px; float: left; display: inline }
.page_nav { font-size: 9pt; color: #666; }
.tab-l { text-align: left; padding: 0 4%; width: 33%; text-indent: 0; float: left; clear: both; }
.tab-r { text-align: left; padding: 0 4%; width: 49%; text-indent: 0; float: right;  }
.tab-l2 { text-align: center; padding: 0 3%; width: 6%; text-indent: 0; float: left; clear: both; }
.tab-r2 { text-align: left; padding: 0 2%; width: 80%; text-indent: 0; float: right;  }
.tab-cl { width: 99%; height: 5px; clear: both; float: left; }

/* I M A G E */
#imagecont { margin: 0 auto; padding: 0; width: 770px; height: 100px; clear: both; }
#image { width: 770px; height: 100px; margin: 0; padding: 0; background: #fff }

/* B O R D E R */
.border {  }


/* F O O T E R */
#bottombar { width: 730px; height: 22px; margin: 0 auto 10px; padding: 0px 20px; text-align: right; background: #360}
#bottombar ul { width: 400px; height: 22px; margin: 0; list-style: none; text-align: right; float: right; }
	#bottombar ul li { float: right; padding: 5px 3px; display: block; color: #ccc; font-size: 10px; }
	#bottombar ul li a { text-decoration: none; color: #fff; }
	#bottombar ul li a:hover { text-decoration: underline; }
	

/* O T H E R */
.invisible { display: none }