/* You may view and learn from this CSS, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2004 Detroit Wireless Project and may not be reproduced */

/* Primary layout and typography */

html p {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left;
	font-size: 11px;
	line-height: 1.4em;
}

body {
	background: #FFFFFF;
}

img	{
	border: 0;
}

p, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
}

li {
font-size: 11px;
text-align: left;
list-style: square;
padding: 0;
margin: 0;
}

h1 {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	color: #666666;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	border-bottom: solid 1px #999999;
}

/* Default links */
a:link { 
	font-size: 11px;
	text-decoration: none;
	color: #009933; 
}

a:visited { 
	font-size: 11px;
	text-decoration: none; 
	color: #7899CD; 
}

a:hover {
	font-size: 11px;
	text-decoration: underline;
	color: #96CC66;
}

a:active { 
	font-size: 11px;
	text-decoration: none;
	color: #009933; 
}

/* Miscellaneous layout stylings */
#wrapper {
	background-color: #FFFFFF;
	position: relative;
	width: 770px;
	height: 690px;
	margin: 0 auto;
	}

.copyright {
	font-size: 10px;
	text-align: center;
	color: #333333;
}

.smalltype{
	font-size: 10px;
	text-align: center;
	color: #666666;
}

.comingSoon {
	font-size: 12px;
	font-style: italic;
	color: #666666;
}

.logobox {
	position: absolute;
	left: 0px;
	top: 5px;
	height: 35px;
	width: 200px;
	font-size: 12px;
	color: #009933;
}

.quotebox {
	position: absolute;
	left: 310px;
	top: 45px;
	height: 55px;
	width: 435px;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	padding-top: 3px;
}

/* Sponsor area */
.sponsorbox {
	position: absolute; 
	left: 0px; 
	top: 121px; 
	height: 320px; 
	width: 175px;
	font-size: 11px;
	text-align: center;
	color: #000000;
	border-style: solid;
	border-color: #009933;
	border-width: 1px;
	padding: 10px 6px 10px 10px; 
	background-color: #FFFFFF;
}

/* Center div area */
#randomphoto {
	position: absolute; 
	left: 193px; 
	top: 121px; 
	height: 343px; 
	width: 382px;
}

.contentbox {
	position: absolute; 
	left: 207px; 
	top: 130px; 
	height: 320px; 
	width: 355px;
	overflow: auto;
}

/* News area */
.news_headline {
	font-size: 12px;
	font-weight: bold;
	color: #009933;
	border-bottom: dotted 1px #009933;
	padding-bottom: 2px;
}

.news_date {
	font-size: 11px;
	font-style: italic;
	color: #336699;
	padding-top: 4px;
}

.meetLocation	{
	padding: 0;
	padding-left: 10px;
	margin-left: 10px;
	border: 0;
	border-left: 1px solid #999999;
}

.newsbox {
	position: absolute; 
	left: 575px; 
	top: 121px; 
	height: 320px; 
	width: 175px;
	font-size: 11px;
	color: #000000;
	border-style: solid;
	border-color: #009933;
	border-width: 1px;
	padding: 12px 9px 12px 9px; 
	background-color: #FFFFFF;
}

.newsbox a:link {
	color: #009933;
	font-size: 12px;
}
.newsbox a:visited { 
	color: #009933;
	font-size: 12px;
}
.newsbox a:hover { 
	color: #96CC66;
	font-size: 12px;
}
.newsbox a:active { 
	color: #FFFFFF;
	font-size: 12px;
}
	
/* Lower navigation and links */
.navtitlebox1 {
	position: absolute; 
	left: 0px; 
	top: 462px; 
	height: 25px; 
	width: 175px;
	font-size: 14px;
	text-transform:uppercase;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000000;
	text-align: center;
	color: #ffffff;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px; 
	padding-right: 10px;
	background-color: #009933;
}

.navtitlebox2 {
	position: absolute; 
	left: 192px; 
	top: 462px; 
	height: 25px; 
	width: 175px;
	font-size: 14px;
	text-transform:uppercase;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000000;
	text-align: center;
	color: #ffffff;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px; 
	padding-right: 10px;
	background-color: #336699;
}

.navtitlebox3 {
	position: absolute; 
	left: 385px; 
	top: 462px; 
	height: 25px; 
	width: 175px;
	font-size: 14px;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #000000;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px; 
	padding-right: 10px;
	background-color: #009933;
}

.navtitlebox4 {
	position: absolute; 
	left: 576px; 
	top: 462px; 
	height: 25px; 
	width: 174px;
	font-size: 14px;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #000000;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px; 
	padding-right: 10px;
	background-color: #336699;
}

.navbox1 {
	position: absolute; 
	left: 0px; 
	top: 497px; 
	height: 115px; 
	width: 175px;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	border-style: solid;
	border-color: #009933;
	border-width: 1px;
	padding-top: 12px;  
	padding-left: 17px; 
	background-color: #96CC66;
}

.navbox2 {
	position: absolute; 
	left: 192px; 
	top: 497px; 
	height: 115px; 
	width: 175px;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	border-style: solid;
	border-color: #336699;
	border-width: 1px;
	padding-top: 12px; 
	padding-left: 17px;  
	background-color: #7899CD;
}

.navbox3 {
	position: absolute; 
	left: 384px; 
	top: 497px; 
	height: 115px; 
	width: 175px;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	border-style: solid;
	border-color: #009933;
	border-width: 1px;
	padding-top: 12px;  
	padding-left: 17px;
	background-color: #96CC66;
}

.navbox4 {
	position: absolute; 
	left: 576px; 
	top: 497px; 
	height: 115px; 
	width: 175px;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	border-style: solid;
	border-color: #336699;
	border-width: 1px;
	padding-top: 12px;
	padding-left: 17px; 
	background-color: #7899CD;
}

/* Green nav links */
.navGrn a:link { 
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF; 
}

.navGrn a:visited { 
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF; 
}

.navGrn a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #009933;
}

.navGrn a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF; 
}

/* Blue nav links */
.navBlue a:link { 
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF; 
}

.navBlue a:visited { 
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF; 
}

.navBlue a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #336699;
}

.navBlue a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF; 
}


/* Footer area */
.footer {
	position: absolute; 
	left: 0px; 
	top: 612px; 
	height: 30px; 
	width: 770px;
	font-size: 10px;
	text-align: center;
	margin-top: 20px;
}

.footer a:link {
	font-size: 10px;
	text-decoration: none;
	color: #009933;
}
.footer a:visited { 
	font-size: 10px;
	text-decoration: none;
	color: #7899CD;
}
.footer a:hover { 
	font-size: 10px;
	text-decoration: underline;
	color: #96CC66;
}
.footer a:active { 
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

/* Easy Simple Calendar stylings */

/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {
	background-color: #FFFFFF;
	border: 1px solid #336699;
 }

/* Month and Year Row Setup */
.monthYearRow {
    line-height: 17pt;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-color: #009933;
	}
/* Month and Year Text Setup */
.monthYearText {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #FFFFFF;
	}

/* Day Names Row Setup */
.dayNamesRow {
    line-height: 11pt;
	background-color: #96CC66;
	text-align: center;
	vertical-align: middle;
	}
/* Day Name Setup */
.dayNamesText {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: #FFFFFF;
	background-color: #96CC66;
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.today {
	color: #CF0000;
    }
/*

/* OverLIB popup text size */
.oLib {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
    }
/*

---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

Remove the "background-image..." lines to remove graphics as table cell background images.

If you do use images, change the "background-color..." to a sililar color to that
of your image. This will help persons with slow connections to see the event markings.

You can optionally remove the "background-color..." lines to only use graphics.

*/

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-image:  url("cdef.gif");
	background-color: #EEEEEE;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-image:  url("cdef5.gif");
	background-color: #EBEBEB;
	}
/* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s21 {
	background-image:  url("cdef2.gif");
	background-color: #F5E0D8;
	}
/* Mark Solid Cell Background (solid marked event date background) */
.s22 {
	background-image:  url("cdef2.gif");
	background-color: #F5E0D8;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.s23 {
	background-image:  url("cdef2.gif");
	background-color: #F5E0D8;
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s24 {
	background-image:  url("cdef2.gif");
	background-color: #F5E0D8;
	}