/*html AND TEXT styles*/


html {		
	margin: 0px;
	padding: 0px;
	min-width:800px;
	}
	
	body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	background-color: #f5fbdf;
	height: 100%;
	}
	
h1 {
font-size: 135%;
	font-weight: bold;
	color: #000033;
	text-align: center;
}
h2{
font-size: 110%;
color: #000033;
}
hr {
	border-top-width: 1px;
	
	border-top-style: dotted;
	
	border-top-color: #000033;
	}
.largetxt
{
font-size: 120%;
color: #000033;
font-weight: bold;
}
.largetitle
{

font-size: 150%;
color: #FFFFFF;
font-weight: bold;
}
.inputtxt
{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
.smtxt
{
font-size: 90%;
}
	/*
	MAIN PAGE ELEMENTS
	*/
#container{
position: absolute;
min-height: 100%;
background-color: #FFFFFF;
	left:50%;
	top: 10px;
	width: 800px;
	margin-left: -400px;
	visibility: visible;	
	border: 1px #000033 solid;
}

#branding{
height: 108px;
width: 800px;
background-color: #000033;

}

#mylogo{
background-image: url(/images/header/topban2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 108px;
	width: auto;

	
}
#mainnav{
top: 80px;
background-color: #90c404;
text-align: center;
}
#mainnav a{

background-color: #90c404;
text-decoration: none;
height: 20px;
width: 100px;
text-align: center;
padding: 5px;
border: solid 1px #FFFFFF;
color: #FFFFFF;
}
#mainnav a:link, #mainnav a:visited{
width: 10%;
}
#mainnav a:hover{
background-color: #99CCCC;
color: #000033;
}
#mainbody{
position: relative;
height: auto;
width: auto;
padding: 20px;
}


#messages{
	width: 200px;
	background-color: #f5fbdf;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	margin: 20px;
	text-align: center;
	border: dotted 1px #FFFFFF;
}
/* CLASSES */
.maintopic
{
background-color:#f5fbdf;
border: dotted 1px #000033;
padding: 5px;
margin: 5px;
}
.subtopic
{
border: dotted 1px #000033;
padding: 2px;
margin: 2px;
}
.emph{
font-size: 110%;
color: #000033;
font-weight: bold;
}

.smtxt{
font-size: 70%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxit{
border: 1px solid #000033;
padding: 5px;
}

table.boxit{  border-collapse: collapse;

}
table.boxit td{  
border: 1px solid #000033;
padding: 5px;
margin: 5px;
}
.marginblock
{
margin-left: 100px;
margin-right: 100px;
}
.colback{
padding: 20px;
margin: 10px;
background-color: #f5fbdf;
border: 1px dashed #003366;
text-align: center;
}


/*classes */

.colleft{
float: left;
	height: auto;
	width: 180px;
	margin: 10px;
}

.colright{
	border-left: solid #333333 1px;
	padding: 5px;
	margin: 5px;
}

.formitem{
height: auto;
position: relative;
}

.formleft{
float: left;
height: auto;
text-align: right;
width: 180px;
}
.formright{
float: left;
margin-left: 30px;
top: 0;
	text-align: left;
	width: 560px;
	height: auto;
}


.coltop  {
   background-color: #000033;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-align: center;
   font-weight: bold; 
}


.floatr {
	clear: none;
	float: right;
	margin: 5px;
}
.floatl {
	margin: 5px;
	float: left;
}
.nodec{
text-decoration: none;
color: #ffffff;
}
.botline{
border-bottom: solid 1px #000033;
}
.leftbotcol{
border-bottom: solid 1px #000033;
border-left: solid 1px #000033;
background-color:#f5fbdf;
}
.botcol{
border-bottom: solid 1px #000033;
background-color: #f5fbdf;
}

/* DATE PICKER CLASSES */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #000033;
	background-color: #FFFFFF;
	border: 1px solid #000033;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #99FF00;
	border: 1px solid #000033;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #99FF00;
	border: 1px solid #000033;
	cursor: pointer;
	color: #000033;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #99CCCC;
	border: 1px solid #000033;
	color: #000033;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #000033;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	background: #99CCCC;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	background:  #99CCCC;
	font-weight: bold;
	}
#botbar {border-top: 1px solid #36c;
border-bottom: 1px solid #36c; }
#botbar a { text-decoration: none; }

#botbar ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}


/*1st level elements*/
#botbar ul
{

background-color: #90c404;
padding: 5px 0;
}

#botbar li { 

display: inline;
 }

#botbar ul a,
#botbar ul a:link,
#botbar ul a:visited
{
background-color: #90c404;
color: #003366;
padding: 5px 10px;
font-size: 10px;
}

#botbar ul a:hover,
#botbar ul a:focus
{
background-color: #e7e6cf;
border: 1px solid black;
color: black;
}

/*current Link*/
#botbar ul a#current,
#botbar ul a#current:link,
#botbar ul a#current:visited { text-decoration: underline;
color:#FFFF00; }