/* 
VERSION 1.0
CREATED WITH SNAPPAGES IMPORT THEME SERVICE 1.0

SNAPPAGES CSS TEMPLATE
The following template was imported from an existing theme and 
is designed to be a starting point to help you create your own 
custom theme for your website. There are other CSS elements that have 
styles applied to them that aren't listed in this document however, 
you can still override these. Please note that if you modify any 
other elements not listed here, it could result in the website not 
functioning properly.

IMAGES
All the images associated with this CSS are stored in the
same directory as the CSS itself so write your URLs accordingly.

PAGE STRUCTURE EXAMPLE
Below you'll find an example of how the elements are nested on
the page so you can plan accordingly.

[html]
	[body]
		[wrapper]
			[header]
				[headerBg]
					[headerElements/]
				[/headerBg]
				[naviation]
					[headerLinks/]
					[secondaryNav/]
				[/navigation]
			[/header]
			[container]
				[pageTitle/]
				[content/]
			[/container]
			[footer]
				[footerLinks/]
			[footer]
		[/wrapper]
	[/body]
[/html]
*/

h2 { color: red;}


/*____________________________________________________
   Divs
  ____________________________________________________
*/

#billboard
{
	#footermargin-left:24px;
	border-top:solid 1px #CCC;
	float:left;
	margin-left:-20px;
	padding-bottom:30px
}

#container
{
	padding:0 0 50px;
	position:relative;
	width:900px;
	z-index:1
}

#content
{
	color:#000;
	overflow:hidden;
	padding:60px 20px 10px;
	position:relative;
	width:900px
}

#dropDown
{
	-moz-opacity:.9;
	background:#000;
	border:1px solid #222;
	color:#FFF;
	display:none;
	filter:alpha(opacity=70);
	margin-bottom:0;
	opacity:.9;
	padding:5px;
	position:absolute;
	text-align:left;
	top:35px;
	z-index:5
}

#footer
{
	bottom:0;
	clear:both;
	color:#666;
	font-size:12px;
	height:75px;
	margin:0 auto;
	padding-top:10px;
	position:relative;
	text-align:center;
	width:850px
}

#footer a:hover,#footerLinks a:hover
{
	background-color:Transparent;
	color:#FFF
}

#footer a:link,#footer a:visited
{
	color:#666;
	font-style:normal;
	font-weight:400;
	margin-right:14px;
	text-decoration:none
}

#footerLinks
{
	padding-bottom:5px
}

#footerLinks a:link,#footerLinks a:visited
{
	color:#666;
	text-transform:none
}

#footerLinks ul
{
	list-style:none;
	margin:0;
	overflow:visible;
	padding:0 0 3px
}

#footerLinks ul li
{
	border-right:#666 solid 1px;
	display:inline;
	list-style:none;
	margin-left:0;
	margin-right:0;
	padding:0 0 0 10px
}

#footerLinks ul li.first,#headerLinks > ul > li.first
{
	border-left:none
}

#footerLinks ul li.last,#headerLinks > ul > li.last
{
	border-right:none
}

#header
{
	height:200px;
	margin:0 auto;
	padding:0;
	position:relative;
	width:900px;
	z-index:2
}

#headerBg
{
	background-image:url(header.jpg);
	height:100%;
	width:100%
}

#headerLinks
{
	background:url(nav_bg.gif) top repeat-x;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	height:45px;
	min-height:45px;
	padding:13px 0 0 10px;
	position:relative;
	text-align:left
}

#headerLinks > ul
{
	list-style:none;
	margin:0;
	overflow:visible;
	padding:0 0 3px
}

#headerLinks > ul > li
{
	border-left:#eee solid 1px;
	border-right:#AAA solid 1px;
	display:inline;
	list-style:none;
	margin-left:0;
	margin-right:0;
	padding-bottom:11px;
	padding-top:13px;
	position:relative
}

#headerLinks > ul > li > a
{
	font-style:normal;
	font-weight:bold;
	text-decoration:none
}

#headerLinks > ul > li > a.selected
{
	color:#000
}

#headerLinks > ul > li > a:hover
{
	background:none;
	color:#333
}

#headerLinks > ul > li > a:link,#headerLinks > ul > li > a:visited
{
	color:#333;
	padding:7px 10px 18px;
	text-transform:none
}

#headerLinks > ul > li > ul > li > a:hover
{
	background:#333;
	color:#FFF
}

#headerLinks > ul > li > ul > li > a:link,#headerLinks > ul > li > ul > li a:visited
{
	background:#DDD;
	border:none;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	border-top:#999 1px solid;
	color:#666;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	white-space:nowrap
}

#headerLinks > ul > li > ul > li.last a
{
	border-bottom:#999 1px solid
}

#navigation
{
	margin:0 auto;
	padding:0;
	position:relative;
	width:900px
}

#pageTitle
{
	color:#333;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:28px;
	font-style:normal;
	font-weight:700;
	padding-bottom:25px;
	padding-left:10px;
	padding-top:10px
}

#wrapper
{
	margin:0 auto;
	min-height:100%;
	padding:0;
	position:relative;
	width:900px
}

/*____________________________________________________
   Blog Classes
  ____________________________________________________
*/

.blogDate
{
	color:#FFFFFF;
	float:left;
	font-size:0px;
	line-height:120%;
	margin-bottom:-8px;
	width:0px
}

.blogHeading
{
	color:#060E33;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;
	font-style:normal;
	font-weight:700;
	line-height:120%;
	margin-bottom:-8px
}

.blogHeading a:hover
{
	background:Transparent;
	color:#FFF;
	text-decoration:none
}

.blogHeading a:link,.blogHeading a:visited,.plusSign a:link,.plusSign a:visited
{
	color:#000;
	font-weight:700;
	text-decoration:none
}

.blogPosts ul
{
	list-style:none;
	margin:0;
	overflow:visible;
	padding:0
}

.blogPosts ul li
{
	display:inline;
	margin:0;
	padding:0
}

.blogPosts ul li a:hover
{
	background:Transparent;
	color:#000;
	display:block;
	text-decoration:none
}

.blogPosts ul li a:link,.blogPosts ul li a:visited
{
	border-top:solid 1px #CCC;
	color:#000;
	display:block;
	font-style:normal;
	font-weight:400;
	list-style:none;
	margin:0;
	padding:5px;
	text-decoration:none
}

.blogPosts ul li:last-child a
{
	border-bottom:solid 1px #CCC;
	text-decoration:none
}

.blogSide
{
	margin-bottom:20px;
	margin-left:15px
}

.blogSide a:link,.blogSide a:visited
{
	font-weight:400;
	text-decoration:none
}

.blogSideHeading
{
	color:#000;
	font-size:16px;
	font-weight:700;
	margin-bottom:-8px
}

.blogSideList
{
	line-height:120%;
	margin-left:10px;
	padding-bottom:10px
}

.divider
{
	border-bottom:solid 1px #CCC;
	margin-bottom:20px;
	width:100%
}

/*____________________________________________________
   Headings
  ____________________________________________________
*/

.h1,h1
{
	color:#333;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:700;
	line-height:100%;
	margin-bottom:-9px;
	margin-top:0;
	padding-bottom:10px;
	position:relative
}

.h2,h2
{
	color:#f00;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:28px;
	font-style:normal;
	font-weight:700;
	margin-bottom:-8px;
	margin-top:0;
	position:relative
}

.h3,h3
{
	color:#666;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:400;
	margin-bottom:-5px;
	margin-top:-5px;
	position:relative
}

.h4,h4
{
	color:#666;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:400;
	margin-bottom:-8px;
	margin-top:-5px;
	position:relative
}

/*____________________________________________________
   Nav
  ____________________________________________________
*/

.secondaryNav
{
	background:transparent url(dropshadow.png) no-repeat bottom right;
	color:#666;
	display:none;
	font-style:normal;
	font-weight:400;
	list-style:none;
	margin:0;
	overflow:visible;
	padding:0 5px 5px 0;
	position:absolute;
	width:auto;
	z-index:50
}

/*____________________________________________________
   Links
  ____________________________________________________
*/

a:hover
{
	background-color:Transparent;
	color:#FFF;
	text-decoration:none
}

a:link,a:visited
{
	color:#036;
	font-style:normal;
	font-weight:700;
	text-decoration:none;
	text-transform:none
}

/*____________________________________________________
   Tags
  ____________________________________________________
*/

body
{
	background:url(bg.png) repeat-y center top;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	height:auto;
	line-height:140%;
	margin:0 auto;
	min-height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0
}

html
{
	background:#DADADA;
	height:100%;
	margin:0 auto;
	min-height:100%;
	padding:0
}

ul
{
	overflow:hidden
}