/* 	Sky Wide Design - CSS Document 
	Description: QOSO css with layout
	Author: Autumn Manka
	Author URL: http://www.skywidedesign.com
	Version: 1.0
	
	Changes:
		v1.0 - 06.03.08	
		v2.0 - 10.10.08 - overhaul for SEO	
*/
/* 	#FFCC66 - golden
	#FFFF99 - yellow
	#CC0000 - red
	#800000 - dk-red
	#CCCCCC - lt-grey
	#333333 - lt blk
	#330066 - dk blue
*/

/**remove browser defaults**/
body, p, h1, h2, h3, h4, h5, h6, td, th, ol, ul, li, blockquote  {
	padding:0;
	margin:0;
	border:0;	
}
body  {
	font-size:76%;	
	font-family: Tahoma, Helvetica, sans-serif;
	background-color:#FFFF99; /**yellow**/
	line-height:1.2em;		
}
p {
	color: #000000; /**blk**/
	padding-bottom: 5px;
}
a {
	text-decoration: none;
	font-weight:bold;	
	color: #CC0000;  /**red**/
}
a:hover, a:active {
	text-decoration:underline;
	color: #FFCC66; /**golden**/
}
ul {
	list-style-type: none;
	font-weight: normal;
	margin-left: 1em;
	font-size: 110%;
}
li {
	padding: 0 0 5px 5px;
	list-style-position: inside;
}

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	line-height: 1.5em;
	color: #330066; /**dk blue**/
}
h1 {
	color: #FFFFFF; /**red**/
	font-size: 150%;
	letter-spacing:.01em;
	padding-bottom: .25em;
}
h2 {
	font-size: 120%;
	padding-bottom: 2em;
}
h3 {
	color: #333333; /**lt blk**/
	font-size: 110%;
	padding-bottom: 2em;
}
h4 {
	font-size: 105%;
	padding-bottom: 1em;
	color: #800000; /**Dk. red**/
}
h5 {
	font-size: 120%;
	padding-bottom: 2em;
	color: #800000; /**Dk. red**/
}

/***********************************************/
/* MAIN Layout Divs                            */
/***********************************************/
#container {
	text-align:left;
	margin: 0 auto;
	min-width:660px; /*IE7 compliant*/
	max-width:760px; /*IE7 compliant*/
	width:auto !important; /*IE6 hack-will ignore*/
	width:760px; /*IE6 hack*/
	background-color: #FFFFFF; /**white**/
}
#branding{
	padding: 5;
	height: 165px;
	width: 100%;
	text-align: center;
	background-image: url(../images/branch_bkgd.jpg);
	background-repeat: repeat-x;
}
#content{
	width: 100%;
	clear: both;
	background-color:#FFFF99; /**yellow**/
	border-top-color: #FFCC66;
	border-right-color: #FFCC66;
	border-bottom-color: #FFCC66;
	border-left-color: #FFCC66;
}


/***********************************************/
/* #branding DIV       styles               */
/***********************************************/
#branding-logo {
	float: left;
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 10px;
}
#branding-name {
	z-index: 175;
	float: right;
	text-align: right;
	margin-top: 35px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
}
.brandTxt {font-size:165%;}
/***********************************************/
/*  #date DIV            styles                */
/***********************************************/
#date {
	font-weight:normal;
	#800000; /**Dk. red**/
	text-align: right;
	line-height:3.5em;
	width:100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;	
}

/**********************************************/
/* #content-main DIV       styles             */
/**********************************************/
#content-main {
	width:60%;
	float:left;
	padding:10px;
}

/**********************************************/
/* #content-sub DIV       styles             */
/**********************************************/
#content-sub{
	width:30%;
	float:right;
	font-weight:normal;
	padding: 30px 10px 10px;
}
#content-sub p{
	color: #999;
}
#content-sub a {
	color: #CC0000; /**red**/
	text-decoration:underline;
}
#content-sub a:hover, a:active {
	color: #FFCC66; /**golden**/
	text-decoration:none;
}
#content-sub ul li {
	background-position: 0.4em;
	padding-left: -5px;
	line-height: 1.2em;
	margin: 1em 0;
	color: #666;
	font-size: 85%;
	list-style-type: none;
}

/********** IMG styles ************/
/**remove default linked img border in IE**/
img {border-color:#FFFFFF;} /**white**/
a img {text-decoration:none;}

img.galleryPics{ /**needs to be 150W max**/
	padding: 5px 10px 10px 10px;
	text-align:center;
}

/****************STYLES*******************/
.floatright {
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
}
.floatleft {
	float: left;
	margin: 10px 15px 10px 0;
	padding: 2px;
}
.snippet {
	font-size: 85%;
	color: #000000;
}
.picName {
	text-align: center;
	color: #330066; /**blue**/
	font-weight: bold;
}
.picDesc {
	text-align: center;
	color: #330066; /**blue**/		
}

.boardName a {
	text-decoration: underline;
	font-weight: normal;
}
/*********COPYRIGHT & SWD CONTENT***********/
#siteInfo{
	clear: both; /**golden**/
	color: #CCCCCC; /**grey**/
	padding: 10px 10px 10px 10px;
	text-align:left;
	background-color:#FFFF99;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC66;
}
.copyright {
	font-size: 80%;
	text-align:right;
}
.copyright a {color: #FFCC66;} /**golden**/

/***********************************************/
/*        Unique CALENDAR PAGE styles           */
/***********************************************/
.calendar {
	font-size:90%;
	font-weight: bold;
	color: #666666; /**grey**/
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;	
}
.calendar td {
	padding-bottom: 3px;
	padding-top: 3px;
}
.snippet_calendar {font-size: 85%;}
/***********************************************/
/*        Unique CONTACT PAGE styles           */
/***********************************************/
a.contact {
	color: #000000;
	text-decoration:underline;
	font-weight: normal;
}
/***********************************************/
/*        Unique NEWSLETTER PAGE styles           */
/***********************************************/
li.newsletter {
	font-size:90%;
	text-indent: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
	list-style-type: none;
}
.adr {
	font-size:10px;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 5px;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	line-height: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.org {
	text-transform: uppercase;
	font-weight: bold;
	color:#8878B4;
}
.str-address {
	line-height: 1.2em;
}
.name {
	color:#330066;
	font-weight: bold;
}
.phone {
	font-weight:normal;
}
.email {
	text-decoration: underline;
	text-indent: 3px;
}
.empasis {
	color: #FF0000;
	font-weight: bold;
}
/***********************************************/
/*        Unique SITEMAP PAGE styles           */
/***********************************************/
/* SITEMAP page only */
#content ul li ul a{
	text-decoration:none;
}
/* SITEMAP page only */
#content ul li ul a:hover, a:active{
	text-decoration:underline;
}