/*
=============================================================================================

Gritton Productions
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2008

=============================================================================================
*/



/* Color Scheme
=============================================

Headings - #000000
Body Font - #ffffff
Links - #ff0000

========================================== */




body {background:#EFEFEF url(/images/layout/sitebg.gif) left top repeat-x; font:12px Helvetica, Arial,  sans-serif; color:#222; margin:0;}

a {outline-style:none; color:#4b246c; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#4b246c; text-decoration:none;}

img {border:none;}
strong {font-weight:bold;}
input, textarea {background:#fff; border:1px solid #777;}

/* Use to add jump link to navigation and main content also add link in footer to jump to top of page for screen readers */
.access {display: none; text-indent:-9999px; overflow:hidden; height:0;}

.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}




/* Layout
========================================== */

#wrapper {background:url(/images/layout/page-grad.jpg) center top repeat-y; margin:0 auto; width:920px;}

/*=== Header ===*/
#header {background:url(/images/layout/header.gif) left top repeat-x; height:125px; position:relative;}
#header h1 {margin:0; position:absolute; top:5px; left:350px; text-indent:-9999px; overflow:hidden; background:url(/images/layout/logo-main.jpg); height:115px; width:190px;}
#header h1 a {display:block; height:115px; width:190px;}
#header ul {margin:0; padding:0; width:725px; position:absolute; color:#fff; top:50px; left:95px;}
#header ul li {float:left; list-style:none; text-align:center; line-height:18px; font-size:12px;}
#header ul li span {display:block; font-size:16px;}
#header ul #direct {float:right;}


/*=== Navigation ===*/

/* MAIN */
/* If using a horizontal nav, add display:block to the a tag and display:inline li to create the button but remove the extra whitespace from IE6 and watch using a height on the A tag */
.home #navMain {width:187px; float:left; background:url(/images/layout/grey-grad.jpg) top left repeat-x; margin:0 0 0 5px; border-left:3px solid #fff; padding:0 15px;}
.home #navMain h2 {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; margin:5px 10px 0; font-style:italic;}
.home #navMain p {text-align:center; padding-bottom:10px; border-bottom:2px dotted #666; font-size:11px; line-height:16px;}
.home #navMain ul {margin:0; padding:0;}
.home #navMain ul li {list-style:none; padding:5px 0 10px 10px;}
.home #navMain ul li:hover {background:#CDCBBF;}
.home #navMain ul li a {background:none; text-decoration:none;}
.home #navMain ul li a h3 {font-size:19px; font-family:Georgia, "Times New Roman", Times, serif; color:#462365; margin:0 0 0px;}
.home #navMain ul li a:hover h3 {text-decoration:underline;}
.home #navMain ul li a p {text-align:left; padding:0; border:none; color:#000; margin:0px;}
.home #navMain ul li.last {border:none;}


#navMain {width:197px; float:left;margin:0 0 0 10px; border-left:3px solid #fff; padding:0 15px;}
#navMain h2 {font-size:15px; font-family:\ color:#462365; text-align:left; margin:5px 10px 0; font-weight:normal;}
#navMain p {text-align:center; padding-bottom:10px; font-size:11px; line-height:16px;}
#navMain ul {margin:0; padding:0;}
#navMain ul li {list-style:none; padding:8px 10px 8px 10px; border-bottom:2px dotted #666;}
#navMain ul li.last {border:none;}
#navMain ul li a {background:none; text-decoration:none;}
#navMain ul li:hover {background:#c3bfcb;}
#navMain ul li a h3 {font-size:19px; font-family:Georgia, "Times New Roman", Times, serif; color:#462365; margin:0 0 2px; font-weight:normal;}
#navMain ul li a:hover h3 {text-decoration:underline;}
#navMain ul li a p {text-align:left; padding:0; border:none; color:#000; margin:0px;}


/*=== Flash ===*/
#news {width:192px; float:left; padding:0 5px 10px 0; background:url(/images/layout/newsBg.jpg) top left no-repeat; height:269px;}
#articles {text-align:left; padding:40px 0 5px 0; font-size:11px; line-height:16px; height:265px;}
#newsheadline {font:12px Helvetica, sans-serif; font-weight:bold; color:#222; margin-left:10px;}
.newsdetails {text-align:left; color:#222; margin-left:10px; padding-bottom:10px;}
#articles .viewmore p a {text-align:right;}


/* SUB */
#navSub {background:url(/images/layout/subnav-grad.gif) left top repeat-x; height:35px; font-size:10px; position:relative; margin:0 10px;}
#navSub ul {margin:0; padding:0; position:absolute; top:15px; right:30px;}
#navSub ul li {list-style:none; float:left; border-right:1px solid #fff; padding:0 10px; display:inline;}
#navSub ul li.last {border:none;}
#navSub ul li a {color:#fff; text-decoration:none;}
#navSub a:hover {text-decoration:underline;}


/*=== Flash ===*/
#flash {position:absolute;}
#gallery {margin:20px 0 0 45px;}


/*=== Content ===*/

/* MAIN CONTENT AREA */
#content {width:665px; float:left; border-right:3px solid #fff;}
#contentImage {background:url(/images/layout/interior-image.jpg)top center no-repeat; width:849px; height:191px; border-bottom:4px solid #493F5A; margin:auto;}
#all {float:right; padding:0 20px 20px 0;}
#leftCol {width:250px; color:#222; float:left; line-height:16px; position:relative;}
#leftCol ul li strong {width:250px; margin:0 0 0 0px; list-style:disc;}

#rightCol {width:250px; color:#222; float:left; line-height:16px; position:relative;}
#rightCol ul li strong {width:250px; margin:0 0 0 0px; list-style:disc;}
#main {width:600px; color:#222; float:right; line-height:20px; position:relative;}
#main p { width:550px; float:left;}


/*=== Footer ===*/
#footer {background:url(/images/layout/subnav-grad.gif) left top repeat-x; position:relative; clear:both; margin:0 10px;}
#footer h4 {margin:0 auto; text-indent:-9999px; overflow:hidden; background:url(/images/layout/tagline.jpg) left top no-repeat; height:30px; width:440px; padding:0;}

#footerNav {font-size:10px; margin:10px auto 0; text-align:center; width:590px;}
#footerNav ul {margin:0; padding:0;}
#footerNav ul li {list-style:none; float:left; border-right:1px solid #777; padding:0 10px; display:inline;}
#footerNav ul li.last {border:none;}
#footerNav ul li a {color:#777; text-decoration:underline;}
#footerNav a:hover {text-decoration:none;}
#footerNav p {text-align:center; font-size:10px; color:#777;}

#delawarenet a:link, #delawarenet a:visited {font-size:10px; display:block; text-decoration:none; height:30px; width:275px; color:#4b246c;}

#delawarenet a:hover {font-size:10px; display:block; text-decoration:underline; height:30px; width:275px; color:#4b246c;}




/*=================== HACKS =========================*/
/*=== (PLEASE PUT ALL NORMAL CSS ABOVE THIS AREA) ===*/
/*===================================================*/

/* MIN-HEIGHT / MIN-WIDTH IE HACK */
selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}
/* END */

/* THIS IS A GREAT CLEARING METHOD THAT WORKS IN IE/FIREFOX/OPERA - MOST OF THE TIME */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END */