/*-----------------------------------------------------------------------------
Boulder Pride Style Sheet

version:   1.0
author:    Web Ink
email:     info@webink.com
website:   http://www.webink.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
* {margin: 0; padding: 0; border: 0;} /* Remove padding and margin */
.invisible { display: none;}
.clear { clear:both; } /* Class for clearing floats */

/* =MastHead
-----------------------------------------------------------------------------*/
html { font-size: 100%; }

body { font: 75%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; position: relative; background: #DFDCA7 url(../img/wrap_bg.gif) repeat-x;  }

#container { position: relative; width: 990px; margin: 0 auto; }
#mastHead { position: relative; width: 100%; margin: 0 auto; height: 365px;  }

/* =Typography
-----------------------------------------------------------------------------*/
/* Major Headline on Frontpage */
#content h2 {
	font-family :  "Century Gothic", Georgia, "Hoefler Text", "Times New Roman", Times, serif;
	font-variant : small-caps; font-size : 25px; line-height : 24px; font-weight : bold;
	letter-spacing : 1px; color: #FFFFFF; margin-top: 15px;
	} 

#content h3 { margin: 5px 0 5px 0px; font-size: 1.6em; font-weight: bold; letter-spacing: .5px; color: #003663; font-variant: small-caps;}	


/* =Headings
-----------------------------------------------------------------------------*/
#header {position: relative; width: auto; }

.searchbox { position: absolute; top: 35px; right: 0px;}
#searchEnter {position:relative; top: 5px;}

#quickLink {position: absolute; top: 0; right: 0px; }

#bpName { background: url(../img/bp_name.PNG) top left no-repeat; position: relative; width: 300px; height: 65px; text-indent: -6000px; }
#bpName a { width: 300px; height: 65px; display:block; text-decoration: none; border-bottom: none; z-index: 3;}


/* =Links
-----------------------------------------------------------------------------*/
a {color: #666666; font-weight: bold; text-decoration: none; }
a:hover { color: #003663;  text-decoration: none; }


/* =Branding
-----------------------------------------------------------------------------*/
#branding { position: relative; height: 300px;  }

#pageInfo { margin: 0 20px 20px 20px; }
#pageInfo h2 { font-size: 2em; color: #003663; }

#actionCenter {padding-bottom: 25px;}
#actionCenter p {color:	#FFFFFF; line-height: 15px;}


/* =Navigation
-----------------------------------------------------------------------------*/
#nav { position: relative; width: auto; height: 25px; }

ul#priNav { 
	position: absolute;
	top: -30px; left: 250px;
	margin: 0; padding: 0;
	list-style: none;
	float: left; 
}

ul#priNav li.blue { float: left; background: url(../img/tab_right.gif) no-repeat top right;}
ul#priNav li.blue a { display: block; padding: 0 1em; line-height: 2.5em; text-decoration: none; background: url(../img/tab_left.gif) no-repeat top left; color: #FFFFFF; float: left; }
ul#priNav li.blue a:hover { color: #FFFF99; }

ul#priNav li.active { float: left; background: url(../img/tab_right_active.gif) no-repeat top right;}
ul#priNav li.active a { display: block; padding: 0 1em; line-height: 2.5em; text-decoration: none; background: url(../img/tab_left_active.gif) no-repeat top left; float: left; color: #d1cc7e;}


/* =Sub Nav
-----------------------------------------------------------------------------*/
ul#secNav {position: relative; padding: 0; list-style: none; float: left;}
ul#secNav li {float: left; background: #003663; }
ul#secNav li a {display: block; padding: 0 2.5em 0 .5em; text-decoration: none; line-height: 1.8em; color: #d1cc7e; float: left;}
ul#secNav li a:hover { color: #FFFFFF; }
ul#secNav li a:visited { border-bottom: none; }

/* =Main Content
-----------------------------------------------------------------------------*/

#content {position: relative; height: auto; min-height: 350px; width: 100%; min-width: 770px; padding-bottom: 10px; }

#tab {height: 48px; width: 270px; background: url(../img/big_tab.gif) no-repeat; position: absolute; left: 65px; top: -13px;}
#tabTitle { position: absolute; z-index: 5; left: 100px; top: -5px; z-index: 2; width: 200px; color: #4D4D4D; 
			font-weight: bold; font-size: 1.6em; text-align:center; font-variant: small-caps ;}

#sideBar {float: left; width: 18%; padding: 0px 0px 30px 0px; }
#mainBar {float: right; width: 80%; padding: 0px 0 0px 2%; } 

#ad {min-height: 110px; background: #7AB8D0; text-align: center;}
#ad img { margin: 5px 10px 0 10px; border: #000000 dashed 1px; }


/* =Homepage
-----------------------------------------------------------------------------*/
.homepage #mainContent {min-height: 200px; padding: 15px 0 0 0; background: #DFDCA7;}
.homepage #sideBar {float: left; width: 32%; }
.homepage #mainBar {float: right; width: 64%; border-left: none;}

.homepage strong {color: #005B7F;}

.homepage #sideBar img {float: left; margin-right: 10px; } 

.homepage #homeEvents {float: left; width: 58%; }
.homepage #homeEvents td {padding: 7px 0;}

.homepage #homeMain {float: right; width: 39%; }

.homepage #newsFeed img {float: left; }
.homepage #newsFeed li { list-style: square; }

/* =Footer
-----------------------------------------------------------------------------*/
#footer {position: relative; width: 100%; background: #003663 url(../img/footer_bg.gif) repeat-x; padding-top: 2px;}


#breadcrumb { height: 24px; width: 100%; }
#breadcrumb a { color: #FFFF00; text-decoration: underline;}
#bread {  width: 80%; margin: 0 auto; }
#bread p { color: #FFFFFF; font-style: oblique; font-weight: bold; text-align: center;} 

#footerContent { width: 80%; min-width: 770px; margin: 0 auto; }
#footerContent p {color:#FFFFFF; text-align: center; font-weight: bold; }
#footerContent a {color:#FFFF66;}
#footerContent a:hover { color: #FFFFFF;}

/* =Forms
-----------------------------------------------------------------------------*/


/* =NewsFeed CSS
-----------------------------------------------------------------------------*/
<style type="text/css">

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example3{ /*Demo 3 main container*/
width: 250px;
height: 280px;

padding: 4px;
}

#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

code{ /*CSS for insructions*/
color: red;
}

</style>