/*************************************************************************************\
*
*        TITLE:  Default Style Sheet
*       CLIENT:  City of Nicholasville
*  TARGET SPEC:  CSS 2
*     MODIFIED:  2010.02.09
*    AUTHOR(S):  Susan Ferguson-Wheeler / NetMediaOne - www.netmediaone.com
*
\*************************************************************************************/

/*************************************************************************************\
*
*  ELEMENT DEFAULTS
*
\*************************************************************************************/
a, a:visited { color: #336699; text-decoration: underline; cursor: pointer; }
a:hover, a:visited:hover { color: #336699; text-decoration: underline; cursor: pointer; }

body, div, h1, h2, h3, html, img, td { border: 0px; padding: 0px; margin: 0px; }

html { background: #517283 url("bg_repeat.gif") top center repeat-x; font-size: 12px; }
html.font-size-small { font-size: 11px; }
html.font-size-medium { font-size: 12px; }
html.font-size-large { font-size: 14px; }

body { background: url("bg_body.jpg") top center no-repeat; font: normal 100%/1.60 Verdana, Arial, Helvetica, sans-serif; color: #000000; padding-bottom: 30px;}

h1 {
	font: normal 233% Georgia, "Times New Roman", Times, serif; 
	color: #336699;
	margin: 0px 0px 10px 0px;
}
.page-home h1 a, .page-home h1 a:visited {
	color: #336699;
	margin: 0px 0px 10px 0px;
	text-decoration: none; 
}
.page-home h1 a:hover, .page-home h1 a:visited:hover { text-decoration: underline; }

.page-sub h1 { 
	color: #336699;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 30px 0px;
	background: url("dotted_sep.gif") bottom left repeat-x;
}

h2 {
	font: normal 166% Georgia, "Times New Roman", Times, serif;
	color: #336699;
	margin: 20px 0px 20px 0px;
}

.page-home h2 a, .page-home h2 a:visited {
	color: #336699;
	margin: 20px 0px 10px 0px;
	text-decoration: none;
}

.page-home h2 a:hover, .page-home h2 a:visited:hover { text-decoration: underline; }

#features h2 { margin: 0px 0px 10px 0px; }

h3 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #8e4131;
	margin: 15px 0px 10px 0px;
}
.page-sub h3 { font-size: 117%; }
h3.first-child { margin-top: 0px; }

h4 { font: bold 92% Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 10px 0px 0px 0px; }

 
p { margin: 10px 0px 10px 0px; }
p.first-child { margin-top: 0px; }
p.last-child { margin-bottom: 0px; }

table { font: inherit; }

ul { list: square outside; margin: 10px 0px 10px 1.5em; padding: 0px; }

li { margin: 0px; padding: 0px 0px 0px 0px; }

hr { height: 5px; background-color: #eeeeee; margin-top: 20px; margin-bottom: 20px; border: none; }

form { background-color: #ebf4f8; padding: 20px; }

/*************************************************************************************\
*
*  CUSTOM CLASSES
*
\*************************************************************************************/

.aligned td.first-child { width: 125px; }
.aligned td.last-child { width: 150px; text-align: right; }

.bordered { border: 1px solid #ebf4f8; padding: 4px; background: #fff; }

.bullet-square { list-style: none; margin: 10px 5px 10px 2px; }
.bullet-square li { background: url("bullet_square.gif") left .7em no-repeat; padding-left: 10px; text-align: left; margin-left: 0px; }

.captioned-photo-left { padding: 4px 4px 4px 4px; display: inline; float: left; margin: 5px 10px 5px 0px; border: 1px solid #ebf4f8; }
.captioned-photo-left p { font-size: 75%; }
.captioned-photo-right { padding: 4px 4px 4px 4px; display: inline; float: right; margin: 5px 0px 5px 10px; border: 1px solid #ebf4f8; }
.captioned-photo-right p { font-size: 75%; }
.captioned-photo-center { padding: 4px 4px 4px 4px; display: block; margin: 10px auto 10px auto; border: 1px solid #ebf4f8; }
.captioned-photo-center p { font-size: 75%; }

.center { display: block; margin: 10px auto 10px auto; }

.chart { width: 100%; padding: 0px; margin-top: 10px; border: 1px solid #517283; }
.chart td { padding: 3px 10px 3px 10px; vertical-align: middle; }
.chart th { text-align: left; padding: 3px 10px 3px 10px; background-color: #517283; font-size: 95%; color: #ffffff; }

.agendas th { text-align: center; }
.agendas td { vertical-align: top; font-size: 83%; width: 170px; } 
.agendas ul { list-style: none; margin: 0px; }
.cleared { overflow: auto; }

div.column { display: inline; float: left; }

#features { list-style: none !important; margin: 0px !important; padding: 0px !important; }
#features li { padding: 20px 0px 20px 0px !important; background: url("dotted_sep.gif") bottom left repeat-x; margin: 0px; } 
#features li.first-child { padding: 0px 0px 30px 0px !important; margin-top: 0px; }
#features p { margin-left: 120px; }

fieldset { border: 1px solid #eec; }

#font-size-selector strong { margin-left: 20px; color: white; }
#font-size-selector ul { margin: 0px; padding: 0px; list-style: none none; display: inline; }
#font-size-selector li { margin: 0px 0px 0px 3px; padding: 0px; display: inline; list-style: none none; background: none; }
#font-size-selector a, #font-size-selector a:visited { color: white; text-decoration: none; }
#font-size-selector a:hover, #font-size-selector a:visited { color: white; text-decoration: underline; }

label { font-weight: bold; margin-right: 5px; }

.left { display: inline; float: left; margin: 5px 20px 5px 0px; }

legend { font: bold 15px Verdana, Arial, Helvetica, sans-serif; }

.page-home .col1 { width: 525px; padding: 30px 30px 30px 30px; background: #fff; }
.page-home .col2 { width: 325px; padding: 30px 20px 30px 20px; background: #ebf4f8; }

.page-sub .no-sidebar .col1 { width: 430px; padding: 0px 15px 0px 0px; background: #fff; }
.page-sub .no-sidebar .col2 { width: 430px; padding: 0px 0px 0px 15px; background: #fff; }

.page-sub .col1 { width: 180px; padding: 30px 0px 30px 0px; background: #ebf4f8; }
.page-sub .col2 { width: 710px; padding: 30px 30px 30px 30px; background: #fff; }

.photo-gallery { margin-top: 20px; }
.photo-gallery img { margin-bottom: 10px; }
.photo-gallery .col1, .photo-gallery .col2, .photo-gallery .col3 { width: 170px; margin: 0px 10px 0px 0px; background-color: #ffffff; padding: 0px; }
.photo-gallery .col4 { width: 170px; } 
.photo-gallery a { outline: none; }

.right { display: inline; float: right; margin: 5px 0px 5px 20px; }

.striped .even { background-color: #ebf4f8; }

.SubCol1 { width: 340px; padding: 0px; }
.SubCol2 { width: 340px; padding: 0px; margin-left: 30px; }

.topics { padding: 20px 0px 20px 0px; border-top: 3px solid #ffffff; }


/*************************************************************************************\
*
*  PAGE LAYOUT ELEMENTS (arranged by order of appearance in HTML)
*
\*************************************************************************************/


#layoutWrapper { position: relative; width: 980px; margin: 0px auto 0px auto; }

#topSection { 
	position: relative; 
	height: 160px; 
	background: url("bg_topsection.jpg") top center no-repeat; 	
	font: bold 92% Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px;
  padding: 0px 10px 0px 10px;
}
#topSection p { text-align: right; margin-top: 0px; padding-top: 10px; }
#topSection span { font-weight: normal; color: #fff4d9; }

#imgLogo { position: absolute; top: 36px; left: 29px; }

#quickLinks { height: 130px; position: absolute; top: 30px; right: 10px; width: 730px; } 
#quickLinks ul { list-style: none; position: absolute; top: 20px; right: 20px; margin: 0px; padding: 0px; z-index: 10; }
#quickLinks li { margin: 0px; float: left; }
#quickLinks li img { display: block; }

#contentSection {	
	padding: 0px 10px 0px 10px;
	position: relative;
	background: url("bg_contentsection.png") top center repeat-y;
	margin: 0px;
	min-height: 300px;
}

.page-sub .no-sidebar #contentSection { padding: 30px 50px 30px 40px; } 

#mainNav { 
	position: absolute; 
	z-index: 10; 
	left: 10px; 
	top: 125px; 
	list-style: none; 
	margin: 0px; 
	padding: 5px 0px 0px 0px; 
	height: 30px; 
	width: 950px;
  line-height: 1;
}
#mainNav li { margin: 0px 0px 0px 10px; float: left; padding: 3px 10px 10px 10px; }
#mainNav li a { font: normal 92% Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; padding-top: 10px; padding-bottom: 6px; }
#mainNav li.active { background: #caad69 url("bg_active_mainnav_left.gif") top left no-repeat; padding: 5px 0px 8px 3px; }
#mainNav li.active a { padding: 5px 10px 0px 7px; color: #1a4563; background: url("bg_active_mainnav_right.gif") top right no-repeat; }

#subNav { width: 100%; list-style: none; margin-top: 0px; margin-left: 0px; }
#subNav li { padding: 6px 20px 6px 20px; border-bottom: 1px solid #fff; }
#subNav li.first-child { border-top: 1px solid #fff; }
#subNav li a { font: normal 92% Verdana, Arial, Helvetica, sans-serif; color: #336699; text-decoration: none; }
#subNav li.active { background: url("bg_active_subnav.gif") top center repeat-y; }
#subNav li.active a { font-weight: bold; color: #8e4031; }

#sectionNav { list-style: none; margin: 0px; padding: 0px; }
#sectionNav li { margin: 0px; padding: 0px 0px 0px 20px;  }
#sectionNav li a { font-size: 100%; font-weight: normal; }
#sectionNav li a.active { font-weight: bold; }  

#footerSection { 
  font-size: 83%; 
  color: #fff; 
  padding: 0px; 
  background: #517283 url("bg_footersection.gif") top center no-repeat; 
  margin: 0px auto 0px auto; 
  position: relative; 
	padding-top: 10px;
	z-index: 1;
}
#footerSection p { text-align: center; margin-top: 10px; }
#footerSection a, #footerSection a:visited, #footerSection a:hover, #footerSection a:visited:hover { color: white; }