/* A Free Design by Bryant Smith (bryantsmith.com) */

html, body {
text-align: center;
}
p {text-align: left;}

body {
	margin: 0;
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F1F5F8;
 	background-image: url(../images/emblemBackground.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

{
  margin: 0 auto 0 auto;
 text-align:left;}


#bodyMain {
	position: absolute;
	width: 1000px;
	top: 0px;
	min-height: 600px;
	left: 50%;
	margin-left: -500px;
}


#footer
{
text-align:center;
font-size:10px;
color: #228FEA;

}

div#addEventLogin {
	position: absolute; 
	z-index: 10; 
	width: 250px; 
	height: 200px; 
	left: 50%; 
	margin-left: -125px; 
	top: 200px; 
	text-align: center; 
	color: #000000; 
	background-color: #efefef; 
	border: 1px solid #0a65c7; 
	visibility: hidden;
}

div#eventDetails {
	position: absolute; 
	z-index: 10; 
	width: 250px; 
 	left: 50%; 
	margin-left: -125px; 
	top: 200px; 
	color: #000000; 
	background-color: #efefef; 
	border: 1px solid #0a65c7; 
	visibility: hidden;
}


div#container_titleMenu {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	height: 115px;
	top: 2px;
	background-image: url("../images/triCountySWFLLogo.png");
}

div#container_title {
	position: absolute;
	width: 380px;
	height: 100%;
	left: 0px;
	top: 10px;
	font: 24pt arial;
}

div#containerMenu {
	position: absolute;
	width: 840px;
	height: 30px;
	right: 0px;
	bottom: 0px;
	font: 14pt arial;
	text-align: right;
	background-color: transparent;
}

div#sponsorDiv {
	position: absolute; 
	top: 125px; 
	width: 100%; 
	height: 68px; 
	z-index: 10; 
	background-color: #ffffff; 
	padding: 0px;
}


div#container_mainBody {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 200px;
	font: 12pt arial;
}

.pageFooter {
	width: 100%;
	height: 24px;
	background-color: #0a65c7;
	font: 9pt arial;
	color: #ffffff;
}

table#calendarFrame {
	width: 100%;
	border: 1px solid #0a65c7;
	color: #0a65c7;
	border-collapse: collapse;
}

th.calHeader {
	font: 16pt arial;
	border: 1px solid #0a65c7;
	background-color: #0a65c7;
	color: #000000;
	text-align: center;
	font-weight: bold;
}

th.calDayHeader {
	width: 14%;
	font: 10pt arial;
	border: 1px solid #0a65c7;
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

td.calDay {
	height: 100px;
	border: 1px solid #333333;
	vertical-align: top;
	background-color: #555555;
}

table.calDayFill {
	width: 100%;
	height: 100px;
	color: #ffffff;
	border-collapse: collapse;
}

td.calEvent {
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

div#addEventDiv {
	position: absolute;
	border: 1px solid #0a65c7;
	background-color: #e0e0e0;
	text-align: center;
	color: #000000;
	left: 50%;
	margin-left: -250px;
	top: 150px;
}



.w10 {width: 10px;}
.w20 {width: 20px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w210 {width: 210px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w240 {width: 240px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}

.w5p {width: 5%;}
.w10p {width: 10%;}
.w11p {width: 11%;}
.w12p {width: 12%;}
.w13p {width: 13%;}
.w14p {width: 14%;}
.w15p {width: 15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w50p {width: 50%;}
.w60p {width: 60%;}
.w95p {width: 95%;}
.w99p {width: 99%;}
.w100p {width: 100%;}

.h1 {height: 1px; }
.h2 {height: 2px; }
.h3 {height: 3px; }
.h4 {height: 4px; }
.h5 {height: 5px; }
.h20 {height: 20px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h35 {height: 35px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h90 {height: 90px;}
.h100 {height: 100px;}
.h110 {height: 110px;}

.h1p {height: 1%;}
.h100p {height; 100%;}