/***********************************************/


/***********************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
	color: #333333;
	line-height: 1.2;	
	
}

/* GLOBAL SETTING OF FONT TYPES */

h1, h2, h3, p, a, th, td, ul, ol, li, dl, dd, dt, label, div, span, input, textarea {
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* GLOBAL SETTING OF FONT SIZES */

/* All font sizes are set in % and most margins and paddings in em's to make them all dynamic. */

h1 {
	font-size: 70%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 70%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h3 {
    font-size: 90%;
	color: #334d55;
 	margin: 0px;
 	padding: 4px;
}

h4 {
 	font-size: 70%;
 	font-weight: normal;
 	color: #333333;
 	margin: 0px;
 	padding: 0px;
}

h5{
 	font-size: 100%;
 	color: #334d55;
 	margin: 0px;
 	padding: 0px;
}

dl, label, div.block input, div.block select, .normal, td, table.list th, table.list td
/* This is the "regular" font size. */
{
	font-size: 100%;
}

p {
	padding:4px;
}

.bluetitle {
	color:#000099;
	font-size:12px;
	font-color:#000099;
}
.bodytext {
	font-size:10px;
	}
.leftcol {
	font-size:10px;
	font-color:#000099;
	}
a.leftcol  {
	font-size:10px;
	font-color:#000099;
	color:#000099;
	font-weight:bold;
}
 ul {
		list-style:square;
}





/**/

.small, div.byline p, p.picturetext, .factbox
/* Be careful not to make this size unreadable (blurred) by making it too small. */
{
    font-size: 70%;
}

td.bglight .small, td.bgdark .small
/* This is a trick to make the smaller size appear correct when using preformatted % sizes in the table lists. */
{
    font-size: 80%;
}

.textbold {
	font-weight:bold;
}

.textred {
	color: #990000;
}

.textredbold {
	color: #990000;
	font-weight: bold;
}
.textwhitebold { color: white; font-size: 12pt; font-weight: bold }
.textpink { color: #f55fff; font-size: 16pt; font-weight: bold }
.textwhite { color: white; font-weight: bold }
.textyellowbold { color: #ffcc00; font-weight: bold }
.textgrayishbold {
	color: #334d55;
	font-weight: bold;
}

a{
	color: #000000;
	text-decoration: none;
}

a:link{
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #000000;
	text-decoration: underline;
}



label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

.textfloatright { 
	float: right; 
	font-size: 80%; 
	text-align: right; 
	margin:10px 5px 10px 0px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.header{
	background-color: White;
	border-bottom: 1px solid #990000;
	border-collapse: collapse;
}

#logo {
   left:5px;
   top:20px;
   z-index:1;
}
#hmpage {position:absolute; 
left: 490px; 
top:  206px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:370px;
height:65px;
color:#ffffff;
}


#banner {
   position: absolute;
   right:5px;
   top:10px;
   border:1px solid #990000;
   z-index:1;
}

#leftColumn{
	margin: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#rightColumn{
  	float:right;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 12px;	
	padding-right: 10px;
	padding-left: 10px;
}

.content{
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 210px 20px 170px;
	color: #000;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}

/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	float: left; 
	width: 48%
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}




/*********** #navBar link styles ***********/

#leftColumn ul a:link, #navBar ul a:visited {display: block; list-style:disc}
/*#leftColumn ul {list-style: none; margin: 0; padding: 0;}*/

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/* #leftColumn li {border-bottom: 1px solid #EEE;}*/

/* fix for browsers that don't need the hack */
html>body #leftColumn li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
/*	border-bottom: 1px solid #cccccc;*/
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
    width: 150px;
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}

#sectionSelected{
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}





/************** #rightcol styles **************/

#rightcol{
	margin: 0px;
	padding: 10px 0px 20px 0px;
	font-size: 80%;
}

#rightcol p{
	padding: 5px 0px 5px 0px;
}




/************** homepage styles **************/

#featurebox {
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border:1px solid #cccccc;
}

#featurebox img  { margin-right: 10px; margin-bottom: 5px; padding: 0; float: left }

#featurebox h3 {
	font-size:120%; 
	font-weight:bold;
}

#leftbox {
	float:left; 
	width: 50%; 
	padding-right:5px; 
	font-style:normal;
	clear:left;
}

#rightbox {
	margin-left: 50%; 
	padding-left:5px; 
	font-style:normal;
}

.deptbox  { margin-bottom: 10px; border-style: solid; border-color: #cccccc }

.deptbox p {
	padding:3px 5px 3px 5px; 
	margin: 0px;
}

.deptboxhead     { font-size: 110%; font-family: Arial, sans-serif; font-style: normal; font-weight: bold; background-color: #dddddd; margin: 0; padding: 5px; border-top: solid #cccccc; border-right: solid #cccccc; border-left: solid #cccccc }
.deptboxheadred  { color: #900; font-size: 110%; font-family: Arial, sans-serif; font-style: normal; font-weight: bold }
.deptboxbold {
	font-weight:bold;
}

.deptboxmore {
	padding:3px 5px 3px 5px; 
	margin: 0px; text-align:right;
}

.mainDiv
{
  width:160px;
  margin-left:4px;

}
.topItem
{
  width:160px;
  height:20px;
  cursor:pointer;
  background: #ffffff;
  text-decoration: none;
  color: #999999; 
  font-family:arial;
  font-size:12px;
  padding-left:5px;
 
}

/*   TOP MENU STYLES */
#dropmenudiv{
position:absolute;
border:1px solid #fff;
border-bottom-width: 0;
font:normal 10px  Arial, Helvetica, sans-serif;
line-height:14px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #fff;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#eeeeee;

/**/