/* Copyright 2007 Vacaville Rotary
	Site designed by cirkadia
	Last updated August 2007
	Version 1.0
----------------------------------------------- */
/* =screen stylesheet
----------------------------------------------- */

/* =global (body, etc)
----------------------------------------------- */
body, div, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}
	 
body
{
	background: #FFFFFF url('../images/banner-spacer.gif') repeat-x top left;
	color: #000000;	
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
img, a img
{
	border:0;			

}

/* =container
----------------------------------------------- */
#container
{
	width: 756px;
	margin: 0 auto 15px auto;
	padding: 0;
}

/* =masthead
----------------------------------------------- */
#masthead
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 180px;
}

	/* =banner
	--------------------------------------------- */
	#banner {
		display: block;
		width: 756px;
		height: 180px;
	}

/* =main
----------------------------------------------- */
#main 
{
}

/* =sideBar
----------------------------------------------- */
#sideBar 
{
		float: left;
		margin: 0 9px 0 1px;
		padding: 0;
		width: 178px;
}
	#sideBar p
	{
		text-align: center;
	}

	/* =navBar
	----------------------------------------------- */

	#navBar
	{
		float: left;
		margin: 0 0 20px 0;
		padding: 13px 17px 12px 17px;
		width: 144px;
		background-color: #FFFFFF;
		border: solid 1px #CCCCCC;
	}
	#navBar ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#navBar li {
		display: block;
		font-size: 11px;
		font-family: Arial, Sans-Serif;
		font-weight: bolder;
		text-transform: uppercase;
		}
	#navBar li a {
		display: block;
		width: 135px;
		height: 17px; 
		margin: 5px 0;
		padding: 1px 2px 1px 4px;
		text-decoration: none;
		color: #305C8F;
		border: solid 1px #B7BFD6;
		background-image: url('../images/but-calendar-off.gif');
		height:1%; /*IEBUG Fixs the "has no layout" bug in IE*/
		}
	#navBar li a:hover, #navBar li a.navHere {
		background: #FFFFFF;
		background-image: url('../images/but-calendar-on.gif');
		border: solid 1px #FCCC66;
		}
	
	/* =content
	----------------------------------------------- */
	#content
	{
		float: left;
		width: 519px;
		margin: 0 0 15px 7px;
		padding: 17px;
		background-color: #FFFFFF;
		min-height: 550px;
		height:auto;
		border: solid 1px #CCCCCC;
	}
		#horzSpace
		{
			float: left;
			background: #FFFFFF url('../images/hm_content_bkgd.gif') repeat-y;
			background-position: 0px;
		}
		/* =leftSide
		----------------------------------------------- */
		#leftSide
		{
			float: left;
			width: 357px;
			margin: 0; /*removes indent IE and Opera*/
			padding: 0; /*removes indent Mozilla and NN7*/
		}
		/* =rightSide
		----------------------------------------------- */
		#rightSide
		{
			float: right;
			width: 140px;
			margin:0 0 0 5px; /*removes indent IE and Opera*/
			padding: 17px 5px 5px 5px; /*removes indent Mozilla and NN7*/
			text-align: right;
		}
		
/* =footer
----------------------------------------------- */
#footer
{
	clear: both;
	padding: 0;
	margin: 0;
	height: 73px;
	color: #333333;
	background: url('../images/img-footerblueyellow.gif') repeat-x;
	text-align:center;
}	
	#footerContent
	{
		width: 756px;
		margin: 0 auto;
		padding: 0;
	}
	#footerContentLeft
	{
		float: left;
		width: 178px;
		height: 73px;
		background-color: #305C8F;
	}
	#footerContentRight
	{
		float: left;
		padding-top: 2px;
		padding-left: 9px;
	}	

/* =links
----------------------------------------------- */
a:link, a:visited {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	color:#993333;
	text-decoration: underline;
}

/* =lists
----------------------------------------------- */
ul
{
	margin: 10px 0 10px 20px;
	padding: 0 0 0 20px;
	list-style-type:square;
	border:none;
}
ul.type1 li
{
	margin-bottom: 11px;
}
ul.alphalist {
	list-style: upper-alpha;
	margin:0;
	padding:0 0 0 25px;
}
ul.decimnal
{
	list-style: decimal;
	margin:0;
	padding:0 0 0 25px;
}
ul.docs 
{
	margin:0;
	padding:4px 0 0 5px;
	list-style-type:none;
	border:none;
}
li.docs
{
	background-image:url(../images/acrobat-icon.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}
/*###
ul.level1
{
	margin:0;
	padding: 0 0 0 20px;
	list-style-type:square;
	border:none;
}
ul.level2 
{
	margin:0;
	padding:0 0 0 20px;
	list-style-type:none;
	border:none;
}
ol 
{
	margin:0;
	padding:4px 0 0 40px;
	border:none;
}
*/

/* =headings, =typography, =text
----------------------------------------------- */
h1{
    font: bold 14px  Trebuchet MS, Verdana;
    color: #534724;
    margin: 2px 0;
    text-transform: uppercase;	
}

h2 {
    font: bold 14px  Trebuchet MS, Verdana;
    color: #003366;
    margin: 2px 0;
    padding:5px 0 0 0;
    text-transform: uppercase;	
}

h3
{
	font: bold 11px Verdana, Arial, sans-serif;
	margin-top: 20px;
	padding-top: 12px;
	border-top: dotted 1px #CCCCCC;
}
	h3.alt
	{
		font: bold 11px Verdana, Arial, sans-serif;
		margin-top: 0;
		padding-top: 12px;
		border: 0;
	}
h4
{
	padding: .2em 0 0 0;
	color:#666;
	font-weight:bold;
	font-size:1em;
	text-transform: uppercase;	
}

p {
	font-family: verdana, helvetica, arial;
	color: #383131;
	margin: 3px 0 10px 0;
	line-height:14px;
}
p.heading
{
	font-weight: bold;
	width: 519px;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 10px;
}
p.indent 
{
	margin-left:2.0em;	
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

p.indentGraphic
{
	margin-left:2.0em;	
	margin-top: 1.0em;
	margin-bottom: 0.3em;
}

p.indentGraphic2
{
	margin-left:1.3em;	
	margin-top: 0.3em;
}

/* =tables
----------------------------------------------- */
#tblLeadership tr {vertical-align: text-top;}
	#tblLeadership td.tdAlt {background-color: #F1F0DA;} 


/* =images
----------------------------------------------- */
img.framed
{
	float: left;
	padding: 0;
	margin: 2px 8px;
	border: solid 1px #000;
}
img.home
{
	float: left;
	padding: 0;
	margin: 2px 8px;
	width: 100px;
	height: 126px;
	border: solid 1px #000;
}
img.border 
{
	border: solid 1px #000000;
	margin: 2px 8px;
}
img.prez 
{
	border: solid 1px #000000;
	margin: 2px 8px;
	width: 100px;
	height: 126px;
}
img.pdf
{
	margin: 3px 6px 0 6px;
	vertical-align: middle;
	float: left;
	width: 24px;
	height: 20px;
	border: 0;
}

/* =other
----------------------------------------------- */
.fltlft {
	float: left;
	padding-right: 5px;
	padding-bottom: 0;
}
.fltlft2 {
	float: left;
	display: inline;
	padding-right: 5px;
	padding-bottom: 0;
}
.fltrt {
	float: right;
}
.fltrt2 {
	float: right;
	padding: 0 15px 0 0;
	margin: -5px 0 0 0;
}
.fltrt3 {
	float: right;
	padding: 5px 0 0 15px;
}

.clear { clear: both; }
.center { width: 519px; margin: 0 auto;}
.hr {height: 1px;}
.txtcenter {text-align:center;}

/* =calendar
----------------------------------------------- */
.calMonth1
{
	width: 165px;
}
.rptCalendarEvents
{
	width: 420px;
}

table.contenttable tr.dateHeading
{
	background-color: #F4F4E5;
}
.calInfoTop
{
	padding: 2px 0;
}
.calInfoBottom
{
	padding-bottom: 8px;
}
.calItemTitle
{
	font-size: 12px;
	color: #003366;
}
.calendar
{
	float: left;
	padding-left: 2px; 
}
.calendar1
{
	padding-bottom: 8px;
}
.calendar2
{
	padding-bottom: 25px;
}
.calendarList
{
	margin-left: 175px;
}
td.startTime
{
	width: 150px;
}
.TblBg div.divValidation
{
	margin: 10px 0;
	padding: 0;
	border: solid 1px #D4DEE0; 
	width: 350px; 
	background-color:#F5F4E5;
}
	.TblBg div.divValidation table.validation
	{
		margin: 5px 10px;
		padding: 0;
		width: 100%;
		border: 0;	
	}
	.TblBg div table ul
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	.TblBg div table ul li
	{
		color: #660000;
	}

.required
{
	font-weight: bold;
	color: #666;
}

.pnlPattern
{
	margin: 3px 0 5px 0;
	border: solid 1px #CCCCCC;
	height: 78px;
	width: 380px;
}
	td.rdoWkMo
	{
		width: 71px;
		vertical-align: text-top;
		border-right: solid 1px #CCCCCC;
	}
	.pnlWeekly, .pnlMonthly
	{
		height: 78px;
		width: 300px;
		vertical-align: text-top;
		padding: 0 5px 0 4px;
	}
.pnlRange
{
	border: solid 1px #CCCCCC;
	height: 47px;
	width: 380px;
	padding-top: 5px;
}
/*###
a.calendar:link, a.calendar:visited {
	color: #45518D;
	text-decoration: none;
}
a.calendar:hover {
	color:#C39439;
	text-decoration: underline;
}
*/

/* =controls
----------------------------------------------- */
.textbox
{
	BORDER-RIGHT: #003466 1px solid; 
	BORDER-TOP: #003466 1px solid; 
	BORDER-LEFT: #003466 1px solid; 
	BORDER-BOTTOM: #003466 1px solid; 
	background-color:#F8F7F7;
	font-family:Verdana;
}
.button
{
	border:solid thin #dadac5;
	background-color:#F4F4E5;
	font-family:Verdana, Sans-Serif;
	font-size:11px; 
	cursor:hand;
}
em.required
{
	padding: 0; 
	margin: 0;
	font-style:normal;
	COLOR:Maroon
}