/* CSS Document */

body{margin: 0 auto; padding: 0; min-width: 950px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}

br{clear: left}

p{font-size: 1em;}
td{font-size: 1em; padding:.5em;}
h1{font-weight: bold; font-size: 2em; color:#61722E;}
h2{font-size: 1.4em; font-weight: bold}
h3{font-size: 1.2em; font-weight: bold}
h4{font-size: 1em; font-weight: bold}
h5{font-size: .9em; font-weight: bold}
h6{font-size: .8em; font-weight: bold}

fieldset {
	border: 1px solid #d7be7e; 
	margin-bottom: 10px;
	padding: 5px;
}

legend {
	font-weight: bold;
	font-size: 100%;
	color: #61722E;
}

.percent50{font-size:50%}
.percent25{font-size:25%}

li{font-size: 1em}

.leftIndent{ margin-left: 25px;}

.colorTan{color:#d7be7e;}
.colorGreen{color:#61722E;}
.colorBlue{color:#1d4a86;}
.colorRed{color:#900;}

.highlight{background-color:#FFC;}
.highlightGreen{background-color:#CFC;}
.highlightRed{background-color:#FCC;}
.strikethrough {text-decoration:line-through;}
.nowrap{white-space:nowrap}

.bold {font-weight: bold;}
.tinyBold{font-size: .8em; font-weight: bold;}
.tinyText{font-size: .8em; font-weight: normal;}

table.tableBorder{border-right: 1px solid #d7be7e; border-top: 1px solid #d7be7e; }
.tableBorder td, .tableBorder th{border-left: 1px solid #d7be7e; border-bottom: 1px solid #d7be7e;}

.tableHeader, th{margin: 0; font-size: 1em; font-weight: bold; background-color: #d7be7e; padding: 5px}
th {text-align:left; white-space:nowrap}
.altRow{background-color: #B5C294}	/*green*/
/*.altRow{background-color: #D5DEE7}*/	/*blue*/
.calWeekend{background-color: #ccc}

.smallerLinks{font-size: 75%;  font-weight: bold}
.smallerLinks a:link, .smallerLinks a:visited {color:#1d4a8b; text-decoration: none}
.smallerLinks a:hover, .smallerLinks a:active  { color: #CCAD5B; text-decoration: none}



/* Boxes */
.infoBox{margin:  10px 60px; padding: 2px; background: #FDD; text-align: center; color: #F00; border: 2px solid #F00; font-size: .9em}

.border{border: 1px solid #000; margin: 10px 10px; width: auto; padding:3px; float: left}
.borderDashed{border: 1px dashed #B5C294; width:auto; height:100%; padding:3px}
.borderThin{border: 1px solid #000}
.borderNone{border:none}

/* old */
.msg, .err{margin-bottom: 15px; padding: 10px 10px 10px 65px; border: 1px solid #fc0; background-repeat: no-repeat; background-position: 10px 10px; min-height: 48px; _height: 48px;}
.msg {background-color: #FFC; background-image: url(http://template.buncombecounty.org/img/alert.gif); font-weight: bold;}
.err {background-color: #FCC; background-image: url(http://template.buncombecounty.org/img/error.gif); border-color:#C00}

/* new */
.msgBox {margin-bottom: 15px; padding: 10px 10px 10px 65px; border: 1px solid #000; background-repeat: no-repeat; background-position: 10px 10px; min-height: 48px; _height: 48px; display:block}
.alert {background-color: #ffc; background-image: url(http://template.buncombecounty.org/img/alert.gif); border-color:#fc0}
.check {background-color: #cfc; background-image: url(http://template.buncombecounty.org/img/check.gif); border-color:#090}
.error {background-color: #FFEBE8; background-image: url(http://template.buncombecounty.org/img/error.gif); border-color:#DD3C10}

#login{float: left; width: 40em; padding: 5px; margin: 5px; border: 1px solid #61722E}
	#loginHead{float: left; margin: 5px; width: 96%; padding: 3px}
	#loginField{float: left; margin: 5px; width: auto; padding: 3px}
	#loginText{float: left; margin: 5px; width: 10em; padding: 3px; text-align: right}
	
/*=====================================================================================================================*/
/*														Mast														   */
/*=====================================================================================================================*/

#mast {padding: 10px; margin:0; border-bottom: 5px solid #d7be7e; background-color: #61722e;}
#mast #left {width: 7em; margin:0; display: inline; padding-right: 10px;}
#mast #center {width: auto; display: inline; position:absolute; margin: 0;}
#mast #right {width: auto; display: inline; position:absolute; right:10px; color: #CCAD5B; font-weight: bold; text-align:right; white-space:nowrap}
#mast #right img {border:0; vertical-align: text-top;}
	
#mast a, #footer a {font-size: 80%; font-weight:normal}
#mast a:link, #mast a:visited, #footer a:link, #footer a:visited {color:#fff; text-decoration: none}
#mast a:hover, #mast a:active, #footer a:hover, #footer a:active { color: #CCAD5B; text-decoration: none}

.siteName {width: auto; margin: 0; padding-top:12px; border-bottom: 1px solid #fff; font-family: Georgia, "Times New Roman", Times serif; color:#FFF; font-size: 160%;}
.pageHeading {margin: 0; padding-top:12px; font-size: 250%; font-family: "Trebuchet MS", Verdana, Arial, serif; color: #d7be7e; white-space:nowrap}


/*=====================================================================================================================*/
/*														TopNav															   */
/*=====================================================================================================================*/

#topNav{
	width: auto;
	padding: 0.2em 0;
	background: #1d4a8b;
}

#topNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#topNav li {
	display: inline;
}

#topNav a {
	text-decoration: none;
	width: auto;
	padding: 0.2em 2em;
	color: #fff;
	font-weight: bold;
}

#topNav a:hover {
	color: #000;
	background: #d7be7e;
}

/* 
Level 2: Coming Soon
#topNav li ul {}
#topNav li ul li {display: block;}
#topNav li ul li a {}
#topNav li ul li a:hover {}
*/

/*=====================================================================================================================*/
/*													Side Nav														   */
/*=====================================================================================================================*/

#navBar{float: left; width: 170px; margin-bottom: 10px}

/*--Nav--*/
#nav {float: left; width: auto; height: auto; margin: 10px 10px 50px 2px;}
#nav_right {float: right; width: auto; height: auto; margin: 10px 10px 50px 2px;}

#nav ul {list-style: none; margin: 0; padding: 0;}
#nav li {margin: 0; padding:0;}

#nav ul a {display: block; width: 12em; background-color:#61722e; padding: 5px 10px; color: #FFF; font-weight: bold; text-decoration: none}
#nav ul a:hover {background-color: #d7be7e; padding: 5px 10px; color:#000;} /* tan/black */
/* #nav ul a:hover {background-color:#CCC; padding: 5px 10px; color: #1d4a8b}	grey/blue */


/*-- Nav Level 2 --*/
#nav ul ul {margin: 0;}
#nav ul ul li {margin: 0; padding: 0;}

#nav ul ul a {background-color: #61722e; padding: 5px 0px 5px 20px; color: #FFF; font-weight: bold; text-decoration: none}
#nav ul ul a:hover {background-color:#CCC; padding: 5px 0px 5px 20px; color: #1d4a8b}

/*=====================================================================================================================*/
/*														Body														   */
/*=====================================================================================================================*/

#content{float: left; width: auto; margin: 10px; min-height: 250px; margin-right:-3px; padding-right:6px;}
#bodyDiv{width: auto; float: left; display: block}
#altRowHover tr:hover, .altRowHover tr:hover {background-color: #e1eafe;}
div#main {
  width: 750px;
  margin-left: auto;
  margin-right: auto
}
div#main_small {
  width: 500px;
  margin-left: auto;
  margin-right: auto
}
/*=====================================================================================================================*/
/*														Form														   */
/*=====================================================================================================================*/

.input{float:left; margin:2px; width: 150px}
label{float:left; margin: 2px; text-align: right; width:100px; display:inline;}
.disabled{color:#999}

/* Forms */
.tableless form{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	
}

.tableless label {
	padding: 3px;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 90px;
}

.tableless input, 
.tableless select, 
.tableless textarea {
font-size: 100%;	

}


.tableless fieldset.radio,
.tableless fieldset.checkbox {
 width: auto;
 margin: 0 0 0 103px;	
}

.tableless label.radio, 
.tableless label.checkbox 
	{
		float: none;
		display: block;
		width: auto;
		height: expression('1%');
		padding: 0;
		margin: 3px;
		text-align: left;
	}
		
.tableless label.radio input, 
.tableless label.checkbox input 
	{
		padding: 3px;
		width: auto;
	}
	



.tableless textarea {
	overflow: auto;
}




.tableless input.submit {
		 margin: 0 0 0 103px;
}


/*=====================================================================================================================*/
/*														Footer														   */
/*=====================================================================================================================*/

#footer
	{
		display:block;
		text-align: right; 
		padding: 5px 10px 2px 10px; 
		margin: 20px 0 25px 0;
		background-color: #61722e; border-top: 5px solid #d7be7e; 
		color: #d7be7e; 
		clear: both
	}

#footer #left{float: left; width: auto; padding: 0 0 10px 10px;}
#footer #right{float: right; width: auto; margin-right: 0.5em;}
	
/* NOTE: footer links are defined in the mast section */

/*=====================================================================================================================*/
/*														Alingment													   */
/*=====================================================================================================================*/
.leftIndent{margin-left:25px}
.floatLeft{float:left}
.floatRight{float:right}
.floatNone{float:none}
.inline{display:inline}

.textLeft{text-align:left}
.textRight{text-align:right}
.textCenter{text-align:center}
.vertMiddle{vertical-align:middle}

.bottomZero{margin-bottom:0; padding-bottom:0}
.marginTop20{margin-top:20px}
.marginBottom20{margin-bottom:20px}
.padTop20{padding-top:20px}
.padBottom20{padding-bottom:20px}

/*=====================================================================================================================*/
/*														Additional												   */
/*=====================================================================================================================*/
.hidden{visibility:hidden; display:none; width:0; height:0}
.visible{visibility:visible; display:block;}

/*=====================================================================================================================*/
/*														Legacy												   */
/*=====================================================================================================================*/

.largeText {font-weight: bold; color: #CCC; font-size: 1.2em}
.boldText {font-weight: bold; color: #61722E; font-size: 1.1em}
.headlineText{font-weight: bold; font-size: 1.4em; color: #999;}

.formTitle{font-weight: bold; font-size: 2em; color:#61722E}
.paraTitle{font-weight: bold; font-size: 1.3em; color:#61722E}
.boldRed {font-weight: bold; color: #900; font-size: 1.2em}
.redText {color: #900;}
.h8{font-size: .85em; font-weight: bold; color: #61722e;}

.inputText{font-weight: bold; color: #000; font-size: 1em}	/* used heavily in PAF */
.contentText{font-size: .9em; text-decoration: none; font-style: normal;}

.adminTitle{width: auto; margin: 0; padding-top:12px; border-bottom: 1px solid #fff; font-family: Georgia, "Times New Roman", Times serif; color:#FFF; font-size: 160%;}
.titleBox {margin: 0; padding-top:12px; font-size: 250%; font-family: "Trebuchet MS", Verdana, Arial, serif; color: #d7be7e; white-space:nowrap}