* {margin: 0; padding: 0;}
body {font:12px Arial, Helvetica, sans-serif; color:#decec7; background:#ffffff url(/img/headerBG.jpg) top repeat-x;}
img	{border:0; display:block;}
table {border-collapse:collapse;}
p {line-height:16px; padding-bottom:14px;}
input, textarea { padding: 3px; }
a {color:#26718f;}

.smLink {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #26718f;}
.smLink:hover {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #ac0000;}

/* HEADER WITH LOGO */

#headerWrapper {margin:0 auto; padding:0; height:83px; width:912px;}
#headerWrapper #logo {width:538px; height:86px; background:url(/img/saulLogo.png) no-repeat; float:left; margin-top:15px;}
#headerWrapper #logo h1 a {display:block; text-indent:-123456px; width:538px; height:86px; float:left;}

/* NAVIGATION*/

#navWrapper {margin:0; padding:0; width:100%; height:65px; background-image:url(/img/navBar.png); clear:left;}
#navWrapper #nav {margin:0 auto; width:912px; height:40px;}
#navWrapper #nav ul {height:40px; list-style:none; float:left; padding-top:14px;}
#navWrapper #nav ul li {float:left; height:40px; position:relative;}
#navWrapper #nav ul li a {height:40px; display:block; float:left;}
#navWrapper #nav ul li#navHome a {width:57px; background: url(/img/navHome.png) no-repeat;}
#navWrapper #nav ul li#navHome a:hover {background-position: 0 -40px;}
#navWrapper #nav ul li#navIdea a {width:140px; background: url(/img/navIdea.png) no-repeat;}
#navWrapper #nav ul li#navIdea a:hover {background-position: 0 -40px;}
#navWrapper #nav ul li#navNeighborhood a {width:211px; background: url(/img/navNeighborhood.png) no-repeat;}
#navWrapper #nav ul li#navNeighborhood a:hover {background-position: 0 -40px;}
#navWrapper #nav ul li#navEmail a {width:153px; background: url(/img/navEmail.png) no-repeat;}
#navWrapper #nav ul li#navEmail a:hover {background-position: 0 -40px;}
#navWrapper #nav ul li#navAbout a {width:102px; background: url(/img/navAbout.png) no-repeat;}
#navWrapper #nav ul li#navAbout a:hover {background-position: 0 -40px;}
#navWrapper #nav ul li#navComeback a {width:130px; background: url(/img/navComeback.png) no-repeat;}
#navWrapper #nav ul li#navComeback a:hover {background-position: 0 -40px;}
#navWrapper #nav ul li#navFight a {width:119px; background: url(/img/navFight.png) no-repeat;}
#navWrapper #nav ul li#navFight a:hover {background-position: 0 -40px;}

/* NAVIGATION ACTIVE STATES */ 

body.home #navWrapper #nav ul li#navHome a {background-position:0 -40px;}
body.idea #navWrapper #nav ul li#navIdea a {background-position:0 -40px;}
body.neighborhood #navWrapper #nav ul li#navNeighborhood a {background-position:0 -40px;}
body.email #navWrapper #nav ul li#navEmail a {background-position:0 -40px;}
body.about #navWrapper #nav ul li#navAbout a {background-position:0 -40px;}
body.comeback #navWrapper #nav ul li#navComeback a {background-position:0 -40px;}
body.fight #navWrapper #nav ul li#navFight a {background-position:0 -40px;}

/* CONTENT AREA */

#contentWrapper {margin:0; width:100%; float:left; clear:left;}
#contentWrapper #content {margin:0 auto; width:912px;}

/* INTERIOR CONTENT AREA */

#contentWrapper #content #body {width:522px; float:left; margin: 20px 22px 0 0; clear:left; background:#FFFFFF;}
#contentWrapper #content #body h2 {font:24px "Times New Roman", Times, serif; font-weight:bold; color:#ca0000; padding: 0 0 10px 20px;}
#contentWrapper #content #body h3 {font:14px "Times New Roman", Times, serif;; font-weight:bold; color:#000000; padding:0 0 15px 20px;}
#contentWrapper #content #body h5 {font:18px "Times New Roman", Times, serif; font-weight:normal; color:#01374f; padding-left:20px;}
#contentWrapper #content #body h5 a {color:#01374f; text-decoration:none; font-weight:normal;}
#contentWrapper #content #body p {font: 12px Arial, Helvetica, sans-serif; color: #000000; line-height:18px; padding: 0 10px 20px 20px;}
#contentWrapper #content #body ul { list-style-image: url(/img/newsBullet.gif); margin-left:35px; padding-bottom:15px;}
#contentWrapper #content #body ul li{color:#595959; line-height:18px; padding: 0 0 10px 0;}
#contentWrapper #content #body img#header {padding: 10px 10px 10px 10px;}
#contentWrapper #content #body td {padding: 0 0 10px 20px; font:12px Arial, Helvetica, sans-serif; color:#000000;}



#contentWrapper #content #News a {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #26718f;}
#contentWrapper #content #News a:hover {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #ca0000;}

/* INTRO */

#contentWrapper #content #Intro {width:522px; float:left; margin: 20px 22px 0 0; clear:left;}
#contentWrapper #content #Intro div.introbox {width: 522px; height: 180px; background-color: #054f6c; padding-top:10px;}
#contentWrapper #content #Intro div.introbox h2 {font:24px "Times New Roman", Times, serif; font-weight:bold; color:#FFFFFF; padding: 10px 0 0 20px;}
#contentWrapper #content #Intro div.introbox p {font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 0 10px 20px 20px; line-height:18px;}

#contentWrapper #content #Intro a {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #bcecff;}
#contentWrapper #content #Intro a:hover {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #FFFFFF;}

/* BLURBS */

#contentWrapper #content #Blurbs {width:368px; float:left; margin-top:20px;}
#contentWrapper #content #Blurbs div.blurbbox {width: 368px; height: 250px; background-color: #054f6c; padding-top:10px;}
#contentWrapper #content #Blurbs div.blurbbox h2 {font:24px "Times New Roman", Times, serif; font-weight:bold; color:#FFFFFF; padding: 10px 0 0 20px;}
#contentWrapper #content #Blurbs div.blurbbox p {font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 0 10px 20px 20px;}
#contentWrapper #content #Blurbs ul {list-style:none; margin-left:20px;}
#contentWrapper #content #Blurbs ul li#blogDiv {width:180px; background: url(/img/blogDiv.gif) center left;}

#contentWrapper #content #Blurbs a {font:12px Arial, Helvetica, sans-serif; text-decoration:none; color: #b5e5f9;}
#contentWrapper #content #Blurbs a:hover {font:12px Arial, Helvetica, sans-serif; text-decoration:none; color: #FFFFFF;}
#contentWrapper #content #Blurbs .times {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #FFFFFF;}
#contentWrapper #content #Blurbs .times:hover {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #bcecff;}

/* THATS SAUL */

#contentWrapper #content #saul {width:370px; height:92px; float:right; clear: left; margin: 10px 0 20px 0; background:url(/img/that_saul.gif);}

/* NEWS */

#contentWrapper #content #News {width:522px; float:left; margin: 20px 22px 0 0;clear:left;}
#contentWrapper #content #News h2 {font:24px "Times New Roman", Times, serif; font-weight:bold; color:#000000; padding: 0 0 15px 20px;}
#contentWrapper #content #News h3 {font:18px "Times New Roman", Times, serif; font-weight:bold; color:#ca0000; padding-left:20px;}
#contentWrapper #content #News p {font: 12px Arial, Helvetica, sans-serif; color: #595959; line-height:18px; padding: 0 10px 20px 20px;}
#contentWrapper #content #News ul { list-style-image: url(/img/newsBullet.gif); margin-left:35px;}
#contentWrapper #content #News table {margin-left:20px;}

#contentWrapper #content #News a {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #26718f;}
#contentWrapper #content #News a:hover {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #ca0000;}
#contentWrapper #content #News .smNews {font:11px Arial, Helvetica, sans-serif; text-decoration:none; color: #2d7795;}
#contentWrapper #content #News .smNews:hover {font:11px Arial, Helvetica, sans-serif; text-decoration:none; color: #ca0000;}
#contentWrapper #content #News td {padding: 0 0 10px 20px; font:12px Arial, Helvetica, sans-serif; color:#000000;}

/* JOIN */

#contentWrapper #content #Join {width:522px; float:left; margin: 20px 22px 0 0;}
#contentWrapper #content #Join h2 {font:24px "Times New Roman", Times, serif; font-weight:bold; color:#000000; padding: 0 0 15px 20px;}
#contentWrapper #content #Join h3 {font:18px "Times New Roman", Times, serif; font-weight:bold; color:#ca0000; padding-left:20px;}
#contentWrapper #content #Join p {font: 12px Arial, Helvetica, sans-serif; color: #595959; line-height:18px; padding: 0 10px 20px 20px;}
#contentWrapper #content #Join ul { list-style-image: url(/img/newsBullet.gif); margin-left:35px;}
#contentWrapper #content #Join table {margin-left:20px;}

#contentWrapper #content #Join a {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #26718f;}
#contentWrapper #content #Join a:hover {font:12px "Times New Roman", Times, serif; font-weight:bold; text-decoration:underline; color: #ca0000;}
#contentWrapper #content #Join .smNews {font:11px Arial, Helvetica, sans-serif; text-decoration:none; color: #2d7795;}
#contentWrapper #content #Join .smNews:hover {font:11px Arial, Helvetica, sans-serif; text-decoration:none; color: #ca0000;}
#contentWrapper #content #Join td {padding: 0 0 10px 20px; font:12px Arial, Helvetica, sans-serif; color:#000000;}

/* MEDIA */

#contentWrapper #content #Media {width:368px; float:left; margin-top:20px; margin-bottom:10px; background:#054f6c;}
#contentWrapper #content #Media h2 {font:24px "Times New Roman", Times, serif; font-weight:bold; color:#FFFFFF; padding: 10px 0 10px 20px;}
#contentWrapper #content #Media h3 {font:16px "Times New Roman", Times, serif; font-weight:bold; color:#FFFFFF; padding: 0 0 0 20px;}
#contentWrapper #content #Media p {font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 0 10px 20px 20px;}
#contentWrapper #content #Media a {font:12px Arial, Helvetica, sans-serif; color: #b5e5f9; text-decoration:none;}
#contentWrapper #content #Media a:hover {font:12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none;}

#contentWrapper #content #Media ul {list-style:none; margin-left:20px;}
#contentWrapper #content #Media ul li#blogDiv {width:180px; background: url(/img/blogDiv.gif) center left;}

/* FOOTER */

#footerWrapper {margin:10px 0 0 0; padding:0; width:100%; height:246px; background:url(/img/footerBG.png) repeat-x; clear:left;}
#footerWrapper #footer	{font-size: 12px; color: #ffffff; width:912px; height:246px; background:#054f6c; margin:auto;}
#footerWrapper #footer h4 {font:16px "Times New Roman", Times, serif; font-weight:bold; color: #ffffff;}
#footerWrapper #footer p {font:12px Arial, Helvetica, sans-serif; color: #ffffff;}

#footerWrapper #footer a {font:12px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none; line-height:14px;}
#footerWrapper #footer a:hover {font:12px Arial, Helvetica, sans-serif; color: #aae6ff; text-decoration:none;}

#footerWrapper #footer #sitemap {margin:0; padding:28px 0 0 0; width:200px; clear:left; float:left;}
#footerWrapper #footer #sitemap ul {list-style:none; margin-left:40px;}
#footerWrapper #footer #sitemap ul li.footerDiv {width:185px; background: url(/img/footerDiv.gif) center no-repeat; height:8px; line-height:8px;}

#footerWrapper #footer #blog {margin:0; padding:28px 0 0 40px; width:200px; float:left;}
#footerWrapper #footer #blog ul {list-style:none; margin-left:40px;}
#footerWrapper #footer #blog ul li.footerDiv {width:185px; height:8px; line-height:8px; background:url(/img/footerDiv.gif) center no-repeat;}

#footerWrapper #footer #connect {margin:0; padding:28px 0 0 150px; width:200px; float:left;}

/* LINKS */


/* FONTS */

h2 {font:24px "Times New Roman", Times, serif; font-weight:bold; color:#FFFFFF;}

h3 {font:18px Georgia, Arial, Helvetica, sans-serif; color:#60741f; padding-left:40px; padding-bottom:10px; }

h4 {font:12px Georgia, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding-left:40px; padding-bottom:10px; }

h5 {font:11px Arial, Helvetica, sans-serif; color:#838383; padding-left:40px; padding-bottom:10px; }



.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Helvetica, sans-serif;
	}

.commentlist li {
	font-weight: bold;
	margin-left:20px;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
	
span.catList li {list-style:none;}

.navigation {width:490px; float:left; margin-left:25px; margin-bottom:15px; color:#000;}
.navigation .alignleft {width:245px; float:left;}
.navigation .alignright {width:245px; float:right; text-align:right; padding-right:5px;}