@charset "utf-8";
/* CSS Document */

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */

html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}

img{border: none; border-width: 0px;}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {

	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong {
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */

html{
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
}

#outerWrapper{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
#top{width: 100%; height: 75px;background-image: url(../images/background.gif);background-repeat: repeat-x;
background-position: 0px 0px;
	float: left;
	clear: both;
	text-align: left;
	display: inline;

}
#menu{position: absolute; top: 85px; left: 0px; width: 200px; margin: 5px 0px 5px 5px; float: left;
	clear: both;}
#content{position: absolute; top: 85px; left: 210px; width: 75%; clear: both; float: left;}

#menuWrapper{border: 1px solid #000;}


#topIntern{width: 100%; height: 75px;background-image: url(../images/backgroundIntern.gif);background-repeat: repeat-x;
background-position: 0px 0px;
	float: left;
	clear: both;
	text-align: left;
	display: inline;

}


.contentTable{
	width: 98%;	
	margin: 5px 0px 5px 10px;
	border: 1px solid #000;
	background-color: #F6F6F6;
}

.contentTable tr{
	vertical-align: top;
}




.contentTable th{
	padding: 4px 0px 4px 5px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -375px;
/*
background-position: 0px px;
*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	vertical-align: top;
	width: 100%;
	border-bottom: 1px solid #000;
	border-collapse: separate;
	height: 17px;
}

.frontTable{
	width: 95%;	
	margin: 5px 0px 5px 10px;
	border: 1px solid #000;
	background-color: #F6F6F6;
}

.frontTable tr{
	vertical-align: top;
}




.frontTable th{
	padding: 4px 0px 4px 5px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -375px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	vertical-align: top;
	width: 100%;
	border-bottom: 1px solid #000;
	border-collapse: separate;
	height: 17px;
}


.frontTable td.txt{
	padding: 10px 0px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	vertical-align: top;
}

.frontTable td{
	padding: 10px 0px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	vertical-align: top;
}

.frontTable td.date{
	padding: 5px 0px 5px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	vertical-align: top;
}

.frontTable input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border: 1px solid #000;
	height: 21px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -350px;
}


.frontTable input.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border: 1px solid #000;
	height: 25px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px 0px;
}

.frontTable input.selectDate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border: 1px solid #000;
	height: 20px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px 0px;
}

.frontTable td a
{
    color: black !important;
    font-size: 11px !important;
    text-decoration: underline !important;
    vertical-align: top;
    font-weight: bold;
}

.frontTable ul
{
    list-style-position: inside;
	list-style-type: square;
}



.pageTable{
	width: 90%;	
	margin: 5px 0px 25px 25px;
	border: 0px none;
}

.pageTable td{
	padding: 4px 0px 4px 20px;
	
}

.pageTable td p{
	font-size: 11px;
color: #000000;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
	
}

.pageTable th{
	padding: 4px 0px 4px 4px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -76px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	vertical-align: top;
	border: 1px solid #000;
	border-collapse: separate;
	height: 16px;
}


.contentTable td.txt{
	padding: 10px 0px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	vertical-align: top;
}

.contentTable td{
	padding: 10px 0px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	vertical-align: top;
}

.contentTable td.date{
	padding: 5px 0px 5px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	vertical-align: top;
}

.contentTable input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border: 1px solid #000;
	height: 21px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -350px;
}


.contentTable input.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border: 1px solid #000;
	height: 25px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px 0px;
}

.contentTable input.selectDate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border: 1px solid #000;
	height: 20px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px 0px;
}

.contentTable td a
{
    color: black !important;
    font-size: 11px !important;
    text-decoration: underline !important;
    vertical-align: top;
    font-weight: bold;
}

.contentTable ul
{
    list-style-position: inside;
	list-style-type: square;
}

#menuWrapper img
{margin-bottom: 25px;}

#menu div.notSelected{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	vertical-align: middle;
	text-align: center;
	height: 21px;

	padding: 4px 0px 0px 0px;

}
/* 
	margin: 5px 0px 5px 0px;
	background-color: #F6F6F6;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;

*/

#menu div.selected{
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -375px;
	font-size: 11px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
height: 21px;
		border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	width: 100%;

}

#menu div.selected a
{
	font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 13px !important;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;

}

#menu div.notSelected a
{
	font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-size: 13px !important;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
}

.contentTable td.subheader{
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
}

.frontTable td.subheader{
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
}

div.homeTitle{
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
color: #00316c;
}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #090909;
text-align: left;
}

p.front{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}

.infoTable{
	width: 95%;	
	margin: 5px 0px 0px 0px;
	border: 0px none;
	background-color: #F6F6F6;
	text-align: left;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.infoTable td{
	padding: 0px 0px 0px 2px;
	border: 1px solid #999;
	border-collapse: collapse;
	text-align: left;
	width: 25%;
	
}

.infoTable td a
{
    color: black !important;
    font-size: 11px !important;
    text-decoration: underline !important;
    
}

.infoTable th{
	padding: 4px 0px 4px 2px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -126px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	vertical-align: top;
	width: 150px;
	border: 1px solid #000;
	border-collapse: separate;
	height: 17px;
	text-align: left;
	width: 25%;
}

.popupTable{
	width: 300px;	
	margin: 0px 0px 0px 0px;
	border: 1px solid #000;
	background-color: #F6F6F6;
	text-align: left;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.popupTable td{
	padding: 0px 0px 0px 2px;
	border: 1px solid #000;
	border-collapse: collapse;
	text-align: left;
	width: 50%;
	
}

.popupTable td a
{
    color: black !important;
    font-size: 11px !important;
    text-decoration: underline !important;
    
}

.popupTable th{
	padding: 4px 0px 4px 2px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -126px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	vertical-align: top;
	width: 150px;
	border: 1px solid #000;
	border-collapse: separate;
	height: 17px;
	text-align: left;
	width: 50%;
}

.guestTable{width: 90%;	
	margin: 5px 0px 25px 25px;
	border: 0px none;
	border-collapse: collapse;
}

.guestTable td{
	padding: 0px 0px 0px 2px;
	border: 1px solid #000;
	border-collapse: collapse;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #D0D0D0;
}

.guestTable th{
	padding: 4px 0px 4px 4px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;;
	vertical-align: top;
	border: 1px solid #000;
	border-collapse: separate;
	height: 16px;
	width: 10%
}

.calendarTable{
	width: 90%;	
	margin: 5px 0px 25px 25px;
	border: 0px none;
}

.calendarTable th{
	padding: 4px 0px 4px 4px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	vertical-align: top;
	border: 1px solid #000;
	border-collapse: separate;
	height: 16px;
}

.calendarTable td a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #FFF !important;
	vertical-align: top !important;
	text-decoration: none !important;
}

.calendarTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight: normal !important;
	color: #FFF !important;
}

.calendarTable th a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #FFF !important;
	vertical-align: top !important;
	text-decoration: none !important;
}


.calendarTable td.activityDay table.dayTable td.activeDate
{
	color: #FFF !important;
}

.dayTable{
	width: 100%;	
	border: 0px none;
}
.dayTable td.activeDate{color: #000 !important}
.calendarTable td.calDay{border-color: black; border-style: solid; border-width: 1px; color: #000 !important}

.tableCleaned{border-collapse: collapse; border-spacing: 0px; padding: 0px;}


.calendarTable td.activityDay{border-color: black; border-style: solid; border-width: 1px;text-align: left; width: 80px; background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px -150px; color: #FFF; padding: 0px; }
.activity{font: 11px Geneva, Arial, Helvetica, sans-serif; color: #FFF;padding-bottom: 5px}
.square{margin-right: 5px; margin-bottom: 2px;}

.acHeader{border-color: black; border-style: solid; border-width: 1px;background: #197DCA; text-align: center; color: #9cd1dc; font-size: 14px;}
.acRow{border-color: black; border-style: solid; border-width: 1px;background: #CCCCCC;text-align: left; color: black; padding: 0px; margin: 0px;}

.list{list-style-type: square; text-indent: 1px; padding-left: 13px;}
.item{padding-bottom: 8px;}

.infoTable td.line1{  background-color:#FFFFFF !important  }
.infoTable td.line2{ background-color:#CCCCCC !important  }

.loginInfo
{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
}

.memberTable{
	width: 90%;	
	margin: 5px 0px 25px 25px;
	border: 0px none;
	table-layout: fixed;
}

.memberTable th{
	padding: 4px 0px 4px 4px;
	background-image: url(../images/background.gif);background-repeat: repeat-x; 
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	vertical-align: top;
	border: 1px solid #000;
	border-collapse: separate;
	height: 16px;
}

.memberTable td a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #000 !important;
	vertical-align: top !important;
	text-decoration: none !important;
}

.memberTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #000 !important;
}