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

/*## 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;
 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 .left
{
 padding-left: 0px;
 padding-right: 10px;
 padding-bottom: 20px;
 width: 302px; 
 float: left;
}

#page .middle
{
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px;
 width: 302px; 
 float: left;
}

#page .right
{
 padding-left: 10px;
 padding-right: 0px;
 padding-bottom: 20px;
 width: 302px; 
 float: left;
}

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

#memberpage        { width: 938px; min-height: 676px; margin: 10px 0px 10px 0px; background: #fff; border: solid 1px #d2d2d2; padding: 10px 20px 20px 20px; }
#leftpane          { width: 155px; margin-top: 10px; margin-bottom: 10px; background: #fff; border: solid 1px #d2d2d2; padding: 8px; }

#sidebar           { float: right; width: 260px; padding-top: 45px; }
#content           { padding: 10px; }

/*## List headers ##*/
.listshadow        { border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.listhdr1          { float: left; background: #9fccff; padding: 5px; border: solid 1px #666; font-weight: bold;}
.listhdr2          { float: left; background: #9fccff; padding: 5px; border-right: solid 1px #666; border-top: solid 1px #666; border-bottom: solid 1px #666; font-weight: bold;}

/*## 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: 200px;
 float: left;
 text-align: left;
 line-height: 25px;
 margin: 0px; 
 padding: 0px 10px 0px 10px;
}

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

/*## 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           { color: #fff; }
a.white:hover     { text-decoration: none; color: #ccc; }

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, p 
{ 
 padding: 0px;
 margin: 0px; 
}

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

h2
{
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-weight: bold;
 font-size: 1.3em;	

 padding: 17px 0px 1px 25px;
 text-transform: none;
 background: url(/pics/small/arrow.png) no-repeat 0% 1.3em;
 color: #000;
}

h3
{
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-weight: bold;
 font-size: 1.3em;	

 padding: 17px 0px 1px 0px;
 text-transform: none;
 color: #000;
}

/*## Lists ##*/
ul, ol 
{
 margin: 30px;
 padding: 0 15px;	
}

ul.soft
{
 margin:1px;
 padding:2px;
 list-style-position: inside; 
 border:1px #fffccc;
}

ul.soft li
{
 color:#5d7fae; 
 list-style-type:disc;
}

ul.soft li span
{
 color: #000;	
}

/*** Abbr ***/
abbr
{
 border-bottom: dotted 1px #000;
 cursor: help;
}

/*** 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;
}

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

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

#membermenu 
{
 background: #5d7fae; 
 border: solid 1px #444; 
 text-align: left; 
 height: 25px; line-height: 25px;
}

#submenu 
{
 background: #729ad0; 
 border-left: solid 1px #444; border-bottom: solid 1px #444; border-right: solid 1px #444; 
 padding: 0px 15px 0px 15px; 
 text-align: left; 
 height: 23px; line-height: 23px; 
}

/* 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; }
.gray  { color: #999;}
.cl    { clear: both; }
.b     { border: solid 1px #ccc; }
.nb    { border: none; }

/*** 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; }

.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 }

.mt20 { margin-top: 20px }
.mb20 { margin-bottom: 20px }
.ml20 { margin-left: 20px }
.mr20 { margin-right: 20px }

.p25 { padding: 25px; }
.p20 { padding: 20px; }
.p15 { padding: 15px; }
.p10 { padding: 10px; }
.p8 { padding: 8px; }
.p6 { padding: 6px; }
.p5 { padding: 5px; }
.p4 { padding: 4px; }
.p2 { padding: 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; }

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


/* styled headers */
.hdr_bg1 
{
 padding: 2px 4px 2px 4px; 
 border-left: solid 1px #555; 
 border-top: solid 1px #555; 
 border-bottom: solid 1px #555; 
 border-right: solid 1px #555; 
 background: #a5beda; 
 color: #134679; 
 font-size: 12px; 
 font-weight: bold; 
 background: url(/pics/bgs/header.png);
}

.hdr_bg2 
{
 padding: 2px 4px 2px 4px; 
 border-top: solid 1px #555; 
 border-bottom: solid 1px #555; 
 border-right: solid 1px #555; 
 background: #a5beda; 
 color: #134679; 
 font-size: 12px; 
 font-weight: bold; 
 background: url(/pics/bgs/header.png);
}

a.buttonup
{
 border-top: solid 1px #555;
 border-left: solid 1px #555;
 border-right: solid 1px #555;
 display: block;
 padding: 2px;
 width: 18px;
 background: #c7d7e9;
}

a.buttonupselected
{
 border-top: solid 1px #555;
 border-left: solid 1px #555;
 border-right: solid 1px #555;
 display: block;
 padding: 2px;
 width: 18px;
 background: #d7e7f9;
 color: #000;
 font-weight: bold;
}

a.buttondown
{
 border-bottom: solid 1px #555;
 border-left: solid 1px #555;
 border-right: solid 1px #555;
 display: block;
 padding: 2px;
 width: 18px;
 background: #c7d7e9;
}

a.buttondownselected
{
 border-bottom: solid 1px #555;
 border-left: solid 1px #555;
 border-right: solid 1px #555;
 display: block;
 padding: 2px;
 width: 18px;
 background: #d7e7f9;
 color: #000;
 font-weight: bold;
}

.tbl
{
 table-layout: fixed;
 margin: 0px;
 padding: 0px;
 border-spacing: 0px 0px;
 border-collapse: separate;
}

.tbl img.ppic
{
 display:block;	
}

.tbl td
{
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
}

.tbl tr.blue
{
 background:#E9E9E9;
}

.tbl tr.white
{
 background:#FFF;
}

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;
}