/* 
CSS for Texas Winds site 
Created by Loren Barr
July 15, 2007
*/

html, body, p, img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
	width: 885px;
	margin-right: auto;
	margin-left: auto;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: gray;
	height: 100px;
}

p {
	padding-bottom: 10px;
}

.quote {
	font-size: 12px;	
    font-style: italic;	
}

#header {
	height:110px;
}

#mottobar, #photobar {
	font-size: 16px;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;	
}

#mottobar {
	background-color: #F8EFE9;
	height:50px;
}

#mottobar p {
	padding-top:6px;
	padding-left:20px;
	padding-right:180px;
}

#navbar {
	background: url(images/navbar-background.png);
	background-repeat: repeat;
	height: 48px;
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

a img {
	border-style: none;	
}

#main {
	height: 100%;
}

.curls, .curls-header {
	background: url(images/curls.jpg);
	background-repeat: repeat-y;
	width: 171px;
	float: right;
	background-color: #D69C75;				
	margin: 0px;
	padding: 0px;
	border: 0px;		
}

.curls {
	height: 1600px;
}

.curls-header {
	height:110px;	
}

img.floatLeft { 
    float: left; 
    margin-right: 10px; 
}

.vbar-l, .vbar-r, .vbar-l-photo {
	background-color: #D69C75;
	width: 7px;
	height:100%;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	border: 0px;		
}

.vbar-l, .vbar-l-photo {
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;		
}

.vbar-l-photo {
	height: 420px;
}

.vbar-r {
	float:right;
}

#photobar {
	background-color: #B95300;
	float: left;
	width: 250px;
	/**height: 420px;*/
	height: 839px;
}

#link-bar {	
	float: left;
	width: 250px;
	height: 420px;
}

#photobar img {
	width: 100%;
}

#photobar p {
	padding-top: 10px;	
	color: white;
	text-align: center;
}

#content-with-photo, #content-without-photo {
	float:left;
	padding: 45px;
	padding-top: 30px;
}

#content-with-photo {
	width: 360px;
}

#content-with-photo-wide {
	float:left;
	padding: 5px;
	padding-top: 0px;
	width: 400px;
}

#content-without-photo {
	width: 630px;
	padding-left: 10px;
}

.float-right {
	float:right;
	margin: 0px 0px 10px 10px;
}

.float-left {
	float:left;
	margin: 0px 10px 10px 0px;
}

.donateBox {
	background-color: aqua;
	border-style: solid;
	border: 10px;
	border-color: #F8EFE9;
}

#logo {
	position:relative;
	float:left;
	
	/** Temporarilly swapping out logo and logo placement for 25th anniversary logo */
	/**
		background-image: url(images/logo.png);
		margin-left: -30px;
	*/	
	background-image: url(images/logo25yrs.png);
	margin-left: 0px;
		
	background-repeat: no-repeat;
	height:100%;
	width:320px;

}

#logo25 {
	position:relative;
	float:left;
	background-image: url(images/logo25yrs.png);
	background-repeat: no-repeat;
	height:100%;
	width:320px;
	margin-left: -13px;
}

.audio-container {
	width: 600px;
	height: 140px;
	padding-top: 12px;
	padding-left: 12px;
}

.audio-thumbail {
	float: left;
	width: 128px;
}

.audio-player {
	float: left;
	padding-top: 0px;
	padding-left: 30px;
}

.solid-movie-background {
	width: 100%;	
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
	width: 100%;
}

h1, h2, h3, h4, h5 {
	color: #F36E0B;
}

h1 { font-size: 26px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }

#overview-button {
	margin-left: 2px;
}

#overview-button, #news-button, #schedules-button, #donate-button, #contact-button, #concerts-button {
    width: 144px;
    height: 48px;
	float:left;	
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

li {
	padding-bottom: 10px;
}

#overview-button {background: url("images/overview-button.gnp") no-repeat;}
#overview-button:hover {background: url("images/overview-button-selected.gnp") no-repeat;}
#news-button {background: url("images/news-button.gnp") no-repeat;}
#news-button:hover {background: url("images/news-button-selected.gnp") no-repeat;}
#schedules-button {background: url("images/schedules-button.gnp") no-repeat;}
#schedules-button:hover {background: url("images/schedules-button-selected.gnp") no-repeat;}
#donate-button {background: url("images/donate-button.gnp") no-repeat;}
#donate-button:hover {background: url("images/donate-button-selected.gnp") no-repeat;}
#contact-button {background: url("images/contact-button.gnp") no-repeat;}
#contact-button:hover {background: url("images/contact-button-selected.gnp") no-repeat;}
#concerts-button {background: url("images/concerts-button.gnp") no-repeat;}
#concerts-button:hover {background: url("images/concerts-button-selected.gnp") no-repeat;}

A:link {text-decoration: underline; color: #570F0F;}
A:visited {text-decoration: underline; color: #570F0F;}
A:active {text-decoration: underline; color: #570F0F;}
A:hover {text-decoration: underline; color: black;}

/*
* {
border: 1px solid blue;
}
*/