/*  
Theme Name: Town_Council_Blog
Theme URI: 
Description: A theme generated by ThemesPress.com
Author: ThemesPress
Author URI: http://themespress.com/
*/
html, body, div, span, object, img, h1, h2, h3, h4, h5, h6, ul, ol, li, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	color: #000099;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
	font: 1em/1.4em Arial, Helvetica, sans-serif;
}


body#blue {
	background: #F8F8F8 url(images/bodyBkgrndBlue.jpg) repeat-x left top;
	}

/* page titles. */
h1 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
}

/*-- Top nav Styles*/
/* Sets the style for unvisited links. */
#outerWrapper #aboveHeader a:link {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for visited links. */
#outerWrapper #aboveHeader a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for links on mouseover. */
#outerWrapper #aboveHeader a:hover {
	color: #CCC;
	text-decoration: underline;
}
/* Sets the style for a link that has focus. */
#outerWrapper #aboveHeader a:focus {
	color: #FFF;
}
/* Sets the style for a link that is being activated/clicked. */
#outerWrapper #aboveHeader a:active {
	color: #666;
}

/*-- End top nav styles*/
img {
border: 0px none;
}
.imgleft {
	padding: 5px 5px 5px 0px;
	float: left;	
}	
.imgright {
	padding: 5px 0px 5px 5px;
	float: right;
}

/*-- Common nav styles --*/
/* Sets the style for unvisited links. */
a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
	color: #000;
	text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
	color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
	color: #000;
}
/*-- End common nav styles --*/

#outerWrapper {
	margin: 10px auto 0;
	text-align: left;
	width: 852px;
}
#outerWrapper #aboveHeader {
	text-align: right;
	padding: 10px 0;
	color: #fff;
	}
#outerWrapper #header {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	}

	
/*-- Tables styles --*/	
.masterDetailTable {
	border:thin solid #CCCCCC;
}
.masterDetailTable tr {
	border:thin solid #CCCCCC;
}
.masterDetailTable td {
	border:none;
}

.dataLayoutTable {
	font-size: .7em;
	width: 100%;
	border-collapse: collapse;
}
	
/*-- End Tables --*/	
	
/*---- Navigation styles ----*/


#outerWrapper #header #nav {
	position: absolute;
	width: 852px;
	top: 135px;
}
/*-- Plus p7pmh0.css in p7pm folder*/
/*---- end Navigation styles ----*/

#outerWrapper #imageHeader {
	position: relative;
	height: 231px;
}

body#blue #outerWrapper #imageHeader {
	background: url(images/homeHeaderImage.jpg) no-repeat left bottom;
}

#headerShadow {
	background: url(images/headerShadow.gif) no-repeat left top;
	height: 20px;
}

#headerShadow a {
	margin-left: 20px;
}

#outerWrapper #contentWrapper {
	background: #fff url(images/wrapperBkgrnd.gif) repeat-y left top;
}
#outerWrapper #contentWrapper #rightColumnTop {
	background-color: #6AB4E3;
	float: right;
	padding: 10px 15px 10px 15px;
	width: 142px;
	font-size: .6;
}

#outerWrapper #contentWrapper #rightColumnTop h1 {
	font-size: .9em;
	font-weight: bold;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 5px;
}

#outerWrapper #contentWrapper #rightColumnTop h1 a {
	color: #000099;
}
#outerWrapper #contentWrapper #rightColumnTop h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: .8em;
	line-height: 1em;
}
#outerWrapper #contentWrapper #rightColumnTop p {
	margin-top: 5px;
	color: #000;
	font-size: .7em;
	line-height: 1em;
}
#outerWrapper #contentWrapper #rightColumnMiddle {
	clear: right;
	background-color: #67B2E2;
	float: right;
	width: 172px;
}

#outerWrapper #contentWrapper #rightColumnMiddle h3 {
	font-size: 1em;	
}

#outerWrapper #contentWrapper #rightColumnMiddle ul {
	font-size: .8em;
	list-style: none;
	margin: 0 0 0 -28px;
}

#outerWrapper #contentWrapper #rightColumnMiddle hr {
	margin: 10px 20px 0 0;
}

#outerWrapper #contentWrapper #rightColumnMiddle li {
	
}

#outerWrapper #contentWrapper #rightColumnBottom {
	clear: right;
	color: #000;
	float: right;
	padding: 10px 15px 10px 15px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 142px;
}
#outerWrapper #contentWrapper #rightColumnBottom h1, h2, h3 {
	color: #000;
}
#outerWrapper #contentWrapper #rightColumnBottom p {
	font-size: 12px;
	color: #66FFFF;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	margin: 0 210px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px 20px 10px 36px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	font-family: Arial, Helvetica, sans-serif;
}

#outerWrapper #contentWrapper #content .footnote {
	font-size: .7em;
}
/* Content section navigation */
#outerWrapper #contentWrapper #content .navtable {
	/*width: 100%;*/
	border-collapse: collapse;
}

#outerWrapper #contentWrapper #content .navtable td {
	padding: 0 5px 0 5px;
	border-bottom: 1px solid #CCCCCC;
}
#outerWrapper #contentWrapper #content .navtable tr.first {
	border-top: 3px solid #CCCCCC;
}
#outerWrapper #contentWrapper #content .navtable tr.last {
	border-bottom: 2px solid #CCCCCC;
}
/*-- Common nav styles --*/
/* Sets the style for unvisited links. */
#outerWrapper #contentWrapper #content .navtable a:link {
	color: #000099;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for visited links. */
#outerWrapper #contentWrapper #content .navtable a:visited {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for links on mouseover. */
#outerWrapper #contentWrapper #content .navtable a:hover {
	color: #000099;
	text-decoration: underline;
}
/* Sets the style for a link that has focus. */
#outerWrapper #contentWrapper #content .navtable a:focus {
	color: #000099;
	text-decoration: underline;
}
/* Sets the style for a link that is being activated/clicked. */
#outerWrapper #contentWrapper #content .navtable a:active {
	color: #666;
}
/*-- End common nav styles --*/
/* End content section navigation*/

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */

/*  section titles. */
div .bottom_meta {
	font-size: .7em;
}

div .top_meta {
	font-size: .7em;
}

div .more-link {
	font-size: 0.7em;
	color: #666;
}

#commentform p {
	font-size: .7em;
}

.commentmetadata {
	font-size: .7em;
}

#outerWrapper #contentWrapper #content h2 {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.4em;
	color: #000099;	
}
#outerWrapper #contentWrapper #content h3 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.3em;
	color: #000099;	
}
#outerWrapper #contentWrapper .clearFloat {
	clear: right;
	display: block;
}

#outerWrapper #footer {
	text-align: right;
	margin-bottom: 20px;
	/*height: 80px;*/
	padding-top: 50px;
	padding-right: 192px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(images/footerBkgrnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#outerWrapper #footer p {
	margin: 0;
	padding: 0;
	font-size: .8em;
	}
#outerWrapper #footer .townCouncilLetters {
	color: #0033FF;
	text-transform: capitalize;
	padding: 0 10px;
}
#arooney {
	font-size: .6em;
	}
	
#biog-img {
	background-image: url(images/BiogBackground.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 195px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	float: left;
}
.imgcenter {
	text-align: center;
}