/*-------- basic HTML tag --------*/
body {
margin:0;
}

body,p,input,select { /* if include td and div will affect datepicker css */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}

h1 {
font-size:200%;
}

h2 {
font-size:120%;
color:#0033CC;
}

hr {
height:1px; border:#CCCCCC thin solid;
}

a:link {color: blue; text-decoration: none; }
a:visited {color: blue; text-decoration: none; }
a:hover {color: blue; text-decoration: underline; }
a:active {color: blue; } 


/*-------- layout --------*/
.header {
border-bottom:#666666 thin solid;
border-top:#666666 thin solid;
background-color:#F3F3F3;
background-image:url(images/bg2.jpg);
color:#FFFFFF;
}

a.nav:link,a.nav:visited {color: black; text-decoration: none; font-size:90%; font-weight:bold; }
a.nav:hover {color: black; text-decoration: underline; font-size:90%; background:#FFCC33; font-weight:bold; }
a.nav:active {color: red; font-weight:bold; font-size:90%;} 

.footer {
border-top:#EBEBEB thin solid;
}

.sidebar1 {
width:5px;
}

.sidebar2 {
width:10px;
}

/*-------- table layout for listing --------*/

table.listing {
	border-width: thin thin thin thin;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.listing th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	font-weight:bold;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.listing td {
	border-width: 1px 1px 1px 1px;
	padding: 0px 5px 0px 5px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

.nav {margin-left:0px;}

div#navbar2 {
 height: 30px;
 width: 100%;
 border-top: solid #000 1px;
 border-bottom: solid #000 1px;
 background-color: #336699;
}
div#navbar2 ul {
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #FFF;
 line-height: 30px;
 white-space: nowrap;
}
div#navbar2 li {
 list-style-type: none;
 display: inline;
}
div#navbar2 li a {
 text-decoration: none;
 padding: 7px 10px;
 color: #FFF;
}
div#navbar2 lia:link {
 color: #FFF:
}
div#navbar2 lia:visited {
 color: #CCC;
}
div#navbar2 lia:hover {
 font-weight: bold;
 color: #FFF;
 background-color: #3366FF;
}

.announcement {
background-color:#FFFF99;
border:#CCCCCC dashed thick;
width:70%;
padding:20px;
}

.smallfont{
font-size:80%;
}

.smallerfont{
font-size:70%;
}

/* drop down menu styles */
#jsddm
{	margin: 0;
	padding: 0}

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

	#jsddm li a
	{	display: block;
		background: #006699;
		padding: 7px 15px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #24313C}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background:#00CCFF;
				color: #24313C}
			
			#jsddm li ul li a:hover
			{	background: #009999}
/* end menu styles */