/* BROWSER RESET - elimantes default browser css for the following elements. 
----------------------------------------------------------------------------------------------------*/
* {
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}
/* Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 14px/1.5 Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*The Verdana-based sans serif stack:*/
	background: url(images/bg-site.png) no-repeat center top #efefef;
	color: #1a1a1a
}
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Address
----------------------------------------------------------------------------------------------------*/

address {
	font-style: normal;
	font-size: 13px;
	color: #fff;
	border-bottom: 1px solid #2d95c8;
	padding-bottom: 10px;
}
address strong {
	color:#fcbc71;
	font-size: 15px;
	border-bottom: 1px solid #2d95c8;
	padding:0px;
	margin: 0px;
}
address a, address a:visited, address a:link {
	color: #fff;
	font-size: 12px;
}
address a:hover, address a:active {
	text-decoration:none
}
/* Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}
ul {
	list-style: disc;
}
li {/*styles ul's li's mainly in content area - NOTE the navigation ul's are defined differently*/
	margin: 0px 0px 10px 30px;
	color:#333333;
	vertical-align:middle;
	list-style-position:outside;
	list-style-type:square;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
	margin-bottom: 20px;
}
/* Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 23px;
	padding-top:0px;
	margin-top: 0px;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}
h2 {
	font-size:16px;
}
h3 { /*used for first level header text for index or secondary page callouts*/
	font-size:16px;
}
h4 { /*used for second level header text for index or secondary page callouts*/
	font-size:16px;
}
h5 { /*used as third header option for content area*/
	font-size:14px;
}
p {
}
/* Anchors (default link styles site wide.)
----------------------------------------------------------------------------------------------------*/
a {
	font-weight: bold;
	text-decoration: underline;
	outline:none;
}
a:link {
	color: #0000CC;/*default link color*/
}
a:visited {
	color: #0000CC;/*visited link color*/
}
a:hover {
	color: #40a4d5; /*hover link color*/
	text-decoration: none;
}
a:active {
	color: #339999;/*actives link color*/
}
/* CONTENT SECTION - enter styles to control elements of your content
----------------------------------------------------------------------------------------------------*/
.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#contentbg { /*normally used to set background image on a container_24 that will have grids inside of it that need this background*/
	background: url(images/bg-container.png) repeat-y;
}
#content { /*id for the grid that holds the content (text and images)*/
	margin-left: 25px;
	margin-right: 5px;
	margin-top: 10px;
	width: 620px;
	float: left;
}
#content p {
}
#content img {
}
#text {
}
#sidebar {
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 5px;
	float: left;
	width: 270px;
}
#sidebar p {
	border-bottom: 1px solid #2d95c8;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 13px;
}
#sidebar p strong {
	color:#fcbc71;
	font-size: 15px;
	border-bottom: 1px solid #2d95c8;
	padding:0px;
	margin: 0px;
}
/* Header/Banner Section
----------------------------------------------------------------------------------------------------*/

#header { /*header for index page layout*/
	float: none;
	display: block;
	width: 960px;
	margin: 0px;
	background: url(images/bg-header.png) no-repeat;
	height: 275px;
	position: relative
}
#banner { /*header for secondary pages*/
	position: absolute;
	top:0px;
	left:0px;
}
/* Horizontal Main Nav
----------------------------------------------------------------------------------------------------*/
div#nav {
	background: url(images/bg-nav.png) no-repeat;
	width: 960px;
	margin: 0px;
	height: 55px
}
div#mainnav {
	position:relative;
	z-index:100;
	padding: 0px;
	margin: 0px;
}
div#mainnav ul {
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}
div#mainnav li {
	float:left;
	position:relative;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
/* style the links for the top level */
	
	div#mainnav a {
	font-size: 12px;
	height: 21px;
	color: #fff;
	text-decoration: none;
	text-align:center;
	padding: 12px 0px;
	width: 119px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-left: 1px solid #d4d4d4;
	margin: 0;
}
div#mainnav li.small a {
	font-size:10px;
	padding:0;
	height:45px;
}
div#mainnav li.small2 a {
	font-size:12px;
	padding:4px 0;
	height:37px;
}
div#mainnav ul li:first-child a {
	border-left: none;
}
div#mainnav ul li a.current {
	background-color:#fcbc71;
	color: #1a1a1a;
}
div#mainnav a:hover,  div#mainnav ul li a.current:hover {
	color: #1a1a1a;
	background: #ccc;
}
/* Footer Area
----------------------------------------------------------------------------------------------------*/

#footer {
	background: url(images/bg-footer.png) no-repeat;
	clear: both;
	width: 960px;
	height: 25px;
	display: block;
	margin: 0 auto;
}
div#wrapperfooter {
	width: 100%;
	clear: both;
}
/* Utility Nav
----------------------------------------------------------------------------------------------------*/

div#utility {
	display: inline;
	padding: 20px 0 2px 0;
}
div#utility ul {
	margin: 0 auto;
	text-align: center;
}
div#utility ul li {
	display: inline;
	color: #000;
	list-style: none;
	padding:0px;
	margin: 0px;
}
div#utility ul a,  div#utility ul a:link,  div#utility ul a:visited {
	padding: 0 5px 0 8px;
	font-size:12px;
	border-left: solid 1px #999;
	color:#000;
}
div#utility ul li:first-child a {
	border-left: none;
}
div#utility ul a:hover,  div#utility ul a:active {
	text-decoration: none;
}
/* Copyright
----------------------------------------------------------------------------------------------------*/

div#copyright {
	font-size:12px;
	padding-top: 10px;
	color: #000;
	text-align: center;
}
#copyright a,  #copyright a:link,  #copyright a:visited {
	font-size:12px;
	color: #000;
	text-decoration:none;
	font-weight: bold;
}
#copyright a:hover,  #copyright a:active {
	text-decoration:underline;
	color: #000;
	font-weight: bold;
}
.ypimg {
	border: 0px;
	padding: 5px 0px;
}
/* Admin Sign-In
----------------------------------------------------------------------------------------------------*/

a#admin {
	background: url(images/admin.png) no-repeat;
	background-position: 100% 0px;
	height: 15px;
	width: 95px;
	margin: 0 auto;
	display: block;
}
a#admin:hover {
	background-position: 0% -18px;
}
/* Images
----------------------------------------------------------------------------------------------------*/

img {
	border: none;
}
img.left {
	float: left;
	margin-right: 10px;
}
img.right {
	float: right;
	margin-left: 10px;
}
img.leftborder {
	padding: 4px;
	border: 1px solid #cccccc;
	float: left;
	margin-right: 10px;
}
img.rightborder {
	padding: 4px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 10px;
}
img.border {
	padding: 4px;
	border: 1px solid #cccccc;
}
/* Custom Classes
----------------------------------------------------------------------------------------------------*/
div.list ul {
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 10px;
	list-style-position: outside;
	list-style-type: disc;
	width: 32%;
}
/* ----------------- AUDIO DIV ----------------- */ 

div#audio {
	position:relative;
	width: 180px;
	height: 100px;
	background: url(images/audio.jpg) top left no-repeat;
}
div#audio div {
	position: absolute;
	top: 65px;
	left: 31px;
	width: 68px;
	height: 30px;
}
div#audio a {
	display: block;
	position: absolute;
	top: 88px;
	left: 0px;
	width: 180px;
	height: 10px;
}
/* Custom ID's
----------------------------------------------------------------------------------------------------*/

/*wrappers if you require for your design
BE SURE TO ADD .clearfix to your container_24 div in the HTML if you have containers and grids inside of ANY wrapper*/

/*wrapper for main header*/
div#wrapperheader {
}
/*wrapper for nav*/
div#wrappernav {
}
/*wrapper for content*/
div#wrappercontent {
}
/*wrapper for footer*/
div#wrapperfooter {
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}
/* UTILITIES TO CHECK OUT HOW GRID DIVS ARE WORKING
===================== */

/* border checks - quick way to add a border on to something for checking*/

.bordercheckred {
	border: 1px solid #ff0000
}
.bordercheckgreen {
	border: 1px solid #009900
}
.bordercheckblue {
	border: 1px solid #0033CC
}
.bottom10 {
	margin-bottom: 10px;
}