/* CSS Document */

* {border:0pt none; margin:0pt; padding:0pt;}
a { outline:none } /* Gets rid of Firefox's dotted borders */

body {background-color: #e4ecd5; text-align: center;/* keep this for IE7 */}

#wrapper {
	margin: auto;
	line-height: 16px;
	text-align: left;
	width: 745px;
}

#footer {
	clear: both;
	text-align: center;
	background-color: #c5d7a5;
	padding: 20px;
	border-top: 2px solid;
	border-color: #397122;
}

/* Home ============================================================= */

#homecontainer { 
	width: 745px;
	background-image: url(../images/bk_home.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}

#colnews {
	float: left;
	padding: 270px 17px 100px 20px;
  width: 160px !important; width: 195px; width/**/:/**/195px;
}

#colsupport {
	float: left;
	padding: 270px 17px 30px 20px;
  width: 160px !important; width: 200px; width/**/:/**/200px;
}

#colprojects {
	float: left;
  padding: 270px 10px 30px 20px;
  width: 290px !important; width: 300px; width/**/:/**/300px;
}

/* Inside Pages ============================================================= */

#allcontainer { 
	background-image: url(../images/bk_all.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	width: 745px;
}

#allbar {
	width: 745px;
  float: left;
	height: 31px;
	background-color: #c5d7a5;
	margin-top: 15px;
}

#colmain {
	float: left;
	padding: 25px;
  width: auto;
}

#colleft {
	float: left;
	padding: 25px 15px 50px 25px;
	width: 48%; /* IE Window 5.5 */
	voice-family: "\";}\""; 
  voice-family: inherit;
	width: 48%; /* IE Windows 6 */
} 
html>body #colleft {
	width: 44%; /* Regular Browsers */
}



#colright {
	float: right;
	padding: 25px 25px 50px 15px;
	width: 48%; /* IE Window 5.5 */
	voice-family: "\";}\""; 
  voice-family: inherit;
	width: 48%; /* IE Windows 6 */
} 
html>body #colright {
	width: 44%; /* Regular Browsers */
}

/* (About Page Cols) ============================================================= */


#colmain2 {
	float: left;
	width: auto;
	padding: 25px 25px 10px 25px;
}


#colleft2 {
	float: left;
	padding: 0 10px 50px 25px;
	width: 48%; /* IE Window 5.5 */
	voice-family: "\";}\""; 
  voice-family: inherit;
	width: 48%; /* IE Windows 6 */
} 
html>body #colleft2 {
	width: 44%; /* Regular Browsers */
}

#colright2 {
	float: right;
	padding: 0 25px 50px 10px;
	width: 48%; /* IE Window 5.5 */
	voice-family: "\";}\""; 
  voice-family: inherit;
	width: 48%; /* IE Windows 6 */
} 
html>body #colright2 {
	width: 44%; /* Regular Browsers */
}


/* Photo Styles ============================================================= */

.photo {width: 500px; margin: 5px 100px 5px 0px; float: left; }

.photo p {text-align: left; font-size: 11px; color: #355a1d; margin: 5px 0px 5px 0px;}
.photo a:link, a:hover, a:visited {color: #65b8c8; text-decoration: underline; 	font-weight: bold;}
.photo hr { text-align: center; color: #afc489; margin: 0 0 20px 0px; border: none 0; border-top: 1px dashed;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/}

/* Pic Styles ============================================================= */

.pic {width: 166px; margin: 5px 20px 5px 0px; float: left; }
.picnews {width: 155px; margin: 5px 0px 5px 0px; float: left; }
.verticalpic {width: 119px; margin: 5px 20px 5px 0px; float: left; }

.pic p {text-align: left; font-size: 11px; color: #355a1d; margin: 5px 0 5px 0px;}
.pic a {font-size: 9px; color: #355a1d;}
.pic a:hover {text-decoration: underline;}
.pic a:visited {color: #355a1d;}


/* P Styles ============================================================= */


p { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #3f6430; margin-bottom: 10px; }

a:link, a:hover, a:visited  {color: #65b8c8; text-decoration: underline; 	font-weight: bold;}

#footer p {line-height: 9px; text-align: center; font-size: 11px; color: #3f6430;}
#footer a {font-size: 11px; color: #3f6430;}
#footer a:hover {text-decoration: underline;}
#footer a:visited {color: #3f6430;}


/* Form Styles ============================================================= */

textarea, select {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #3f6430;
border-width: 1px;
border-style: solid;
border-color: #777;
width: auto;
}

table {
font-family: Arial, Verdana, sans-serif;
font-size: 13px; 
color: #3f6430; 
}

/* Sign Up Form ============================================================= */
.signupform {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	background: none;
	border: none;
	color: #3f6430; 
}
.signupform h1 {padding: 10px 0;}
.signupform span {display: none;}
.signupform label {padding-right: 10px;}
.signupform input {border: none; font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #3f6430; background-color: #e4ecd5;}
.inputbox {margin: 2px 0 10px 0; padding:1px; width: 180px;}
.inputbutton {margin: 0; padding:4px;}
.inputbutton:hover {background-color: #c5d7a5;}
.inputbutton:active {background-color: #397122;}

/* List Styles ============================================================= */

ul.bullets 	{
	width: auto;
	}

.bullets li { 
 font-family: Arial, Verdana, sans-serif;
 font-weight: bold;
 font-style: italic; 
 font-size: 12px; 
 color: #3f6430; 
 list-style: none;
 margin: 10px 0;

}

ul.names 	{
	margin: 15px 0;
	}
	
.names li { 
 font-family: Arial, Verdana, sans-serif; 
 font-size: 12px; 
 color: #3f6430; 
 margin: 0 0 5px 0px;
 list-style: none; 
}

/* Headings =============================================================== */

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #3f6430;
	font-weight: bold;
	margin-bottom: 5px;
}

h1 a:link, h1 a:hover, h1 a:visited  {text-decoration: underline; color: #3f6430;}

h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #3f6430;
	font-weight: bold;
	margin-bottom: 5px;
  border-bottom: 1px solid;
  border-color: #afc489;
	clear: both;
}

h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #3f6430;
	font-style: italic;
}

/* Navigation ============================================================= */

#navbar { 
float: left; 
height: 29px; 
width: 745px; 
margin-top: 142px;
padding: 0 50px 0 295px; /* IE6 PC */

}


ul#nav {list-style: none;}
#nav li {margin: 0; padding: 0; float: left;}
#nav li a { display: inline; }

#n1 a { height: 29px; width: 44px; background-image: url("../images/n1.gif"); float: left;}
#n2 a { height: 29px; width: 44px; background-image: url("../images/n2.gif"); float: left;}
#n3 a { height: 29px; width: 60px; background-image: url("../images/n3.gif"); float: left;}
#n4 a { height: 29px; width: 65px; background-image: url("../images/n4.gif"); float: left;}
#n5 a { height: 29px; width: 48px; background-image: url("../images/n5.gif"); float: left;}
#n6 a { height: 29px; width: 59px; background-image: url("../images/n6.gif"); float: left;}
#n7 a { height: 29px; width: 77px; background-image: url("../images/n7.gif"); float: left;}

#n1 a:hover { background-position: 0 -29px; }
#n2 a:hover { background-position: 0 -29px; }
#n3 a:hover { background-position: 0 -29px; }
#n4 a:hover { background-position: 0 -29px; }
#n5 a:hover { background-position: 0 -29px; }
#n6 a:hover { background-position: 0 -29px; }
#n7 a:hover { background-position: 0 -29px; }

#n1 a#active { background-position: 0 -58px; }
#n2 a#active { background-position: 0 -58px; }
#n3 a#active { background-position: 0 -58px; }
#n4 a#active { background-position: 0 -58px; }
#n5 a#active { background-position: 0 -58px; }
#n6 a#active { background-position: 0 -58px; }
#n7 a#active { background-position: 0 -58px; }


/* MISC =============================================================== */

hr {
text-align: center;
color: #afc489;
margin: 15px 0 20px 0px;
border: none 0; 
border-top: 1px dashed;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/}

.facebook a {float:left;margin-top:3px;padding-right:7px;background: url(../images/facebook-become-a-fan.gif) no-repeat;height:24px;width:24px;cursor:pointer;}
.facebook a:hover{background-position: 0 -26px;}
.facebook span{display:none;}

.mayor2009{background:url(../images/mayors-luncheon-knoxville-2009-v2.jpg) no-repeat;width:264px;height:300px;padding:200px 14px 20px 12px;}

#popupwrap {
  width: 500px;
	margin: 20px;
	text-align: left;
}

/* Paypal add to cart =============================================================== */
.paypal {float: left;}
.clearfloat {clear: both;}

/* Paypal drop down =============================================================== */
#reservations select {font-size: 10px; font-weight: normal; margin-bottom: 12px;}