body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

A { color:#0033CC; text-decoration:none }

A:hover,A:active{ color:#0066FF; text-decoration:underline}

.box_small {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
	font-smooth:always;
	color: #333333;
}

.slogan_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-smooth:always;
	color: #a86b0d;
}

.slogan_small_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-smooth:always;
	color: #053823;
	padding: 10 20 5 0;  
}

.box {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
	font-smooth:always;
    color: #a86b0d;
	}
	
.boxGreen {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
	font-smooth:always;
    color: #053823;
	}
	
.box_lang {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
	font-smooth:always;
    color: #ffffff;
	}	
		
.slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style:italic;
	font-smooth:always;
    color: #a86b0d;
    padding: 5 0 10 0;
	}
	
.subslogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:normal;
	font-weight:bold;
	font-smooth:always;
    color: #a86b0d;
	}
	
.subsloganGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
	font-smooth:always;
    color: #053823;
	}
	 
.pageheading {
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-style:italic;
	font-weight:bold;
	font-smooth:always;
    color: #11422f;
	}
	
.subjectheading {
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style:normal;
	font-weight:bold;
	font-smooth:always;
    color: #96661b;
	}	
	 
.subjectheadingnumber{
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style:normal;
	font-weight:bold;
	font-smooth:always;
    color: #237652;
	}	 
	 	 
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
 background-color: #99CC00; color: #003333;}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
 color: #003300;}

.home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 	color: #135a3b;}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: #669900;
 color: #FFFF33;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #CCFF99;
}

.navLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top; 
	color: #ffffff;
}

a.navLink:active{ font-size: 11px; text-decoration: underline; color: #ffffff; font-weight: bold}
a.navLink:hover { font-size: 11px; text-decoration: underline; color: #ffffff; font-weight: bold}


.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 3px;
	background-color: #FFFFCC;
    color: #003333;
}

.sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003300;
	background-color: #FFFF66;
}

.sidebarFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFF99;
    font-style: italic;
}

.footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.helpicon {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #224be4;
}

.legal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
 color: #660000; font-weight: bolder; font-size: medium;
 }

form { margin-bottom: 0 ; }

.formlabel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #663300;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

select.small {
    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
    border: 1px solid #284279; 
}

/* button CSS */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/bg_button_a.jpg') no-repeat scroll top right;
    color: #325414;
    display: block;
    float: left;
    font: bold 10px Verdana, sans-serif;
    height: 21px;
    margin-right: 3px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/bg_button_span.jpg') no-repeat;
    display: block;
    line-height: 15px;
    padding: 3px 0 3px 11px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 4px 0 2px 11px; /* push text down 1px */
} 

/* add button CSS */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.addbutton {
    background: transparent url('../img/bg_button_a.jpg') no-repeat scroll top right;
    color: #325414;
    display: block;
    float: left;
    font: bold 10px Verdana, sans-serif;
    height: 21px;
    margin-right: 3px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.addbutton span {
    background: transparent url('../img/bg_button_add_span.jpg') no-repeat;
    display: block;
    line-height: 15px;
    padding: 3px 0px 3px 22px;
}

a.removebutton {
    background: transparent url('../img/bg_button_a.jpg') no-repeat scroll top right;
    color: #325414;
    display: block;
    float: left;
    font: bold 10px Verdana, sans-serif;
    height: 21px;
    margin-right: 3px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.removebutton span {
    background: transparent url('../img/bg_button_remove_span.jpg') no-repeat;
    display: block;
    line-height: 15px;
    padding: 3px 0px 3px 22px;
}

a.printbutton {
    background: transparent url('../img/bg_button_a.jpg') no-repeat scroll top right;
    color: #325414;
    display: block;
    float: left;
    font: bold 10px Verdana, sans-serif;
    height: 21px;
    margin-right: 3px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.printbutton span {
    background: transparent url('../img/bg_button_print_span.jpg') no-repeat;
    display: block;
    line-height: 15px;
    padding: 3px 0px 3px 22px;
} 

a.addbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.addbutton:active span {
    background-position: bottom left;
    padding: 4px 0 2px 22px; /* push text down 1px */
} 

.error{
	color: red;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans Serif;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	height: 400px;
	overflow: auto;
	width: 617px;
}

div.tableContainer thead tr {
	background-color: #FFEA9F;
	position: relative; 
 	top: expression(this.offsetParent.scrollTop);
}

div.tableContainer thead td {
	font-size: smaller;
	vertical-align: middle;
	background-color: #ffffff;
	color: #3f3f3f;
	text-align: right;
	position: relative; 
	top: expression(this.offsetParent.scrollTop);
}

div.tableContainer table {
	border-collapse: collapse;
	backgound-color: #ffffff;
	width: 600px; 
	height: 400px;
}

body {
	/* These body styles are necessary for IE6 to utilize this effect */
	height: 100%;
	width: 100%;
	margin: 0;
}

#backgroundFade { /* These styles create only the background fade */
	display: none; /* Hides the div from being displayed for now */
	background-color: #ffffff; /* Adjust the color of the fade here */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.50;
	/* Adjust level of opacity for safari, firefox, and other nice browsers */
	filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 50);
	/* Adjust level of opacity for IE6 and IE7 */
}

#alertBox { /* These styles create the alert box itself */
	display: none; /* Hides the div from being displayed for now */
	height: 200px;
	width: 422px;
	padding: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
}

#alertImg img {
	/* This isn't necessary to make the effect work, it is only for the purposes of this demo */
	float: left;
	margin-right: 10px;
}