/*** BODY ***/
* { padding:0; margin:0; }
html {}
body { 
	font: 12px Arial, Tahoma, serif; 
	color: #181818; }

h1 {
	font: 16px Arial, Tahoma, serif; 
	color: #000; font-weight: bold; }
h2 {
	font: 12px Arial, Tahoma, serif;
	color: #000; font-weight: bold; }
p { line-height: 17px; margin-bottom: 10px; }
a { color: #63a6bc; text-decoration: underline; }
a:hover { color: #CC3300; }
a.areadmore { 
	color: #3e7897; background: url(../images/readmore.jpg) center left no-repeat; 
	width: 7px; height: 12px; text-decoration: none; 
	padding-left: 15px; font-weight: bold; }
a.areadmore:hover { color: #CC3300; }
ul { list-style-image: url(../images/arrow.jpg); }
ul li { line-height: 17px; }
ul li a { text-decoration: none; }
ul li a:hover { color: #674119; }

img.content-img { float: left; margin: 0 10px 5px 0; }

.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

div#page-wrap {
	width: 1000px;
	margin: 0 auto;
}

/*** HEADER ***/
div#header {
	height: 230px; 
	margin-bottom: 15px; }
	div#header div#logo { 
		background: url(../images/logo.gif) no-repeat center; 
		width: 212px; height: 147px; float: left; }
	div#header div#banner1 { 
		background: url(../images/banner01.jpg) no-repeat; 
		width: 287px; height: 147px; float: right; }
	div#header div#banner2 { 
		background: url(../images/banner02.jpg) no-repeat; 
		width: 372px; height: 147px; float: right; }
	div#header div#mycal { background: #d9e4ec; width: 1000px; height: 25px; }
	div#header div#mycal p {
		color: #393939; text-align: right; 
		line-height: 25px; margin-right: 15px; }
	div#header div#topmenu { 
		background: url(../images/header.jpg) no-repeat;  
		width: 1000px; height: 40px; margin-top: 15px; text-align: center; }
	div#header div#topmenu ul { list-style: none; height: 40px; }
	div#header div#topmenu ul li { 
		font: 10pt "Arial", Tahoma, serif; color: #fff; font-weight: bold;
		display: inline; line-height: 40px; }
	div#header div#topmenu ul li.divider {	
		background: url(../images/divider.jpg) center center no-repeat; 
		width: 12px; height: 40px; padding: 10px 40px; display: inline; }
	div#header div#topmenu ul li a { 
		color: #fff; font-smooth: always;
		text-transform: uppercase;
		text-decoration: none; }
	div#header div#topmenu ul li a:hover, div#header ul li a:active { 
		text-decoration: underline; }

/*** CONTENT MAIN PAGE ***/
div#content { 
	background: url(../images/menu-c.png) repeat-y;
	width: 1000px; position: relative; /*z-index: -2;*/}
	div#content-top {
		background: url(../images/menu-t.png) top left no-repeat; 
		height: 28px; width: 190px; height:auto;}
	div#content-bottom {
		background: url(../images/menu-b.png) no-repeat; 
		bottom: 0px; left: 0px; /*z-index: -1;*/height:auto;
		height: 28px; width: 190px; position: absolute; }
	
	div#content div#leftmenu { 
		background: url(../images/menu-t.png) no-repeat; 
		float: left; display: inline;
		width: 207px; margin-right: 10px; height:auto;}
		div#leftmenu ul { list-style-image: none; }
		
		ul.mainmenu { list-style: none; }
		ul.mainmenu li { 
			font: 11px Tahoma, Arial, serif; color: #fff; margin-bottom: 5px; 
			font-weight: bold; line-height: 20px;}
		ul.mainmenu li a {
			background: url(../images/menu.png) top left no-repeat; 
			text-decoration: none; color: #fff; padding-left:10px; padding-right:7px;
			width: 190px; height: 43px; display: block; }
		ul.mainmenu li a:hover,
		ul.mainmenu li a:active { 
			color: #000; background-position: bottom left; }
		
		ul.submenu { list-style: none; margin-left: 20px; }
		ul.submenu li { 
			margin: 10px 0; text-indent: 0; height:auto;
			font: 11px Tahoma, Arial, serif; }
		ul.submenu li a {
			background: none; width: 153px; 
			text-decoration: none; color: #05344e;
			border-bottom: 1px dashed #05344e; 
			display: block; height:auto; padding-bottom:12px; }
		ul.submenu li a:hover,
		ul.submenu li a:active {
			color: #CC3300; }

	div#content div#maincontent { 
		float: left; display: inline; 
		width: 570px; margin-right: 10px; }
		div#leftbox { float: left; display: inline; width: 280px; }
		div#rightbox { float: right; display: inline; width: 280px; }
		div#largebox { width: 570px; margin-top: 10px; }
		
	div#content div#maincontent ul {
		padding-left: 15px;
	}
		
	div#content div#rightcolumn { float: left; display: inline; width: 190px; }
		div#smallbox { width: 190px; margin-bottom: 5px; }
		/* RIGHT BOX */
		div#smallbox div.rbox-top { background: url(../images/rbox-top.jpg) no-repeat; width: 190px; height: 50px; }
		div#smallbox div.rbox-top h2 { line-height: 50px; text-indent: 15px; color: #00547d; font-size: 12px; }
		div#smallbox div.rbox-mid { background: url(../images/rbox-mid.jpg) repeat-y; width: 170px; padding: 0 15px 5px; }
		div#smallbox div.rbox-bot { background: url(../images/rbox-bot.jpg) no-repeat; width: 190px; height: 16px; }
		div#smallbox div.rbox-mid ul { padding-left: 15px; padding-bottom:4px; }
		div#smallbox div.rbox-mid ul li { padding-right:10px; }
		/* SEARCHBOX */
		div#smallbox div.sbox-top { background: url(../images/sbox-top.jpg) no-repeat; width: 190px; height: 47px; }
		div#smallbox div.sbox-top h2 { line-height: 47px; text-indent: 55px; color: #fff; font-size: 12px; }
		div#smallbox div.sbox-mid { background: url(../images/sbox-mid.jpg) repeat-y; width: 150px; padding: 5px 20px 5px; }
		div#smallbox div.sbox-bot { background: url(../images/sbox-bot.jpg) no-repeat; width: 190px; height: 16px; }
		div#box-search { background: url(../images/magnify.jpg) 90% 60% no-repeat; }
		
	/*** MYBOX ***/
	div.mybox { position: relative; }
	div.mybox h1 {
		background: url(../images/box-tl.jpg) no-repeat; 
		height: 65px; position: relative; 
		line-height: 65px; text-indent: 85px; }
	div.mybox h1 div.head-tr {
		background: url(../images/box-tr.jpg) no-repeat;
		position: absolute; top: 0px; right: 0px; 
		height: 65px; width: 73px; }
	div.mybox h2 {
		background: url(../images/head-tl.jpg) no-repeat; 
		height: 30px; position: relative; 
		line-height: 28px; text-indent: 15px; }
	div.mybox h2 div.head-tr {
		background: url(../images/head-tr.jpg) no-repeat;
		position: absolute; top: 0px; right: 0px; 
		height: 30px; width: 73px; }
	div.mybox div.box-inside {
		padding: 5px 15px;
		border-left: 1px solid #8bb1c5; 
		border-right: 1px solid #8bb1c5; }
	div.mybox div.box-br {
		background: url(../images/box-br.jpg) no-repeat;
		width: 73px; height: 18px; 
		bottom: 0px; right: 0px; position: absolute; }
	div.mybox div.box-bl {
		background: url(../images/box-bl.jpg) no-repeat;
		width: 100%; height: 18px; 
		bottom: 0px; left: 0px; position: absolute; }
	
	/*** FORM SEARCH ***/
	.fsearch { height: 50px; }
	.isearch { width: 140px; }
	.bsearch {
		background: url(../images/button.jpg) no-repeat;
		border: none; cursor: pointer;
		width: 111px; height: 23px; 
		font: 11px Tahoma, Arial, serif;
		margin-top: 10px;
		color: #fff; font-weight: bold; }
		
/*** FOOTER ***/
div#footer {
	width: 1000px; height: 27px; margin: 10px 0 20px; 
	background: #d9e4ec; }
	div#footer span { 
		font: 11px Tahoma, Arial, serif; margin-right: 10px; 
		color: #555555; float: right; line-height: 27px; }
div#subfooter a { color:#000000; text-decoration:none;}

h2.myheader {
	height: 22px; position: relative; 
	line-height: 20px; font-size:12px; border-bottom:1px dotted #CCCCCC;
}
