body {  background-color: #27654A;  margin-left:0pt; margin-right:0pt;margin-top:0pt;margin-bottom:0pt }
.container {background:#FFFFFF; border-left:5px solid #E7A227;border-right:5px solid #E7A227;border-bottom:5px solid #E7A227}
.navbar { height:30;font-family:arial, tahoma;font-size:9pt; color:#FFFFFF;background-image:url('images/navbar_back.jpg'); border-top:1px solid #9F6D13}
.contents {padding:10}
.main  {background:#FFFFFF; border:1px solid #FFFFFF}
.header {font-family:arial,tahoma;font-size:9pt;color:#FFFFFF;text-align:justify}
.main {background:#FFFFFF}
.contents {padding-top:15}
.box {border:3px solid #E39D33;margin:5}
.mainpage {background:#F6F1E8}
.menu {font-family:arial, tahoma;font-size:9pt;  border-bottom:1px dotted #E39D33;padding:5}
.menutitle {background-image:url('images/navbar_back.jpg'); font-family:arial, tahoma;font-size:9pt; font-weight:bold;  padding:5; color:#722C0A}

.news {  font-family: arinl, verdana; font-size: 8pt; color: #67532F; padding: 3 }

.footerinfo {height:45;  background-image:url('images/footer_back.jpg'); font-family: arial, tahoma; font-size: 8pt;color:#FFFFFF;  padding:3}

.highlight { padding:5;  font-family:arial, verdana; font-size:9pt}
.highlighttitle {background-image:url('images/navbar_back.jpg'); font-family: arial; font-size: 12pt;  padding:5; color:#722C0A}
.highlighttext { height:200;  border:1px solid #E39D33; font-family: arial; font-size: 8pt; padding:10}
.list {border-bottom:1px dotted #FFFFFF;  font-family: arial; font-size: 8pt;}

.gridtitle {  font-family: Arial, verdana; font-size: 12pt; color: #2B4361; padding:2;font-weight:bold; border: 1px solid #BFBFBF}
.grid {  font-family: tahoma,Arial, verdana; font-size: 9pt; color: #555A61; padding:3;border-bottom:1px dotted #A7A7A7}
.border { border-right:1px dotted #eab44a}

 .myform {border:3px solid #ffc923;background:#ffebae;border-radius: 10px }
.myform th{background:#ffc923; padding:5px;border-bottom:1px solid #D9DCD0; font-family: Arial, verdana; font-size: 10pt; color: #000000;text-align:left;border-radius: 10px }
.myform td{  font-family: arial, verdana; font-size: 9pt;color:#5A5D59;font-weight:bold;padding:5px}

.text {  font-family: arial, verdana, Arial; font-size: 9pt; color: #000000; text-align:Justify; padding:10px}
.text a {text-decoration:underline}
.title {height:40; background-image:url('images/title_back.jpg');  font-family:georgia, times new roman;font-size:16pt;color:#A15C17;  border-bottom:1px  dotted #c8c7c7; padding:5px }
.title2 {font-family:georgia, times new roman;font-size:16pt;color:#006600;  border-bottom:1px solid #323232; padding:5px }
.subtitle { font-family: arial, tahoma, verdana; font-size: 14pt;color:#2163A5;  border-bottom:1px solid #F7F7F7}



.pic{ border: 1px solid #DCDCDC; }

.hidden {  display:none}



a { text-decoration: none; color: #000000}
a:hover {text-decoration:underline}
input {font-family:arial, verdana;font-size:8pt}
select {font-family:arial, verdana;font-size:8pt }
textarea {font-family:arial, verdana;font-size:8pt}

.slideshow { height: 200px; width: 300px; margin: auto }
.slideshow img { padding: 0px;}

#marqueecontainer{
position:relative;
margin:10px;
width: 250px; /*marquee width */ 
height: 200px; /*marquee height */
overflow: hidden;
padding: 3px;
padding-left: 4px;
font-family:arial, verdana;
font-size:8pt
}

/* menu styles */
#jsddm
{	background: #324143;
	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Arial, Tahoma}

	#jsddm li a
	{	display: block;
		font-weight:bold;
		padding: 7px 12px;
		text-decoration: none;
		border-right: 1px solid #E29E30;
		color: #722C0A;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #D1870F}
		
		#jsddm li ul
		{	z-index:100;
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid #9F6D13}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: 200px;
				background: #EDB349;
				color: #722C0A}
			
			#jsddm li ul li a:hover
			{	background: #D1870F;
				color: #722C0A}