/*-----------------------------------------------------------------------------
All CITY BAND SOCIETY

Floated 2 Column Fixed Width 860px (Main Content Left)

version:   1.0
date: June 16, 2009
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
  	background: url(../images/body_bg.gif) repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
}

html{ 
overflow-y:scroll; /* Prevents IE* Scroll Bar Jump */
}

h1 {
  font-size: 2.6em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

h3 {
  font-size: 1.4em;
  font-weight: normal;
}

h4 {
  font-size: 2.0em;
  font-weight: normal;
  font-family: "Times New Roman", Times, serif;
  color: #fff;
  margin-bottom: .2em;
}

a {
	color: #1d295a;
}

a:hover {
	color: #1d295a;
	text-decoration: none;
}

hr {
margin: 10px 0 20px 0;
}

.emphasisbold {
	font-weight: bold;
}

.emphasisred {
	color: #8c2a24;
	font-weight: bold;
}

.emphasis_underline {
	text-decoration: underline;
}

.emphasis_bold_italic {
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

.light_purple {    
color: #FF0080;
}

.orange  {
color: #FF8040;
}

.burgundy {
color: #800000;
}

.light_sea_green {
color: #3EA99F;
}

.medium_forest_green {
color: #347235;
}

.turquoise {
color: #43C6DB;
}

p img.alignleft {
	float:left;
	margin:.2em 1.5em 1.5em 0;
	padding:0;
}

#primaryContent p .floatleft {
float:left;
}

#primaryContent p .floatright {
float:right;
}

.displayblock {
	display: block;
}

.position_logo {
	position: absolute;
	top: 20px;
	left: -15px;
}

.positiontopmenu {
	position: absolute;
	top: 5px;
	left: 540px;
}

.jointheband {
	position: absolute;
	top: 40px;
	left: 400px;
}

.brandingmessage {
	position: absolute;
	top: 110px;
	left: 300px;
}

.beginnerband {
	position: absolute;
	top: 185px;
	left: 290px;
}

.juniorband {
	position: absolute;
	top: 185px;
	left: 440px;
}

.seniorband {
	position: absolute;
	top: 185px;
	left: 590px;
}

.adultmembers {
	position: absolute;
	top: 185px;
	left: 740px;
}

.imagespace {
	margin:0;
	padding:0;
	margin-bottom: 15px;
}


.imageborder {
	border: 2px solid #e2decc;
	padding: 1px;
}

#photogallery  {
	margin-bottom: 15px;
}

#monoSlideshow {
	margin-bottom: 15px;
}

.quote {
	color: #808285;
	font-family: "Times New Roman", Times, serif;
	font-size: 140%;
	margin-bottom: .2em;
}

.author {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	color: #333333;
}

.posted {
	color: #808285;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
}

.bottomNavigation {
	position: absolute;
	top: 25px;
	left: 0px;
}

.copyright {
	position: absolute;
	top: 50px;
	left: 0px;
}

.validate {
	position: absolute;
	top: 75px;
	left: 0px;
}

.conductor {
	position: absolute;
	top: 20px;
	left: 765px;
}

.smallprint {
	position: absolute;
	top: 25px;
	left: 0px;
}

.administration {
	position: absolute;
	top: 25px;
	left: 275px;
}

.getintouch {
	position: absolute;
	top: 25px;
	left: 515px;
}

.title {
	font-size: 1.6em;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
	border-bottom: none;
	background-color: rgb(225,225,225);
}

.top {
	background: #e1e1e1 url(../images/bg_side_box_top.gif) no-repeat top left;
	padding-top: 8px;
}

.galleryspace {
	float:left;
	border: 5px solid #cccccc;
	display: block;
}

#wrapper {
	background-color: #fff;
}

#branding {
	position: relative;
 	height: 240px;
  	background-color:#1d295a;
}

#branding ul {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
}

#branding li {
	display: inline;
	padding-left: 20px;
}

#branding a {
	color: #fff;
}

#branding a:hover {
	color: #cccccc;
	text-decoration: none;
}

#mainNavigation {
	background: #1f5f9c url(../images/mainNavigation_bg.gif) repeat-x;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
}

#mainNavigation ul { 
	margin: 0;
	padding: 0;
	padding-top: 10px;
	list-style-type: none;
}

#mainNavigation li {
	display: inline;
	padding: 30px;
}

#mainNavigation a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#mainNavigation a:hover {
	color: #cccccc;
}

#mainMessage {
	height: 225px;
	background-color: lime;
}

/* Start Primary Content 
================================== */

#primaryContent {
  	/* background-color: green; */
	font-size: 110%;
}

#primaryContent ul {
	list-style-type:disc;
}

#primaryContent li {
	padding: 5px 0px;
}

#primaryContent li ul {
	list-style-type: circle;
}

/* Start of basic table */

.basictable table {
	border: 1px solid #666;
}

.basictable th, #basic table td {
	padding: 0.3em 1em;
}

.basictable th {
	background-color: #000;
	color: #fff;
}

.odd {
	background-color: #edf5ff;
}

/* End of basic table */

/* Start boxes on Clearance page */

.boxes {

}

.boxleft {
	width: 265px;
	float: left;
}

.boxright {
	width: 265px;
	float: right;
}

/* End boxes on Clearance page */

#slideshowcontainer {
margin-left: 30px;
}

/* Start Secondary Content 
================================== */

#secondaryContent {
  	/* background-color: yellow; */
}

#secondaryContent p {
}

/* #secondaryContent ul {
	width: 240px;
	margin-left: 0;
	list-style: none;
	background: url(../images/bg_side_box.gif) no-repeat;
}

#secondaryContent ul li {
	width: 240px;
	border-bottom: 1px solid #cccccc;

}

#secondaryContent ul li a {
	width: 224px;
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	display: block;
	color: #000;
}

#secondaryContent .mainhover a:hover {
	color: #fff;
	background-color: #1d295a;
	background-color: #808285;
	text-decoration: none;
}

#secondaryContent .beginnerhover a:hover {
	color: #fff;
	background-color: #6e9e2c;
	text-decoration: none;
}

#secondaryContent .juniorhover a:hover {
	color: #fff;
	background-color: #f4a437;
	text-decoration: none;
}

#secondaryContent .seniorhover a:hover {
	color: #fff;
	background-color: #ca3d15;
	text-decoration: none;
}

#secondaryContent .adultmembershover a:hover {
	color: #fff;
	background-color: #49b2ff;
	text-decoration: none;
} */


/* Start Secondary Navigation for Main Pages */

#nav1 {
   	margin-bottom: 20px;
    /* width:200px; */
	width: 240px;
    background-color:#f0f0f0;
    height:400px;
	border-top: 5px solid #ccc;	
	border-bottom: 5px solid #ccc;	
	font-family: Arial, Helvetica, sans-serif;	
}

#nav1 ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-indent:0px;
}
#nav1 li {
    height:24px;
    line-height:24px;
	border-bottom: 1px solid #ccc;	
}
#nav1 li {
    /* width:190px; */
	width: 230px;			
}
#nav1 li ul li {
    /* width:170px; */
	width: 210px;
	border-bottom: none;	
}
#nav1 li.category {
    padding-left:10px;
    height:auto;
    color:#000;
}
/*IE needs extra margin and padding set for the indented li */
* html #nav li ul li {
    margin-left:-10px;
    padding-left:10px;
}
/* end IE hack */

#nav1 li a,
#nav1 li ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:100%;
    padding-left:10px;
	border-bottom: 1px solid #ccc;		
}
#nav1 li.category ul li a {
    margin-left:-10px;
    padding-left:30px;
}
#nav1 li a:link,
#nav1 li a:visited {
    color:#000;
    background-color:#f0f0f0;
}
#nav1 li a:hover,
#nav1 li a:active {
    color:white;
	background-color: #1d295a;
} 

/* End secondary navigation for Main Pages */



/* Start Secondary Navigation for Sub-Pages */

#nav2 ul {
	width: 240px;
	margin-left: 0;
	list-style: none;
	background: url(../images/bg_side_box.gif) no-repeat;
}

#nav2 ul li {
	width: 240px;
	border-bottom: 1px solid #cccccc;


}

#nav2 ul li a {
	width: 224px;
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	display: block;
	color: #000;
}

#nav2 .mainhover a:hover {
	color: #fff;
	background-color: #1d295a;
	background-color: #808285;
	text-decoration: none;
}

#nav2 .beginnerhover a:hover {
	color: #fff;
	background-color: #6e9e2c;
	text-decoration: none;
}

#nav2 .juniorhover a:hover {
	color: #fff;
	background-color: #f4a437;
	text-decoration: none;
}

#nav2 .seniorhover a:hover {
	color: #fff;
	background-color: #ca3d15;
	text-decoration: none;
}

#nav2 .adultmembershover a:hover {
	color: #fff;
	background-color: #49b2ff;
	text-decoration: none;
} 

/* End Secondary Navigatin for Sub Pages*/

#footer {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	height: 0;
}

#footer p {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#footer ul {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	list-style-type: none;
}

#footer li {
	padding-bottom: 10px; 
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#falsefooter {
	height: 200px;
	background: url(../images/footer_bg.gif) repeat-x;
}

/* Layout Core Technique
================================= */

body {
 	text-align: center; 
}

#wrapper {
  	width: 860px; 
  	margin: 0 auto; 
  	text-align: left; 
}


#primaryContent { 
  	width: 560px;
  	float: right; 
}

#secondaryContent { 
  	width: 240px; 
  	float: left; 
} 

#footer { 
  	clear: both;
}

#oneColLayout #primaryContent {
	width: 860px;
}

/* Layout Padding 
================================== */

#primaryContent {
  	padding-top: 20px;
}

#secondaryContent {
  	padding-top: 20px;
}