html, body {
/* get rid of default spacing on the edges */
	margin: 0;
	padding: 0;

/* get rid of that 2px window border in Internet Explorer 6 */
	border: 0;

/* fill the height of the browser */
	height: 100%;
	width:auto;

/* no more scroll bar */
/*			overflow: auto;  - deleted because of conflict with IE */

	font-family: verdana;
	background: #F5F5F5;
	word-wrap: break-word;
}

A { text-decoration: none; }
A:hover { text-decoration: underline; }
.clearanceme { padding-top:3px; clear:both; }
.clearbelow { height:0; clear: left; padding:0; margin:0; }
.clearfooter { height:0; clear: both; padding:0; margin:0; }

#clearme { padding-top:3px; clear:both; }
#clearfooter { height:0; clear: both; padding:0; margin:0; }
#clearbottom  { height:0; clear: left; padding:0; margin:0; }

/***** Quick Fix *****/
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
   	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/***** END Quick Fix *****/

#topholder  { width:100%; background:#ffffff; }
#mainholder { width:100%; height:100%; }



/** #toppart { width:100%; background: url('/images/gradingbg.gif'); height:9px; line-height:9px; } **/

#insidetop { width:100%; background: url('/images/topbg.gif'); background-repeat:repeat; background-position:left top; height:9px; }
#navigation { width:100%; background: #175217; height:33px; line-height:33px; }
#navigation .insidesetting { background:#ffffff; width:560px; height:33px; padding:0; margin:0; }

/*  use this setting only if adding an option in the main navigation
#navigation .insidesetting { background:#ffffff; width:640px; height:33px; padding:0; margin:0; } 
*/

#contentholder { width:780px; }

#navigationholder { width:780px; }

#awardholder { width:780px; background:#e7ebee; }


/***** NAVIGATION BAR STYLE *****/

/***** navigation - text part *****/
#navcontainer ul {
	list-style: none; 
	padding: 0;
	margin: 0;
}

#navcontainer li {
	width:79px;
	height: 33px;
	margin-right: 1px;
/*	padding-top:1px; */
	display: block;
	float: left;
	background: url('/images/navigation/bgnav.png');
	font: 11px arial;
	text-align: center;
	font-weight: bold;
	letter-spacing:1px;
}

#navcontainer a {
	width:79px;
	padding-top:3px;
	color: #ffcc00;
	text-decoration: none;
	display: block;
}

#navlist li a, #navlist li a:link {  
	background: none; 
}

#navlist li a:hover { 
	width:79px;
	height: 29px;
/*	border-bottom: 3px solid #CCCCFF; */
	cursor: pointer;
	color: #ffff00;
}

#navlist li a#current, #navlist li a#current:link { 
/*	height: 33px;
	.height: 33px; */
	color: #FFFFFF;
	cursor: default;
/*	font-weight: bold; */
/*	border-bottom: 3px solid #99CCFF; */
}

#navlist li a#current:hover { 
/*	height: 33px;
	.height: 33px; */
/*	border-bottom: 3px solid #FFCC00; */
	color: #FFCC00;
}


/***** SUBNAVIGATION  *****/
#subnavigation { width:100%; background: #66cc99; height:20px; line-height:20px; padding: 5px 0; }
#subnavigation .insidesetting { background:#66cc99; width:780px; height:20px; margin:0; text-align:left; }

#subnavleft { float:left; width:50%; margin-left:5px; font-size:10px; color:#ffffff; }
#subnavright { float:right; width:40%; margin-right:5px; font-size:10px; color: #003366; text-align:right; }

#subnavleft a,  #subnavleft a:visited { color: #ffffcc;  }
#subnavleft a:hover,  #subnavleft a:active { color: #ffff00; }

#subnavright a,  #subnavright a:visited { color: #003399; }
#subnavright a:hover,  #subnavright a:active { color: #3366cc;  }

/***** DROPDOWN LIST FOR TOP NAVIGATION *****/
#dropmenudiv {
	position:absolute;
	border:1px solid #336666;
	border-bottom-width: 0;
	font:normal 11px arial;
	line-height:18px;
	z-index:100;
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity:0.90 
	-khtml-opacity: 0.90;
}

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

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #339966;
	color: #ffff00;
}


/***** OTHER SETTINGS; IMAGES *****/

.borderline { border:1px solid #e2e9f3; }

.accordionlist ul { padding:0; margin: 1px 0 1px 15px; }
.accordionlist li { list-style:square; color:#3399CC; }


/***** SETTINGS FOR RIGHT SIDE *****/

.rightsetting { width:180px; height:26px; background:#336633; }



/***** SETTINGS FOR SLIDEOUT MENU *****/

.sidecontentpullout {
	background-color: Black;
    padding: 4px 10px;
    -moz-border-radius-bottomleft: 1em;
    -moz-border-radius-topleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    -webkit-border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    border-top-left-radius: 1em;
	font-size:12px;
	color: #ffff00;
}
                
.sidecontentpullout:hover {
	background-color: #444444;
	font-size:12px;
	color: #ffffff;
}
                
.sidecontent {
	background-color: Black;
    color: White;
	font-size:13px;
	font-family: verdana, arial;
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    border-bottom-left-radius: 1em;
}
                
.sidecontent > div > div {
	padding-left: 10px;
    padding-right: 40px;
}

.sidecontent a:link, a:visited {
	color: #ffff66;
}