html {height: 100%;background-color:  #B4C3E1;}
body 
{
    font-family: Verdana, Arial;
	font-size: 12px;
	color: #000;
	background-color:  #B4C3E1;
	width: 100%;
	height: 100%;
}

/*Wrapper for site*/
#mainWrapper
{	
	width: 810px;		
	background-color:#FFFFFF;    
    border: solid 1px #000;  
    min-height: 500px; 
    height:auto !important;
    height:500px;
    clear: none; 
    margin-left: auto;
	margin-right: auto;
}
* html #mainBG{height:100%;}/* ie6 and under*/
   
/*Holds content for site*/
#mainContent
{
    text-align:left;
    padding: 10px 10px 10px 10px; 
}

#mainContent a:hover
{
    text-decoration:underline;
    color: #66CCFF
}

#mainContent h4
{
  font-size:12px;
  font-weight:normal;
  color:333333;  
}

#mainContent h3
{
  border:solid 1px #CCCCCC;
  width:97%;
  background-color:#F0F0F0;
  font-size:14px;
  font-weight:bold;
  color:#333333;
  padding: 5px; 
}

/*Holds header for site*/
#header
{
    text-align:right;
    padding: 10px 10px 10px 10px; 
}

.Welcome 
{
    font-weight:bold;
}


/*Login Controls*/
.LoginControl
{
    
   border-color:#ff6600;
   border-style:solid;
   border-width:2px;  
   color:#333333;
   font-weight:normal;
   background-image: url( ../images/login_bkg.gif );
   background-repeat:no-repeat;   
}

.LoginInput
{
  background-image: url( ../images/login_input.gif ); border: none;
  background-repeat:no-repeat;
  height:27px;
  width:200px;
  padding-left:10px;
  padding-top:5px;  
  border: none 0px;
  font-size:14px;
}

.LoginControl table
{
    width:319px;
    margin: 10px 10px 10px 10px;    
}

.LoginControl td
{    
}

.SecureAreaMenu
{
    
   border-color:#ff6600;
   border-style:solid;
   border-width:1px;  
   background-image: url( ../images/secure_menu_bkg.gif );
   background-repeat:no-repeat;
   width:355px;
   height:214px;
   margin-left: 10px;
   padding-left: 10px;
}

.MenuWrapper
{
    
   border-color:#ff6600;
   border-style:solid;
   border-width:1px;  
   width:355px;
   min-height: 214px; 
   height:auto !important;
   height:214px;
   margin-left: 10px;
   padding-left: 10px;
}


/*Button Styles*/
a.button
{
    background: url('../images/buttons/buttonbg_right.jpg') no-repeat scroll top right;
    color: #333333;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;	
}

a.button img
{
	vertical-align: middle;
	padding-right: 5px;
}

a.button span
{
    background: url('../images/buttons/buttonbg.jpg') no-repeat;
    display: block;
    line-height: 16px;
    padding: 5px 0 5px 18px;
}

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

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

a, span.a
{
	color: #3399cc;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	outline: none; /* hide dotted outline in Firefox */
}

/*Wrapper for Banner ads*/
#bannerWrapper
{
    width:575px;   
    height:500px;
    margin-left: auto;
	margin-right: auto;	
	text-align:center;
}
#banner01Wrapper
{    
   float:left;       
}
#banner02Wrapper
{    
   border-color:#000000;
   border-style:solid;
   border-width:1px;   
   width:310px;
   height:250px;   
   float:right;       
}

/*Styles for Library pages*/
.libraryCell
{    
   border-color:#CCC;
   border-style:solid;
   border-width:1px; 
   padding:20px;     
}


/*Button Toolbar Styles*/
div.toolbar
{
	width: 100%;
	border-bottom: 1px solid #ccc;	
	float:right;
}
div.toolbar ul
{
	padding: 0px; margin: 0px;
	float: right;
}

div.toolbar li
{
	margin: 0px;
	padding: 5px; 
	list-style: none;
	display: inline;
	background: #eee;
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.toolbar li:hover
{
	background: #ccc;
}

div.toolbar li img
{
	padding: 3px;
	border: none;
	vertical-align: middle;
}


/*Membership Manager styles*/
.MembershipManager
{
    border: solid 1px #FF6600;
}


/* Calendar Styles */


.picker
{
  border: 1px solid #ccc;
  font-weight: bold;
  display: inline;
  font-size: 12px;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}

div.clr
{
	clear:both;
	float:left;
}

/* Form styles */

div.edit_form th
{
	font-weight: bold;
	text-align: right;
	padding: 3px;
	color: #666;
}
div.edit_form td
{
	padding: 5px;
}
div.edit_form input
{
	padding: 3px;
}
div.edit_form textarea
{
	font-family: Verdana;
	font-size: 12px;
	padding: 3px;
}
div.edit_form input.button
{
	padding: 1px;
}


/* Styles for Demo Landing Page */

.promo{
    font-family: Trebuchet MS, Arial;
    font-size: 14px;
    padding: 0px 40px;
}
.promo strong{
    font-weight: bold;
    color: #FF6600;
}
.promo div.li{
    margin: 5px 40px;
    clear: both;
}
.promo div.li div.num { float: left; clear: none; width: 20px;}
.promo div.li div.txt { float: left; clear: none; width: 580px;}



/* Rounded corner stylings */

/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	padding:0 10px;
	background:#F0F3F9;
	}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
	margin:0.5em 0;
	}
.two {
	width:45%;
	float:left;
	}
.three {
	width:45%;
	float:right;
	}
/* Rules for the top corners and border */
.bt {
	background:url(../images/box.png) no-repeat 100% 0;
	margin:0 0 0 5px;
	height:5px;
	}
.bt div {
	height:5px;
	width:5px;
	position:relative;
	left:-5px;
	background:url(../images/box.png) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(../images/box.png) no-repeat 100% 100%;
	margin:0 0 0 5px;
	height:5px;
	}
.bb div {
	height:5px;
	width:5px;
	position:relative;
	left:-5px;
	background:url(../images/box.png) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding:0 0 0 0px;
	background:url(../images/borders.png) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 0px 0 0;
	background:url(../images/borders.png) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#F0F3F9;
	border:1px solid #F0F3F9;
	border-width:1px 0;
	padding:0 10px;
	}
/* CSS for the box ends here */