/* HOME PAGE STYLES */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                     SAME EVERY STYLE 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* BASIC STYLE ITEMS */

* {margin:0; padding:0;}
body {background-color: #fff; color: #000; margin:0; padding:0; font-family: verdana, arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;} /*won't work in body */
p, ul, h3 {font-size: 85%;}
h2, h5 {color: #666666; margin-top:0;} /*sets top margin to 0 to align with side nav */
h3 {color:#336633; }
.intense, {font-weight: bold;}
.script {font-style: italic; line-height:180%;}
.contact {font-size: 70%; padding: .5em;} 	
.blog {font-size: 75%; color: #666;} 	
.blogdate {font-size:75%; color: #333; font-weight:bold;}
.darkgray {color:#333; font-weight:bold;}
.ltgray {color: #666;} /* top & L/R padding */

/*Standard table styles in Body */
td {vertical-align:top; border-width:0; text-align:left;} /*CHANGE border to 0 when done designing border-width:0;*/
table.label {font-size:85%;}
ul 	{margin-left: 35px;}

/* DIV DESIGN LAYOUT - FLUID HEAD/SUBHEAD/FOOT/2 COLUMNS */
#container /*This "wraps" all content in a website or a section that needs specific elements to "float" together */
	{text-align: left;
	margin: 0 auto;
	width: 100%;
	background: #fff;}

#containerintro /*This "wraps" all content in a website or a section that needs specific elements to "float" together */
	{text-align: left;
	margin: 0 auto;
	width: 100%;
	background: #fff;
	background-image:url(images/sb_background.png); 
	background-repeat:repeat;}

#headbar
	{background: #000;
	color: #999;
	padding: 1em 2%;}

#content
	{float: left;
	width: 70%;
	padding: 1em 2%;} /* top & L/R padding */
		
#contents
	{float: left;
	width: 74%;
	padding: 1em 2%;} /* top & L/R padding */

#contentsfull
	{float: left;
	width: 98%;
	padding: 1em 2%;} /* top & L/R padding */

#sidebar
	{float: left;
	width: 20%;
	display: inline;
	padding: 1em 2%;}
	
#sidebarmain
	{float: left;
	width: 16%;
	display: inline;
	padding: 1em 1%;}
	
#footer
	{clear: both; /*forces footer to float below the nav and content*/
	background: #cccccc;
	color: #000;
	text-align: center;}	
	
/*#subheadbar not being used?
	{background: #808080;
	color: #fff;
	padding: 1em 2%;
	margin: 0;}*/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                     DIFFERENT PER SECTION 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */	
	
/* BODY INLINE NAVIGATION LINKS - GREEN */
a:link {color: #336633; text-decoration:none; font-weight:bold;} /* green colored link*/
a:hover {color: #202020; text-decoration:none; font-weight:bold; font-size:110%;}
a:visited {color: #333; text-decoration:none;  font-weight:bold;} /* gray colored link*/
a:focus, a:active {color: #202020; text-decoration:none;  font-weight:bold;} /* light-gray colored link*/
	
/* ROLLOVER HORIZONTAL NAVIGATION - GRAY */

ul#navigation 
	{margin-left: 0;
	padding-left: .5em;
	list-style-type: none;
	background: #808080;
	float: left;
	width: 100%;}
		
ul#navigation li
	{display:inline;}
	
ul#navigation a
	{display: block;
	float: left; 
	padding: .2em 1em;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	background: #808080;
	border-right: 1px solid #fff;}
		
ul#navigation a:hover
	{background:  #000;
	color: #cccccc;
	font-weight:bold;
	 font-size:100%;}
	
/* SLIDESHOW LAYOUR FROM JONDESIGN'S */	
	
.gallcontent
{
	float:left;
	
}

.gallcontent a
{
	color: #fff;
}

.gallcontent p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #333;
}

.content p.linkage a { color: #fff; }

#myGallery
{
	text-align: left;
	margin: 0 auto;
}

/*
This area was already commented out

.gallcontent p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.gallcontent p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

/* ADDITIONAL CSS INFORMATION

FLUID HEAD/SUBHEAD/FOOT/2 COLUMNS:
Container: 100% wide
Head, subhead, footer - assumed 100% wide
Navbar: 20% wide + 2% padding
Content: 70% wide + 2% padding
6% error margin left