/*  
Theme Name: Theme Name
Theme URI: http://www.agency3.com
Description: Designed by Agency3.
Version: 1.0
*/

/*  COLORS

*/

/**********************************************
*   BASELINE RESET                            *
***********************************************/
* {margin:0px; padding:0px;}

.printonly {display:none;}

/**********************************************
*   Basics & Typography                       *
***********************************************/
body {
	background: #999 url('../images/background.gif');
	font-family: Trebuchet, Verdana, Arial, sans-serif;
	font-size: 12px;
}

hr {display: none;}
.clear{clear:both;}
.right{float:right; margin-left:20px; margin-bottom:20px;}
/**********************************************
*   PAGE CONTAINER                            *
***********************************************/
#page {width:775px; margin:25px auto; border:1px solid #000;}

/**********************************************
*   Site Header                               *
***********************************************/	
#header { background: #CCC url('../images/header.jpg') no-repeat left; height: 100px; width: 100%;}
#siteheader { margin: 0; height: 100px; width: 100%; }
#header a { display: block; height: 100px; text-decoration:none; width:300px;}
#header span{ display:none; }
#header h1 { padding:0px; margin: 0px;}

/**********************************************
*   Main Navigation Bar                       *
***********************************************/
#navigation { background: #990000 url(../images/navigation-bg.jpg); height:30px; width: 100%; border-top:1px solid #000; border-bottom:1px solid #000; }
#navigation ul { float: right; margin:0px; line-height:30px; list-style-type: none; }
#navigation ul li {display:inline;}
		
#navigation ul li a {
	float: left;
	display: block;
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	padding:0px 10px;
	border-left:1px solid #333;
}

#navigation ul li a:link, #navigation ul li a:visited { color: #fff; background: none;}
#navigation ul li a:hover, #navigation ul li a:active { color: #fff; background: #222; text-decoration: none;}

/**********************************************
*   Body Content                              *
***********************************************/
#content {width:100%; background:#fff;padding-top:30px;}

.subnav{float:left; width:209px; padding:0px 10px;}
.subnav ul{list-style-type:none; margin-bottom:30px;}
.subnav ul li {margin:0px;padding:0px;}
.subnav ul li a {text-decoration:none; display:block;padding:5px 5px 5px 10px; color:#fff;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc; background:#efefef;}
.subnav ul li a.active {background:#CCC; font-weight:bold;}
.subnav ul li a.active:hover {background:#CCC;}
.subnav ul li a:hover{background:#DDD;}
.subnav p{color:#111; padding:3px 5px 3px 10px; line-height:1.5em;border-bottom:1px dotted #ccc;}
.subnav h2{background:#222; color:#fff; font-size:12px;font-weight:normal; padding:5px 5px 5px 10px;}
.subnav a:link, .subnav a:visited {text-decoration:none; color:#990000;}
.subnav a:hover,.subnav a:active{text-decoration:underline;}

.subnav .sidebarmark {text-align:center; margin:30px 0px; border:none;}
.subnav .sidebarmark-nopadding {text-align:center; margin:0px; border:none;}

.body-content-narrow{float:right; width:525px; border-left:1px dotted #CCC; padding:0px 10px;}
.body-content-narrow h2{background:#222; color:#fff; font-size:12px;font-weight:normal; padding:5px;}
.body-content-narrow h3{background:#efefef; color:#000; font-size:14px;font-weight:normal; padding:10px;margin:12px 0px;}
.body-content-narrow p{margin-top:11px; color:#111;line-height:1.5em;}
.body-content-narrow blockquote{margin-top:10px;color:#111;line-height:1.5em; background:#efefef;padding:5px 10px 10px 10px; border:1px solid #ccc;}
.body-content-narrow blockquote p {margin-top:5px;}
.body-content-narrow ul{margin:11px 15px; color:#111;line-height:1.5em;}
.body-content-narrow ul li ul{margin:0px 30px; color:#111;line-height:1.5em;}
.body-content-narrow ol{margin:11px 20px; color:#111;line-height:1.5em;}
.body-content-narrow img{padding:9px; background:#FFF;border:1px solid #CCC;}
.body-content-narrow img.right{float:right; margin:10px 0px 10px 10px;}
.body-content-narrow img.left{float:left; margin:10px 10px 10px 0px;}

.body-content-narrow a:link, .body-content-narrow a:visited {text-decoration:none; color:#990000;}
.body-content-narrow a:hover,.body-content-narrow a:active{text-decoration:underline;}

.body-content-wide{float:right; width:580px; color:#999;}
.body-content-wide h2{background:#222; color:#fff; font-size:12px;font-weight:normal; padding:5px;}
.body-content-wide ul{margin:10px 30px;}
.body-content-wide ul li{margin:5px 0px;}

/**********************************************
*   Page Footer                               *
***********************************************/
#footer {width:100%;text-align:center; padding-top:20px; background:#fff;}
#footer p { background:#CCC;border-top:1px solid #000;padding:20px 0px;}
#footer p a {text-decoration:none;color:#990000;}
#footer p a:hover {color:#fff;}