@import url(/includes/css/nav.css); /* CSS for menu style */
@import url(/includes/css/web_calendar_minical.css); /* CSS for web_calendar */
@import url(/includes/css/tab_menus.css); /* CSS for Tabs */


html,body{
	margin: 0px;
	padding: 0px;
	height:100%;
}
html{}
body{
	background:url(/images/bg/grad_lt_blu1.jpg) repeat-x;
	height:100%;
}
body[id]{border:1px solid #ffffff;}

#bgDiv{	
	margin: auto;
	width:1000px;
}
#bgDiv[id]{background:url(/images/bg/faux_col_wht2.png) repeat-y 0px 0px;}

#bgDiv2{background:#fff;margin:0px 9px 0px 9px;}

#pageFrame{
	width:1000px;
	margin: auto;
}

body,font,th,td,p,div,label,li,h1,h2,h3,h4 { font-family: Arial, Verdana, Helvetica, sans-serif }


#breadcrumb{
	float:left;
	width:730px;
	margin: 4px 0px 0px 4px;
	padding:8px 15px 0px 15px;
	background:#ddd;
}

#header{
	margin:0px 0px 3px 3px;
	padding: 18px 0px 0px 15px;
	border-top:3px solid #fff;
	width: 959px;
	height:130px;
	background: #CEB49B url(/images/header1.jpg) no-repeat 0px 0px;
}

#colFrame{
	background: #ffffff;
	width:978px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

#leftSide{
	float: left;
	width:209px;
	padding:3px 0px 32000px 4px;
	margin-bottom:-32000px;
}

#leftSideBox{
	margin:0px 0px 0px 0px;
}

#rightSide{
	float: right;
	width:763px;
	height:100%;
	margin:2px 0px 0px 2px;
	display:none;
}
#content{
	float: left;
	/*height:400px;*/
	width:730px;
	background:#ffffff url(/images/bg/grad_gry_1.jpg) repeat-x;
	margin: 0px 0px 0px 4px;
	padding:10px 15px 0px 15px;
}
#content[id]{/*min-height:400px;*/ overflow:visible;}



#logo{
	width:516px;
	height:123px;
}
#logosm{
	display:block;
	color:#000000;
	font-size:16px;
}
#logo span{visibility:hidden;}
#logo a:link, #logo a:visited {
	text-decoration: none;
	color: #CB4337;
}
#logo a img { border-style:none;}

#footBar{
	width:1000px;
	height:15px;
}
#footBar[id]{background:url(/images/bg/foot_shadow2.png) no-repeat top;}

#footer{float: left;}
#textBottom{margin:0px 20px;color:#999;}
#footer p{font-size: 11px;float:left;margin:0px;}
#footer #textBottom #designer{float:right;margin:-1.7em 0px 0px 0px;text-align:right;font-size:11px;}
#designer a{color:#999;}
#sectionTitle, #printHead, .hideme{visibility:hidden;display:none;}

#content a{color:#990000;;text-decoration:none;}
#content a:hover{text-decoration:underline;}

#content h1{
	margin-top:5px;
	color:#5B5B4F;
	font-weight:bold;
	font-size:20px;
}
#content h2{
	margin:0px 0px 5px 0px;
	color:#5B5B4F;
	font-weight:normal;
	font-size:20px;
}
#content h3{
	margin:0px 0px 0px 0px;
	color:#E2590E;
	font-weight:bold;
	font-size:16px;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited{ text-decoration:none; }
h2 a:hover, h3 a:hover{text-decoration:underline; }

#content .contentBox h3{color:#5B5B4F;}
#content .contentBox h3 a{ color: #C7504A; }
#content .contentBox h2 a{ color: #3E2A2F; }

#content .Content, #content p, #content td, #content div, #content label{
	/*font-size:0.79em;*/
	font-size:13px;
	color:#6F655E;
	line-height:20px;
}
#content p{margin-bottom:20px;}


.fixedSize, #content .fixedSize{font-size:12px;}
.required, #content .required{color:#CC0000;}


#artOptions{margin: 15px 0px 0px 0px;}
#artOptions a{color:#000000;}
#artOptions a:hover{color:#0000FF;text-decoration:underline;}
#backBtn, #topBtn, #printBtn, #sendBtn{font-size:10px;color:#404040;padding-left:7px;margin-right:10px;}
#backBtn:link, #topBtn:link, #printBtn:link{text-decoration:none;}
#backBtn{
	background-image: url(/images/back_sm.gif);
	background-repeat: no-repeat;
	background-position:left 5px;
}
#topBtn{
	background-image: url(/images/top_sm.gif);
	background-repeat: no-repeat;
	background-position:left 5px;
}
#printBtn{
	padding-left:12px;
	background-image: url(/images/print_sm.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}
#sendBtn{
	padding-left:21px;
	background-image: url(/images/email_sm.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}


div.breadCrumb{margin-bottom:20px;;}
.txtSml{font-size:small;font-weight:normal;}

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: medium; }
.messageStackError, .messageStackWarning, .messageStackSuccess {  color:#fff!important; font-size: medium; font-weight:bold; background-color: #FF0000;  padding:0px 0px 0px 7px;}
.messageStackSuccess { background-color: #33CC00; color:#fff;}

.inputRequirement{color:#cc0000 !important;font-weight:bold;}

.data {
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.data th{background-color: #E5E5EE;padding:3px 0 3px 0;Border-top:2px solid #FFFFFF;}
.data td{padding:3px 10px 3px 10px;}
.data tr.odd{background-color: #F4F4F7;}
.data tr.evn{background-color: #FFFFFF;}

/* Admin styles */
.adminMenu{	background-color: #000000; }
.menuTopItm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.menuTopItm A:link, .menuTopItm A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.menuTopItm A:active, .menuTopItm A:hover {
	color: #FFFFFF;
}

.tabContent{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color:#FFFFFF;
	padding:10px;
}

.photoLeft{cursor:pointer; margin:0px 10px 5px 0px; }
.photoRight{ cursor: pointer; margin:0px 0px 5px 10px; }

.oscSection{margin:0px 0px 30px 0px;}
.oscSection a img{border:0px;}

v\:* {behavior:url(#default#VML);}

/*=====================================================*/
/*http://www.positioniseverything.net/easyclearing.html*/
/*=====================================================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*==============================================*/
/*    Left Side Sections                        */
/*==============================================*/

/* Intro Menu */
#intro.sideMenu{background:#1680AE url(/images/bg/grad_blu_1.jpg) repeat-x;}
#intro.sideMenu p{font-size:18px;line-height:190%;margin:0px 15px 0px 15px;}
#intro.sideMenu acronym{text-transform:uppercase; border-left:5px solid #A9B532; padding:0px 0px 0px 7px; font-weight:bolder;}

/* Calendar Menu */
#smcalendar .sideMenuTitle{color:#ffffff;background:url(/images/bg/heading_blu1.jpg) repeat-x; text-align:left;}
#smcalendar.sideMenu {background:#1680AE; text-align:center;}
#smcalendar a:link, #smcalendar a:visited {display:block; color:#FFFFFF;font-size:12px;padding:0px 0px 0px 0px;}
.minicalfoot{padding:0px 0px 4px 0px;}
#smcalendar form{margin:0px;padding:0px;}

/* Events Menu */
#upcomingevents .sideMenuTitle{color:#636C0C;margin:0px 0px 0px -8px;}
#upcomingevents.sideMenu {padding:10px 8px; background:#A9B532 url(/images/bg/grad_grn_1.jpg) repeat-x;}
#upcomingevents.sideMenu dt{ padding:0px; font-size:12px; color:#2E496D;}
#upcomingevents.sideMenu dt a{color:#2E496D;}
#upcomingevents.sideMenu dd, #upcomingevents.sideMenu dd a{ margin:0px; font-size:12px; color:#333333;}

/* NOrg List */
#norglist .sideMenuTitle{color:#636C0C;margin:0px 0px 0px -8px;}
#norglist.sideMenu {background:#A9B532 url(/images/bg/grad_grn_1.jpg) repeat-x; margin-bottom:-30000px; padding:10px 8px 30000px 8px;}

#leftSide #quicklinks{margin:4px 0px 5px 0px;padding:7px 0px 7px 2px;width:207px;}
#leftSide #quicklinks p{font-size:14px;}

#newsletter_box{background:#A9B532; margin:4px 0px -30000px 0px; padding:10px 8px 30000px 2px; overflow: hidden;}

#quicklinks{width:200px;margin:4px 0px 0px 0px;padding:10px 0px 8px 8px;color:#CCCCCC !important;font-size:12px;
background:#1680AE url(/images/bg/grad_blu_2.jpg) repeat-x;}
#quicklinks .sideMenuTitle{font-size:16px;color:#ffffff;padding:0px 0px 0px 0px;}
#quicklinks a, #quicklinks ul a{color:#ffffff !important;font-weight:bold;}
#quicklinks ul{padding:0px 0px 0px 20px;margin:10px 0px 10px 0px;}

.subBlu{background:#FEA018 url(/images/bg/grad_blu_1.jpg) repeat-x}
.subBlu #sideMenuTitle{color:#ffffff !important;font-weight:bold;margin:0px 0px 0px 0px;}
.subBlu a, .subBlu ul a{color:#ffffff !important;font-weight:bold;text-decoration:underline;}

.subOrg{background:#FEA018 url(/images/bg/grad_org_1.jpg) repeat-x 0px -200px;}
.subOrg #sideMenuTitle{color:#ffffff;font-weight:bold;margin:0px 0px 0px 0px;}
.subOrg a{color:#ffffff;font-weight:bold;text-decoration:underline;}

.sideMenu p{margin: 0px 10px 0px 10px; color:#ffffff;}

/*==============================================*/
/*    Neighborhood Map Page Styles              */
/*==============================================*/

#bigmap{width:755px;background:#1680AE;padding:0px 0px 8px 8px;}
#bigmap .sideMenuTitle{margin:0px 0px -8px -8px;color:#ffffff;background:url(/images/bg/heading_blu1.jpg) repeat-x; text-align:left;}
.mboxsm{height:auto;width:200px;overflow:auto;margin:0px 10px 0px 0px;}
.mbox{height:200px;width:300px;overflow:auto;margin:0px 10px 0px 0px;}
.mbox h3{margin:0px;}
.mbox, .mbox p, .mbox div{font-size:13px;}

.norgList ul a{background:url(/images/map_pin_red.gif) no-repeat 0px 0px;}
.norgList[class] ul a{background:url(http://labs.google.com/ridefinder/images/mm_20_red.png) no-repeat 0px 0px;}


/*=========================*/
.vcard{margin:0px 0px 5px 0px;}
.vcard .fn{font-weight:bold;}
.vcard .org{ font-style:italic;}
.vcard .org span{display:none;}

#login_help{
margin: 40px 0px 0px 0px;
}

#splBox{
float:right;width:200px;
margin:-47px -7px 20px 20px;
}

.smlButton{
	background-image:none !important;
	background-color:#efefef !important;
	display:inline !important;
	padding:0px 5px !important;
	border:1px solid #666;
	border-top-color:#ddd;
	border-left-color:#ddd;
	font-size:10px !important;
}

.smlButton:visited{color:#333 !important;}

.smlButton:hover{
	background-color:#0000ff !important;
	color:#fff !important;
	text-decoration:none !important;
}

.fRight{float:right;}
.fLeft{float:left;}

.colorbox{width: 1.5em; height: 1.5em; border: 1px outset #666;}

/*========================*/
/*      Form Styles		  */
/*========================*/
ul.frm_struct{ margin:0px; padding:0px; list-style-type:none; }

ul.frm_struct li{ float:left; clear:left; margin:0px 0px 10px 0px; }
ul.frm_struct li.leftHalf{width:250px;}
.leftHalf input, .rightHalf input{width:200px;}
ul.frm_struct li.rightHalf{clear:none; width:250px;}
ul.frm_struct li.bottom{float:none;font-size:0px;line-height:1px;}

ul.frm_struct li label{color:#333 !important;font-weight:bold; }
ul.frm_struct li div label{ padding: 0px 23px 0px 0px; display:block; text-align:left; width:auto; 
	font-size:10px !important; color:#777 !important;
}

.input, textarea{padding:3px 2px; background-color:#fff !important; background:#fff url(/images/bg/input_bg.png) repeat-x; border:1px solid #999; }

#phone1 label{width:23px;float:left;}

acronym{border-bottom:1px dotted;cursor:help}