* {margin: 0px; padding: 0px;}

/*** 2010 CLEARFIX ***/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*** STANDARD ***/
body 
{
 background-color: #efefef;
 color: #000; 
 font: 71%/1.5  Verdana, 'Trebuchet MS', Arial, Sans-serif;
 margin: 0px 0px;
 background: #efefef url(/pics/bgs/white.png) repeat-x top left; 
}  

/*** LAYOUT ***/
#wrap 
{
 margin: 0px auto;
 padding: 0px;	
 text-align: left;
 width: 988px;
}

#page              { margin-top: 10px; margin-bottom: 10px; background: #fff; border: solid 1px #d2d2d2; padding: 20px; }
#page h1           { padding: 5px 0px 15px 0px; text-transform: none; color: #2a2a2a; }	
#page h2           { padding: 5px 0px 15px 0px; text-transform: none; color: #2a2a2a; }	

#page_left         { float: left; width: 650px; }
#page_left h1      { padding: 5px 0px 15px 0px; text-transform: none; color: #2a2a2a; }	
#page_left h2      { padding: 5px 0px 15px 0px; text-transform: none; color: #2a2a2a; }	

#sidebar           { float: right; width: 260px; padding-top: 45px; }
#sidebar h2        { padding: 5px 0px 15px 0px; text-transform: none; color: #2a2a2a; }	


#content { padding: 10px; }

/*** 2010 BEGIN of Footer ***/
#footer 
{ 
 clear: both;
 height: 25px;
 color: #fff;
 background: #000;
 font-size: 92%;
 background: #5d7fae;
 border: solid 1px #476b9d;
}

#footer a { text-decoration: none; color: #fff; }
#footer a:hover { text-decoration: none; color: #999; }

#footer #footer-left 
{
 width: 68%;
 float: left;
 text-align: left;
 line-height: 25px;
 margin: 0px; 
 padding: 0px 10px 0px 10px;
}

#footer #footer-right 
{
 width: 25%;
 float: right;
 text-align: right;
 line-height: 25px;
 margin: 0px; 
 padding: 0px 10px 0px 10px;
}

/*** 2010 END of Footer ***/


/*** LINKS ***/
a	              { color: #0059ff; text-decoration: none; }
a:hover           { color: #669bd9; text-decoration: none; }

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

a.white           { text-decoration: none; color: #fff; }
a.white:hover     { text-decoration: none; color: #999; }

a.whitebold       { color: #fff; font-weight: bold;}
a.whitebold:hover { text-decoration: none; font-weight: bold; color: #ccc; }

a.noline          { color: #000000; text-decoration: none; }
a.noline:hover    { color: #111111; text-decoration: none; }

/*** HEADERS ***/
h1, h2, h3
{
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-weight: bold;
 font-size: 1.5em;	
}

h1, h2, h3, p 
{ 
 padding: 0px;
 margin: 0px; 
}


/*** IMAGES ***/
img        { border: 0px;}
img.valign { vertical-align: middle;  margin-bottom: .25em; }

/*** BOXES ***/
.obox   { padding: 4px; border: solid 1px #5A84A2; background: #F9F9F9; }
.ptbox  { padding: 2px 4px 2px 4px; border: solid 1px #809cbb; background: #a5beda; color: #000; font-size: 12px; font-weight: bold; }
.tbox   { padding: 2px 4px 1px 4px; border: solid 1px #799abf; background: #a5beda; color: #134679; font-size: 12px; font-weight: bold;}
.bbox   { padding: 5px; overflow:hidden;}

/*** LOGO ***/
#logo 
{
 height: 105px; height: 80px; background-image:url(/pics/bgs/header_bg.png); background-repeat:repeat-x; border-left: solid 1px #444; border-right: solid 1px #444;
}

/*** MENU ***/
#menu 
{
 border: solid 1px #444; text-align: right; background: #5d7fae; height: 30px; line-height: 30px; padding: 0px 15px 0px 15px; 
}

/* ALIGNMENT classes */
.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

/* ADDITIONAL classes */
.hide  { display: none; }
.grey  { color: #999;}

/*** PADDING MARGIN classes ***/
.m25 { margin: 25px; }
.m20 { margin: 20px; }
.m15 { margin: 15px; }
.m10 { margin: 10px; }
.m8 { margin: 8px; }
.m6 { margin: 6px; }
.m4 { margin: 4px; }
.m2 { margin: 2px; }

.p25 { padding: 25px; }
.p20 { padding: 20px; }
.p15 { padding: 15px; }
.p10 { padding: 10px; }
.p8 { padding: 8px; }
.p6 { padding: 6px; }
.p4 { padding: 4px; }
.p2 { padding: 2px; }

.pl5 { padding-left: 5px; }
.pt5 { padding-left: 5px; }
.pb5 { padding-left: 5px; }
.pr5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }
.pt10 { padding-left: 10px; }
.pb10 { padding-left: 10px; }
.pr10 { padding-left: 10px; }

.mt5 { margin-top: 5px }
.mb5 { margin-bottom: 5px }
.ml5 { margin-left: 5px }
.mr5 { margin-right: 5px }

.mt10 { margin-top: 10px }
.mb10 { margin-bottom: 10px }
.ml10 { margin-left: 10px }
.mr10 { margin-right: 10px }

.p20 { padding: 20px; }
.p15 { padding: 15px; }
.p10 { padding: 10px; }
.p8 { padding: 8px; }
.p6 { padding: 6px; }
.p5 { padding: 5px; }
.p4 { padding: 4px; }
.p2 { padding: 2px; }

.m20 { margin: 20px; }
.m15 { margin: 15px; }
.m10 { margin: 10px; }
.m8 { margin: 8px; }
.m6 { margin: 6px; }
.m4 { margin: 4px; }
.m2 { margin: 2px; }

.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pb2 { padding-bottom: 2px; }
.pr2 { padding-right: 2px; }

.pl5 { padding-left: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pr5 { padding-right: 5px; }

.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pr10 { padding-right: 10px; }

.mt5 { margin-top: 5px }
.mb5 { margin-bottom: 5px }
.ml5 { margin-left: 5px }
.mr5 { margin-right: 5px }

.mt10 { margin-top: 10px }
.mb10 { margin-bottom: 10px }
.ml10 { margin-left: 10px }
.mr10 { margin-right: 10px }

.mt15 { margin-top: 15px }
.mb15 { margin-bottom: 15px }
.ml15 { margin-left: 15px }
.mr15 { margin-right: 15px }

table.listing
{
 margin-top: 10px;
 margin-bottom: 10px;
 border-collapse:collapse;
}

table.listing td, table.listing th
{
 border: 1px solid #666;
 padding: 2px 4px 2px 4px;
 background: #b5d6fb; 
 height: 20px;
}

table.listing th
{
 color: #134679; 
 text-align: left;
 height: 18px;
 font-size: 12px; 
 font-weight: bold; 
 background: #a5beda; 
 /*background: url(/pics/bgs/header.png);*/
}

table.listing input
{
 padding: 5px;	
}

.infodiv
{
 margin-top: 20px; 
 padding: 5px 5px 0px 5px; 
 border: solid 1px #61A5C0; 
 background: #81C5ED;	
}

/* Style BUTTON and A */
/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
 
button::-moz-focus-inner { 
border: 0; 
padding: 0; 
} 
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
		margin-left: -3px;
	}
}
 
 
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	text-align: center; 
    font: 12px/22px Arial; /* Appropriate font size / line height */
	font-weight: bold;
	height: 25px;
	background: transparent url(/pics/buttons/button.png) no-repeat right -70px; 
}
	
button.submitBtn span {
	padding: 0px 0px 0px 15px;
	line-height: 25px;
	height:25px; 
	background: transparent url(/pics/buttons/button.png) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -105px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -35px;
}


/* OPTIONAL BUTTON (A) STYLES for applying custom look and feel: */		
a.submitBtn { 
	padding: 4px 10px 6px 0px; 
	text-align: center; 
	height: 26px;
    font: 12px/22px Arial; /* Appropriate font size / line height */
	font-weight: bold;
	background: transparent url(/pics/buttons/button.png) no-repeat right -70px; 
}
	
a.submitBtn span {
	padding: 4px 5px 6px 15px; 
	height:26px; 
    font: 12px/22px Arial; /* Appropriate font size / line height */
	font-weight: bold;
	background: transparent url(/pics/buttons/button.png) no-repeat left top; 
	color:#fafafa; 
}

a.submitBtn:hover, a.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -105px; 
}
	
a.submitBtn:hover span, a.submitBtnHover span {
	background-position: 0 -35px;
}

/* Breadcrumb */
.bc { border-left: solid 1px #555; border-right: solid 1px #555; border-bottom: solid 1px #555; background: #90afd7; }
.bc a, .bc a:visited {display: block; color: #000; float: left; height: 23px; padding-left: 0px; margin: 0px; text-decoration: none}
.bc a:hover {color: #669bd9;}
.bc a span {background: transparent url(/pics/bgs/bc_segment_right.png) no-repeat scroll top right; display: block; line-height: 13px; padding: 5px 17px 5px 6px}
.bc a.root, .bc a.root:visited, .bc a.root-single, .bc a.root-single:visited {background: transparent url(/pics/bgs/bc_root_left.png) no-repeat scroll top left}
.bc a.root-single span {background: transparent url(/pics/bgs/bc_segment_right_end.png) no-repeat top right; padding-right: 14px}
.bc a.root span {background: transparent url(/pics/bgs/bc_segment_right.png) no-repeat top right}
.bc a.parent span {background: transparent url(/pics/bgs/bc_segment_right.png) no-repeat top right}
.bc a.end, .bc a.end:visited {background: none}
.bc a.end:hover {color: black; cursor: default}
.bc a.end span {background: none; color: black}


/*** Menu Style ***/
.bluetabs       { margin: 3px 0px 0px 3px; }
.bluetabs ul    { padding: 0px; margin-left: 0; margin-top: 5px; margin-bottom: 0;font: 12px Arial; list-style-type: none; text-align: left; }
.bluetabs li    { display: inline;margin: 0; }
.bluetabs li a  { text-decoration: none; padding: 3px 6px; margin-right: 0px; border: 1px solid #000; color: #2d2b2b;
                  background: white url(/pics/small/bluetab.png) top left repeat-x; }

.bluetabs li a:visited { color: #2d2b2b; }
.bluetabs li a:hover   { text-decoration: underline; color: #2d2b2b; }
.bluetabs li.selected a:hover{ text-decoration: none; }

.dropmenu {
position:absolute;
top: 0;
border: 1px solid #918d8d;
border-width: 0 1px;
font:normal 12px Arial;
line-height:14px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}

.dropmenu a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d;
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenu a{ 
width: 100%;
}

.dropmenu a:hover{
background-color: #d2d2d2;
}