﻿* {
   margin: 0;
   padding: 0;
}
body {
   margin: 0 0 20px 0; 
   padding: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: Black; 
   background-color: #ffffe3;
}
h2 {
   font-weight: bold;
   font-size: 14px;
   letter-spacing: 1px;
}
h3 {
   font-weight: bold;
   font-size: 13px;
   letter-spacing: 1px;
}
strong {
   font-weight: bold;
   letter-spacing: 1px;
}
A:link, A:active, A:visited {
	color: #ff9000;
   text-decoration: none; cursor:pointer;
}
A:hover {
   color: #decf8d;
   text-decoration: none; cursor:pointer;
}
form {
   padding: 0;
   margin: 0;
}
img {
   border: 0;
   margin: 0;
   padding: 0;
}
a img { border: none; }
.cursorPointer {
	cursor: pointer;
}
/****** page layout selectors ***********/
#container_wrapper { 
	width: 1000px;
	margin:10px 0 0 20px;
}
#middle_wrapper { width: 1000px; }
#left_wrapper { 
	float:left; 
	width: 145px;
}
#right_wrapper {
	float:left;
}
#main_wrapper {
	 width: 655px;
}
/*************** end page layout selectors **********/

/************* Footer stuff *****************/
#footer_wrapper { 
	text-align: center; 
	font-size: 10px;
	font-weight: normal; margin-top: 10px; width: 800px;
}

#footerNav {
	color: Black; 
	float: left;
	text-align:center; 
	width: 520px; margin: 65px 0 0 65px;
}
#footerNav a, #footerNav a:active, #footerNav a:link, #footerNav a:visited {
    COLOR: #ff9000;
}
#footerNav A:hover { COLOR: #030d00 }

#footer_wrapper  #logoCharger {
	float: right;
	padding-right:30px;
}
#footer_wrapper .footerBodyText {
	margin-top: 20px;
	text-align: center;
	font-size: 10px;
}
/*************** end footer stuff *************/

#logo {
}

#leftnav {
	margin-top: 20px;
	font-size: 11px; 
	color: #030d00;
}
#leftnav A, #leftnav A:active, #leftnav A:link, #leftnav A:visited  {
	display: block;
	color: #030d00;
	text-decoration: none;
}
#leftnav A:hover {
	color: #ff9000;
	text-decoration: none;
}
#leftnav img {
	margin-bottom: 6px; vertical-align: middle;
}
#leftnav span {
	margin-left:6px;
}

#mainContent {
	font-size: 14px;
	font-weight: 600; 
	padding-left:20px;
}

#mainContent p {
	margin-top: 16px;
}
#mainContent A, #mainContent A:active, #mainContent A:link, #mainContent A:visited  {
	text-decoration: underline;
}

#pageHeader, #pageHeaderWithDate {
	text-align: center;
	font-weight: 700;
	font-size: 26pt; 
	margin: 33px 0 0px 0;
}
#pageHeader {
	margin: 33px 0 50px 0;
}
.dateHeader {
	font-weight:600; font-size:16px; line-height:normal;
	text-align: center;
	margin-bottom: 25px;
}

.pageImage {
	text-align:center;
	margin:25px 0 10px 20px;
}

.mainText
{
	font-size: 13px;
}
.mainText a, .mainText_Small a
{
	color: #ff9000;
	text-decoration: underline;
}
.mainText a:hover, .mainText_Small a:hover
{
	color: #000000;
	text-decoration: none;
}
.mainText_Small
{
	font-size: 8pt;
/* line-height: 8pt; */
	font-weight: normal
}
.mainText_Big
{
	font-size: 15pt;
   text-align: center;
   margin-bottom: 10px;
}
.mainText img {
	margin-left: 6px;
}

.pageNumberHeader {
	font-weight: 400;
	font-size: 8pt;
	vertical-align: middle;
	color: #038200;
	background-color: #fff707; 
	padding: 2px 3px; width: auto;
}

/*--------Error Handling---------------------*/
#pageError, .pageError {
   color: Red;
   margin: 10px 0;
   padding: 6px 24px;
   border-top: solid 1px red;
   border-bottom: solid 1px red;
   width: 600px;
}

/***********************************/
/******* first character stuff *****/
/***********************************/
.firstCharacters_wrapper {
	font-weight: normal; 
	font-size: 10px; 
	padding:0 0 2px 6px; 
	vertical-align:bottom;
}
.firstCharacters_wrapper a, .firstCharacters_wrapper a:active, .firstCharacters_wrapper a:link, .firstCharacters_wrapper a:visited {
	color: #ff9000;
}
.firstCharacters_wrapper ul {
	list-style-type: none;
}
.firstCharacters_wrapper ul li {
	display: inline; text-align: center;
}
.firstCharacters_wrapper ul li span {
	font-size: 12px;
	font-weight: 600; color: #038200;
}

#returnLinkWrapper {
	font-size: 11px; padding: 4px 10px;
}

#returnLinkWrapper a, #returnLinkWrapper a:active, #returnLinkWrapper a:link, #returnLinkWrapper a:visited {
	text-decoration: none;
}

/***********************************/
/******* email stuff *****/
/***********************************/
div#sendEmail {}
div#sendEmail input, div#sendEmail textarea { width: 390px; }
div#sendEmail, div#emailSent { font-size:12px; }

div#sendEmail .emailFooterText {
	font-size: 11px;
	border-top: solid 1px gray; 
	padding:6px; 
	margin-top: 3px;
}
div#sendEmail .emailFooterText span { font-weight: 600;	}
div#emailSent { padding: 16px; }

/***********************************/
/******* jQuery UI dialog box *****/
/***********************************/
.ui-widget-content { font-size: 13px;}
.ui-dialog .ui-dialog-titlebar { padding: .1em .3em .2em 1em;}
.ui-dialog .ui-dialog-title { margin: .1em 0 .1em; } 
.ui-dialog .ui-dialog-buttonpane { padding: 0; margin: 0; }
.ui-dialog .ui-dialog-buttonpane button { padding: 0 4px; }

/**  * While we're having the loading class set. * Removig it, will remove the loading message */
DIV#imagePlaceholder.loading {  
	background: url(../images/BigSpinner.gif) no-repeat center center;
}