/* START STYLE SHEET
   Note: Partial URLs are interpreted relative to the source of the style sheet, not relative to the document.   
   background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0; 
*/

body {
	position: absolute;  /* This along with 100% height and width causes the div to fill to bottom of screen and center horizontally. */
	height: 100%;
	width: 100%;
	margin: 0;
	padding:0; 
	background-color: #000000;
	font-family: arial, helvetica;
}

#header {
	margin: 0px auto 0px auto;	

	width: 1000px;
	height: 60px;
	background-color: #FF3333;

	border: 0px;

	font-weight: normal;
}

#footer {
	text-align: center;
	line-height: 16px;
	margin: 0px auto;	
	width: 1000px;
	height: 60px;
	background: url(i/bot_bg.gif);
	background-color: #55280A;
	color: #B3732D;
	border: 0px;
	font-family: Lucida Sans Unicode;
	font-size: .8em;
	font-weight: normal;
}

/* Yellow text dark green background on hover. */
a.footer_links:link    {text-decoration:none; font-weight:bold; color:#DAA76D; }
a.footer_links:visited {text-decoration:none; font-weight:bold; color:#DAA76D; }
a.footer_links:active  {text-decoration:none; font-weight:bold; }
a.footer_links:hover   {text-decoration:none; font-weight:bold; color:#F3E3D1; }


#body_main {
	height: 85%;
	margin: 0px auto 0px auto;	
	width: 1000px;

	background-color: #999966;

	border: 0px;

	font-weight: normal;
}

#column_left {
	float: left;		/* Flows body_main text to right of this column, instead of under it. */
	height: 100%;
	width: 200px;
	background-color: #996600;

}

.mail_heading {
	color:#cccccc;
}

.menu_tab a:active {
	background: url(/i/button_back1a.gif) #ffffff bottom left repeat-x;
	display:block; border:.08em solid #468751; border-left-color:#CDCDCD; border-top-color:#BBDDFF; padding:.1em; text-decoration:none; 
	color:#EEEEEE; font-size:.9em; font-family: arial, verdana, sans-serif;
}
.menu_tab a:visited {
	background: url(/i/button_back1a.gif) #ffffff bottom left repeat-x;
	display:block; border:.08em solid #468751; border-left-color:#CDCDCD; border-top-color:#BBDDFF; padding:.1em; text-decoration:none; 
	color:#EEEEEE; font-size:.9em; font-family: arial, verdana, sans-serif;
}
.menu_tab a:link {
	background: url(/i/button_back1a.gif) #ffffff bottom left repeat-x;
	display:block; border:.08em solid #468751; border-left-color:#CDCDCD; border-top-color:#BBDDFF; padding:.1em; text-decoration:none; 
	color:#EEEEEE; font-size:.9em; font-family: arial, verdana, sans-serif;
}
.menu_tab a:hover {
	background: url(/i/button_back1b.gif) #ffffff bottom left repeat-x;
	display:block; border:.08em solid; border-color:#93939B;  padding:.1em; text-decoration:none;
	color:#555237; font-size:.9em; background-color:#D0D1D7; font-family: arial, verdana, sans-serif;
}
.menu_tab_selected a:visited { /* White background for current page. */
	background: url(/i/button_back_white.gif) #ffffff bottom left repeat-x;
	display:block; text-decoration:none; 
	border:.08em solid #468751; padding:.1em;
	border-bottom-width:1px;
    border-bottom-color:#FFFFFF;
	color:#333333; font-size:.9em; font-family: arial, verdana, sans-serif;
}

/* TEXT ***********************************************************************/
.nt { /* normal Text */
	color: #586070;
	font-size: .9em;
	font-family: arial, helvetica, sans-serif, verdana; 
	font-weight: normal;
}

.ft { /* Form Text */
	color: #586070;
	font-size: 1em;
	font-family: Trebuchet MS, arial, sans-serif, verdana, helvetica; 
	font-weight: normal;
}


.page_title {
	text-align: left;
	font-family : Palatino Linotype, arial, verdana, helvetica, sans-serif;
	font-size : 1.2em;
	font-weight: normal;
	color: #787878; 
}


/* GLOSSY BUTTONS ****************************************************************/
a.button_glossy{
background: transparent url('i/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.button_glossy, a:visited.button_glossy, a:active.button_glossy{
color: #494949; /*button text color*/
}

a.button_glossy span{
background: transparent url('i/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.button_glossy:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.button_glossy:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/* GLOSSY BUTTONS END **********************************************************/

/* BUTTON ELEMENT **************************************************************/
button {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: url('i/bg_element_gray.gif');
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	color: #5C5C5C;
	font-family: Verdana, Helvetica, Arial, sans-serif;
} 

/* Click effect. */
button:active {
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
} 
/* BUTTON END ******************************************************************/

/* ROUNDED CORNERS BOX *********************************************************/
	.rbroundbox { background: url(i/nt.gif) repeat; }
	.rbtop div { background: url(i/tl.gif) no-repeat top left; }
	.rbtop { background: url(i/tr.gif) no-repeat top right; }
	.rbbot div { background: url(i/bl.gif) no-repeat bottom left; }
	.rbbot { background: url(i/br.gif) no-repeat bottom right; }

	/* height and width stuff, width not really necessary. */
	.rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; }
	.rbcontent { margin: 0 7px; }
	.rbroundbox { width:50%; margin: 1em auto; }
/* ROUNDED CORNERS BOX END ******************************************************/

.check_box_large {
	margin: 0;
    height: 20px;
    width: 20px;
    overflow: auto;
	border-width: 0px;
	border-style: none;
    font-family: arial, helvetica; 
}

/* FONTS ****************************************************/
@font-face { font-family: Heather; src: url("/fonts/Heather.eot") /* EOT file for IE */ }
@font-face { font-family: Heather; src: url("/fonts/Heather.ttf") /* TTF file for CSS3 browsers */ }