@charset "UTF-8";
/* CSS Document */


@import url("reset.css");

body {
	font: normal normal 13px/1.3em arial, helvetica, sans-serif;
	color: #444;
	background:#fff url(/gfx/inside_bg.jpg) repeat-x top left;
}

body#home {
	background:#fff url(/gfx/home_bg.jpg) repeat-x top left;
}

.repl {
	text-indent: -999999px;
	overflow: hidden;
	display: block;
}

#main_content .tight {
margin-bottom:0em; padding:0;
}

/* Main Divisions
--------------------------------------------------------------------------------------------------- */

#container {
	width: 900px;
	margin: 0 auto;
	clear:both;
	position:relative;
}

#banner {
	width:900px; height:174px;
	background: transparent url(/gfx/banner.jpg) no-repeat top left;
	position:relative;
	}
	
	h1#logo a {
	width:400px; height:60px;
	text-indent:-9999px;
	position:absolute; left:0; top:50px;
	}
	
	#banner p.alert {
	position:absolute; left:0; top:10px;
	font:normal 12px/1.3em arial, helvetica, sans-serif;
	color:white;
	}
	#banner p.alert strong {color:#ff9900;}
	#banner p.alert a {color:white;}
	
#slideshow_container {
	width:900px;
	height:370px;
	background:url(/gfx/slideshow_bg.gif) no-repeat top left;
	position:relative;
	margin-top:10px;
	}
	
	#slideshow_container a.facebook {position:absolute; left:668px; top:320px; display:block; width:50px; height:50px; text-indent:-9999px;}
	
	#slideshow_container a.youtube {position:absolute; left:618px; top:320px; display:block; width:50px; height:50px; text-indent:-9999px;}
	
#slideshow_container #slideshow {
	width:576px; height:350px;
	position:absolute;
	left:10px; top:14px;
	}
	
	#slideshow_container #slideshow object#doughomeflash {
	display:block;
	position:relative;
	}
	
#main_content {
	width:580px;
	float:left;
	padding-top:30px;
	padding-bottom:30px;
	}
	
#sidebar {
	width:280px;
	float:right;
	}
	
/* Footer Styles
--------------------------------------------------------------------------------------------------- */

	
#footer_wrap {
	height:240px; width:100%;
	background:url(/gfx/footer_bg.jpg) repeat-x top left;
	clear:both;
	position:relative;
	}
	
#footer_inside {
	width:900px; margin:0 auto;
	padding:18px 0;
	text-align:left;
	}
	
ul#footernav li {
	display:inline; margin-right:10px;
	}
	
ul#footernav li a { color:white;}

#footer_inside p {
	float:left;
	margin-right:20px;
	width:175px;
	margin-top:30px;
	font-size:11px;
	}
	
#footer_inside p strong {
	color:#023a5e; font-size:12px;
	}
	
/* List Styles
--------------------------------------------------------------------------------------------------- */

.list_wrap {
margin-bottom:20px;
} 

	
/* Portlets
--------------------------------------------------------------------------------------------------- */

.portlet {
width:280px;
background:url(/gfx/portlet_bg.gif) no-repeat bottom left;
margin-bottom:15px; padding-bottom:10px;
}

#newsportlet.portlet {
margin-top:20px;
}

.portlet h2 {
display:block;
width:280px;
height:35px;
text-indent:-9999px;
margin-bottom:10px;
}

.portlet p {
margin:0 10px 0 10px;
}

#newsportlet h2 {
background:url(/gfx/portlet_head_news.gif) no-repeat top left;
}

#oppnewsportlet h2 {
background:url(/gfx/portlet_head_oppnews.gif) no-repeat top left;
}

.portlet ul {
margin:0 10px 0 10px;
}

.portlet li {
margin-bottom:10px;
}

.portlet li a { 
font:bold 11px/1.3em arial, helvetica, sans-serif;
color:#0f5f92;
text-transform:uppercase;
}

.portlet span.date {
font:normal 10px/1.3em arial, helvetica, sans-serif;
color:#888;
text-transform:none;
}

#signup {
width:280px; height:141px;
background:url(/gfx/signup_bg.jpg) no-repeat top left;
margin-bottom:15px; padding-bottom:10px;
}

	#signup h2 {
	display:block; width:280px; height:40px; text-indent:-9999px; margin-bottom:0; padding-bottom:0;
	}

	#signup input.name, #signup input.email {
	margin:0 10px 8px 10px;
	width:230px;
	}

	.buttonstyle {
	margin-left:10px;
	}


/* Primary Navigation 
--------------------------------------------------------------------------------------------------- */

ul#nav {
display:block;
width:723px; height:50px;
background:url(/gfx/nav_bg.jpg) no-repeat bottom left;
position:absolute; left:0; top: 124px;
}

ul#nav li {
float:left;
display:inline;
}

ul#nav li a {
display:block;
height:50px;
text-decoration:none;
background-image:url(/gfx/nav_bg.jpg);
text-indent:-9999px;
}

li#n_doug a { width:125px; background-position:0 -100px;}
li#n_doug a:hover { width:125px; background-position:0 -50px;}
body#doug li#n_doug a { width:125px; background-position:0px 0px;}

li#n_inhouse a { width:132px; background-position:-125px -100px;}
li#n_inhouse a:hover { width:132px; background-position:-125px -50px;}
body#inhouse li#n_inhouse a { width:132px; background-position:-125px 0px;}


li#n_calendar a { width:120px; background-position:-257px -100px;}
li#n_calendar a:hover { width:120px; background-position:-257px -50px;}
body#calendar li#n_calendar a {background-position:-257px 0px;}


li#n_news a { width:83px; background-position:-377px -100px;}
li#n_news a:hover { width:83px; background-position:-377px -50px;}
body#news li#n_news a {background-position:-377px 0px;}

li#n_tools a { width:153px; background-position:-460px -100px;}
li#n_tools a:hover { width:153px; background-position:-460px -50px;}
body#tools li#n_tools a { width:153px; background-position:-460px 0px;}


li#n_contact a { width:110px; background-position:-613px -100px;}
li#n_contact a:hover { width:110px; background-position:-613px -50px;}
body#contact li#n_contact a { width:110px; background-position:-613px 0px;}



/* Standard Styles most sites edit as needed
still needs to be edited
--------------------------------------------------------------------------------------------------- */


em, i {font-style: italic;}
strong, b {font-weight: bold;}
.left {float: left; width: auto;}
.right {float: right; width: auto;}
sub {vertical-align: sub;}
sup {vertical-align: super;}

p {margin-bottom: .8em; margin-top:0; padding:0;}

a, a:link, a:visited {
	font-weight: inherit;
	color: #0f5f92;
  text-decoration: none;
}

a:hover { text-decoration:underline;}


img.left {padding-right: 10px;}
img.right {padding-left: 10px;}


/* Site Specific Typography
--------------------------------------------------------------------------------------------------- */

h2, #home #main_content h3 {
font-size:22px;
font-weight:bold;
color:#0f5f92;
line-height:1.3em;
margin-bottom:12px;padding:0;
}

h2.latest {display:block; width:230px; height:30px; text-indent:-9999px; background:url(/gfx/heading_latest.gif) no-repeat top left;}
h2.inthehouse {display:block; width:230px; height:30px; text-indent:-9999px; background:url(/gfx/heading_inthehouse.gif) no-repeat top left;}
h2.calendar {display:block; width:300px; height:30px; text-indent:-9999px; background:url(/gfx/heading_calendar.gif) no-repeat top left;}
h2.tools {display:block; width:230px; height:30px; text-indent:-9999px; background:url(/gfx/heading_tools.gif) no-repeat top left;}
h2.news {display:block; width:230px; height:30px; text-indent:-9999px; background:url(/gfx/heading_news.gif) no-repeat top left;}
h2.contact {display:block; width:230px; height:30px; text-indent:-9999px; background:url(/gfx/heading_contact.gif) no-repeat top left;}


#main_content p.date {
text-transform:uppercase;
font-weight:bold;
color:#888;
}

#home p.summary {
font:normal 16px/1.3em arial, helvetica, sans-serif;
color:#3293cd;
}

/* Tagging
--------------------------------------------------------------------------------------------------- */

#cloud {
margin-top:30px;
}

#cloud h2 {
color:#ff9900;
text-transform:uppercase;
font-size:16px;
}

#cloud a {
line-height:1.2em;
}


/* Clear Fix
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */