/*  

VIBRANT, the stylesheet for Arc Music Group
Vibrant was designed by Tyler Gore for Logical Developers
http://www.tylergore.com/
version 1.0, September 2007

*/


/* Begin Structure */
body {
	margin: 0 0 20px;
	padding: 0px; 
	}

#page {
	margin: 0px auto 20px;
	padding: 0;
	width: 804px;
	}

#header {
	margin: 0; 
	padding: 0; 
	height: 235px; 
	width: 804px;
	}


#headerimg 	{ 
	margin: 0px; 
	height: 104px; 
	width: 804px; 
		display: none;
	} 

#content_top {
	width: 100%;
	background: url(images/arc_cnttop_blu.gif) no-repeat center top;
	height: 60px;
}

	
.leftcolumn {
	float: left;
	padding: 0 0 60px 25px;
	margin: -25px 0 0;
	width: 450px;
	}
	

.entry {
	margin: 0 0 40px;
	text-align: justify;
	background: no-repeat top;
	}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 804px;
	clear: both;
	height: 64px;
	}
	
#footer div {
	margin-right: 325px;
	margin-left: 20px;
	margin-bottom: 15px;
	}


/* End Structure */


/* Begin Typography and Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	background: #1767AA url(images/arc_hdr_blu.gif) no-repeat center top;
	color: #FFFFFF;
	text-align: center;
	border-style: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

#page {text-align: left;}
	
#background {background: url(images/arc_cntbg_blu.gif) repeat-y center top;}

#content {font-size: 1.4em}

h1, h2, h3, h4 {font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link  {text-decoration: underline; color: #FFFFFF; }
a:visited {text-decoration: underline; color: #CCCCCC; }
a:hover, a:active {text-decoration: underline; color: #00FF00; }

	
.entry p {
	line-height: 1.4em;
	margin: 0px 0px 1em;
	padding: 0px;
	}


#footer {background: url(images/arc_cntbtm_blu.gif) no-repeat center bottom;}

	#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: left;
	color: #CCCCCC;
	font-size: 90%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	}

	#footer a {color: #CCCCCC;}
	#footer a:hover {color: #00FF00;}
	#footer a:visited {color: #CCCCCC;}


/* End Typography & Colors */

/*	Begin Headers */

div.pagetitle {margin-bottom: 30px;}

.pagetitle h2 {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	font-size: 1.6em;
	background: url(images/headphone_blu.gif) no-repeat left center;
	padding-left: 40px;
	font-weight: normal;
}


h3 {
	padding: 0;
	margin: 30px 0 .5em;
	font-weight: bold;
	}
	
	
h4 {
	margin: 1.5em 0px 0.5em;
	padding: 0px;
	font-size: 1.1em;
	text-align: left;
	font-weight: bold;
	}
	
/* End Headers */

/* Begin TOP NAV */
#topnav{
	position: relative;
	top: 79px;
	left: 140px;
	width:665px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	height: 100px;
}

	#topnav ul {
		margin: 0;
		padding: 0px;
		list-style-type: none;
	}
	
	#topnav li{
	margin: 0;
	float: left;
	height: 43px;
	width: 205px;
	padding: 0px 15px 10px 0px;
	}
	
	#topnav li span{
	position: absolute;
	margin-left: 55px;
	margin-top: 13px;
	}
	
	/*  background images for overhead menu headings with rollovers */
	/*  containing li must also get bg image because of flicker in crappy old IE6 */
	
	#topnav li.btn1, #topnav a.btn1 {background: url(images/menu_blu_blu.gif) no-repeat 0 0;}
	#topnav li.btn2, #topnav a.btn2 {background:  url(images/menu_blu_or.gif) no-repeat 0 0;}
	#topnav li.btn3, #topnav a.btn3 {background:  url(images/menu_blu_prple.gif) no-repeat 0 0;}
	#topnav li.btn4, #topnav a.btn4 {background:  url(images/menu_blu_gr.gif) no-repeat 0 0;}
	#topnav li.btn5, #topnav a.btn5 {background:  url(images/menu_blu_gld.gif) no-repeat 0 0;}
	#topnav li.btn6, #topnav a.btn6 {background:  url(images/menu_blu_rd.gif) no-repeat 0 0;}
	
	#topnav a {
	display: block;
	width: 205px;
	height: 43px;
	text-decoration: none;
	}
	
	/*  slides button image over for rollover to expose rollover half of image */
	
	#topnav a:visited {
	color: #ffffff;	
	}
	
	
	#topnav a:hover, a:active {
	background-position: 0px -58px;
	color: #FFFFFF;
	text-decoration: none;
}

	
	
/* END TOP NAV


/* address bar */


div#address {
	clear: both;
	position: absolute;
	white-space: nowrap;
	top: 192px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	}
	
	
	div#address p {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	text-align: center;
	margin: 0px;
	padding: 5px 0px 0px;
}

/* end address bar */

/* Begin Images */
#content p img {
	max-width: 100%;
	display: inline;
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
#content p {clear: both;}

/*	Using 'class="alignright"' on an image will align the image to the right.
	 'class="centered' will center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}

.alignleft {float: left;}
	
/* End Images */



/* Begin Lists */


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
	
	.entry ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ul li {
	list-style: disc inside;
	padding-left: 5px;
	}


/* End Entry Lists */


/* Begin Misc Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	color: #5B5B5B;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-size: 90%;
	}
/* End Various Tags & Classes*/


/* begin sidebar */


#mysidebar {
	margin: 0 0 0 540px;
	padding: 0;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: -25px;
}

#mysidebar ul {
	padding: 5px 0px 20px;
	list-style: none;
	margin: 0;
}

#mysidebar ul ul {
padding: 25 0 15;
}

#mysidebar ul ul li {
	margin: 0px;
	padding: 0px 10px;
}


/* added for IE6 bug  need to declare block-inline before block to prevent gaps */
#mysidebar ul ul li a {
	display: inline-block;
}

#mysidebar ul ul li a {
	margin: 0;
	padding: 4px 10px 2px 10px;
	display: block;
	text-decoration: none;
}

#mysidebar ul ul li a:link, ul ul li a:visited {
color: #FFFFFF;
}

#mysidebar ul ul li a:hover, ul ul li a:active {
	color: #194B77;
	background: #FFFFFF;
}

#mysidebar h2 {
	font-size: 1.5em;
	text-align: left;
	padding: 2px 5px;
	width: 240px;
	border-top: 1px solid #FFFFFF;
	border-right: none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: none #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	margin: 0px;
}


/* form styles  */

	/* search form  */


#mysidebar #searchbar {
	display: block;
	margin-left: 15px;
	margin-bottom: 15px;
}

#mysidebar #searchbar h2 {
	border-style: none;
	font-weight: bold;
	padding-top: 0px;
	background: url(images/magnifier_blu.gif) no-repeat left center;
	text-align: left;
	padding-left: 25px;
	width: auto;
	margin-bottom: 10px;

}

#mysidebar #searchsubmit {
	margin-left: 5px;
	padding: 0px;
}



#mysidebar #searchbar p {
	margin: 0px;
	padding: 4px 0px 0px;

}

#mysidebar #searchbar a:hover, #mysidebar #searchbar a:active {
	text-decoration: underline;	
color: #00FF00;
}

#mysidebar #searchbar a:visited {
	text-decoration: underline;	
color: #FFFFFF;
}

/* new for select options */

#searchbar select {
	background: #1767AA;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 0px;
	margin: 0px 0px 12px;
}


#searchbar select option {
}

#searchbar h4 {
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 8px;
	

}

#searchbar div#main_search {
	width: 240px;
	padding-left: 25px;
	margin: 25px 0px 30px -20px;


}

#searchbar div#main_search #ddlSearchType{
	margin-bottom: 4px;
}


#searchbar div#additional_search {
	width: 240px;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px -20px;
}

#main_search input#SearchButton {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 5px;
	display: inline;
}


#main_search input#s {
	border: 1px solid #FFFFFF;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	width: 155px;
	display: inline;
}

	/* end search form */


/* begin general form styles */
 input.btn {
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #fff;
	padding-right: 3px;
	padding-left: 3px;
}

input.inputbox {
	border: 1px solid #fff;
	color: #000000;
}


/* BACKGROUND IMAGES FOR EACH PAGE CLASS COLOR - these are assigned by color  */


/* blue */

	body.blue {background: #1767AA url(images/arc_hdr_blu.gif) no-repeat center top;}
	body.blue #background {background: url(images/arc_cntbg_blu.gif) repeat-y center top;}
	body.blue #content_top {background: url(images/arc_cnttop_blu.gif) no-repeat center top;}
	body.blue #footer {background: url(images/arc_cntbtm_blu.gif) no-repeat center bottom;}
	body.blue .pagetitle h2 {background: url(images/headphone_blu.gif) no-repeat left center;}
	body.blue #topnav a:hover, a:active {background-position: 0px -58px;}
	
	/*  background images for overhead menu headings with rollovers */
	body.blue #topnav li.btn1, body.blue #topnav a.btn1 {background: url(images/menu_blu_blu.gif) no-repeat 0 0;}
	body.blue #topnav li.btn2, body.blue #topnav a.btn2 {background:  url(images/menu_blu_or.gif) no-repeat 0 0;}
	body.blue #topnav li.btn3, body.blue #topnav a.btn3 {background:  url(images/menu_blu_prple.gif) no-repeat 0 0;}
	body.blue #topnav li.btn4, body.blue #topnav a.btn4 {background:  url(images/menu_blu_gr.gif) no-repeat 0 0;}
	body.blue #topnav li.btn5, body.blue #topnav a.btn5 {background:  url(images/menu_blu_gld.gif) no-repeat 0 0;}
	body.blue #topnav li.btn6, body.blue #topnav a.btn6 {background:  url(images/menu_blu_rd.gif) no-repeat 0 0;}
	body.blue #topnav a:hover, a:active {background-position: 0px -58px;}
	
	/* sidebar links */
	body.blue #mysidebar ul ul li a:hover, ul ul li a:active {color: #194B77;}
	
	/* searchbar magnifier */
	body.blue #mysidebar #searchbar h2 {background: url(images/magnifier_blu.gif) no-repeat left center;}
	
	/* searchbar menus   */
	body.blue #mysidebar #searchbar select {background: #1767AA;}


/* red */

	body.red {background: #5E2424 url(images/arc_hdr_rd.gif) no-repeat center top;}
	body.red #background {background: url(images/arc_cntbg_rd.gif) repeat-y center top;}
	body.red #content_top {background: url(images/arc_cnttop_rd.gif) no-repeat center top;}
	body.red #footer {background: url(images/arc_cntbtm_rd.gif) no-repeat center bottom;}
	body.red .pagetitle h2 {background: url(images/headphone_rd.gif) no-repeat left center;}
	
	/*  background images for overhead menu headings with rollovers */
	body.red #topnav li.btn1, body.red #topnav a.btn1 {background: url(images/menu_rd_blu.gif) no-repeat 0 0;}
	body.red #topnav li.btn2, body.red #topnav a.btn2 {background:  url(images/menu_rd_or.gif) no-repeat 0 0;}
	body.red #topnav li.btn3, body.red #topnav a.btn3 {background:  url(images/menu_rd_prple.gif) no-repeat 0 0;}
	body.red #topnav li.btn4, body.red #topnav a.btn4 {background:  url(images/menu_rd_gr.gif) no-repeat 0 0;}
	body.red #topnav li.btn5, body.red #topnav a.btn5 {background:  url(images/menu_rd_gld.gif) no-repeat 0 0;}
	body.red #topnav li.btn6, body.red #topnav a.btn6 {background:  url(images/menu_rd_rd.gif) no-repeat 0 0;}
	body.red #topnav a:hover, a:active {background-position: 0px -58px;}
	
	/* sidebar links */
	body.red #mysidebar ul ul li a:hover, ul ul li a:active {color: #452224;}
	
	/* searchbar magnifier */
	body.red #mysidebar #searchbar h2 {background: url(images/magnifier_rd.gif) no-repeat left center;}	
		
	/* searchbar menus   */
	body.red #mysidebar #searchbar select {background: #5E2424;}

/* orange */
	
	body.orange {background: #E07438 url(images/arc_hdr_or.gif) no-repeat center top;}
	body.orange #background {background: url(images/arc_cntbg_or.gif) repeat-y center top;}
	body.orange #content_top {background: url(images/arc_cnttop_or.gif) no-repeat center top;}
	body.orange #footer {background: url(images/arc_cntbtm_or.gif) no-repeat center bottom; }
	body.orange .pagetitle h2 {background: url(images/headphone_or.gif) no-repeat left center;}

	/*  background images for overhead menu headings with rollovers */
	body.orange #topnav li.btn1, body.orange #topnav a.btn1 {background: url(images/menu_or_blu.gif) no-repeat 0 0;}
	body.orange #topnav li.btn2, body.orange #topnav a.btn2 {background:  url(images/menu_or_or.gif) no-repeat 0 0;}
	body.orange #topnav li.btn3, body.orange #topnav a.btn3 {background:  url(images/menu_or_prple.gif) no-repeat 0 0;}
	body.orange #topnav li.btn4, body.orange #topnav a.btn4 {background:  url(images/menu_or_gr.gif) no-repeat 0 0;}
	body.orange #topnav li.btn5, body.orange #topnav a.btn5 {background:  url(images/menu_or_gld.gif) no-repeat 0 0;}
	body.orange #topnav li.btn6, body.orange #topnav a.btn6 {background:  url(images/menu_or_rd.gif) no-repeat 0 0;}
	body.orange #topnav a:hover, a:active {background-position: 0px -58px;}
	
	/* sidebar links */
	body.orange #mysidebar ul ul li a:hover, ul ul li a:active {color: #965330;}
	
	/* searchbar magnifier */
	body.orange #mysidebar #searchbar h2 {background: url(images/magnifier_or.gif) no-repeat left center;}
		
	/* searchbar menus   */
	body.orange #mysidebar #searchbar select {background: #E07438;}	

/* green */

	body.green {background: #98AA71 url(images/arc_hdr_gr.gif) no-repeat center top;}
	body.green #background {background: url(images/arc_cntbg_gr.gif) repeat-y center top;}
	body.green #content_top {background: url(images/arc_cnttop_gr.gif) no-repeat center top;}
	body.green #footer {background: url(images/arc_cntbtm_gr.gif) no-repeat center bottom;}
	body.green .pagetitle h2 {background: url(images/headphone_gr.gif) no-repeat left center;}
	
	/*  background images for overhead menu headings with rollovers */
	body.green #topnav li.btn1, body.green #topnav a.btn1 {background: url(images/menu_gr_blu.gif) no-repeat 0 0;}
	body.green #topnav li.btn2, body.green #topnav a.btn2 {background: url(images/menu_gr_or.gif) no-repeat 0 0;}
	body.green #topnav li.btn3, body.green #topnav a.btn3 {background: url(images/menu_gr_prple.gif) no-repeat 0 0;}
	body.green #topnav li.btn4, body.green #topnav a.btn4 {background: url(images/menu_gr_gr.gif) no-repeat 0 0;}
	body.green #topnav li.btn5, body.green #topnav a.btn5 {background: url(images/menu_gr_gld.gif) no-repeat 0 0;}
	body.green #topnav li.btn6, body.green #topnav a.btn6 {background: url(images/menu_gr_rd.gif) no-repeat 0 0;}
	body.green #topnav a:hover, a:active {background-position: 0px -58px;}
	
	/* sidebar links */
	body.green #mysidebar ul ul li a:hover, ul ul li a:active {color: #697553;}	
	
	/* searchbar magnifier */
	body.green #mysidebar #searchbar h2 {background: url(images/magnifier_gr.gif) no-repeat left center;}
		
	/* searchbar menus   */
	body.green #mysidebar #searchbar select {background: #98AA71;}	

/* purple */
	
	body.purple {background: #59537C url(images/arc_hdr_prple.gif) no-repeat center top;}
	body.purple #background {background: url(images/arc_cntbg_prple.gif) repeat-y center top;}
	body.purple #content_top {background: url(images/arc_cnttop_prple.gif) no-repeat center top;}
	body.purple #footer {background: url(images/arc_cntbtm_prple.gif) no-repeat center bottom;}
	body.purple .pagetitle h2 {background: url(images/headphone_prple.gif) no-repeat left center;}
	
	/*  background images for overhead menu headings with rollovers */
	body.purple #topnav li.btn1, body.purple #topnav a.btn1 {background: url(images/menu_prple_blu.gif) no-repeat 0 0;}
	body.purple #topnav li.btn2, body.purple #topnav a.btn2 {background:  url(images/menu_prple_or.gif) no-repeat 0 0;}
	body.purple #topnav li.btn3, body.purple #topnav a.btn3 {background:  url(images/menu_prple_prple.gif) no-repeat 0 0;}
	body.purple #topnav li.btn4, body.purple #topnav a.btn4 {background:  url(images/menu_prple_gr.gif) no-repeat 0 0;}
	body.purple #topnav li.btn5, body.purple #topnav a.btn5 {background:  url(images/menu_prple_gld.gif) no-repeat 0 0;}
	body.purple #topnav li.btn6, body.purple #topnav a.btn6 {background:  url(images/menu_prple_rd.gif) no-repeat 0 0;}
	body.purple #topnav a:hover, a:active {background-position: 0px -58px;}
	
	/* sidebar links */
	body.purple #mysidebar ul ul li a:hover, ul ul li a:active {color: #423F5A;}	

	/* searchbar magnifier */
	body.purple #mysidebar #searchbar h2 {background: url(images/magnifier_prple.gif) no-repeat left center;}
		
	/* searchbar menus   */
	body.purple #mysidebar #searchbar select {background: #59537C;}	


/* gold */

	body.gold {background: #C49751 url(images/arc_hdr_gld.gif) no-repeat center top;}
	body.gold #background {background: url(images/arc_cntbg_gld.gif) repeat-y center top;}
	body.gold #content_top {background: url(images/arc_cnttop_gld.gif) no-repeat center top;}
	body.gold #footer {background: url(images/arc_cntbtm_gld.gif) no-repeat center bottom;}
	body.gold .pagetitle h2 {background: url(images/headphone_gld.gif) no-repeat left center;}
	
	/*  background images for overhead menu headings with rollovers */
	body.gold #topnav li.btn1, body.gold #topnav a.btn1 {background: url(images/menu_gld_blu.gif) no-repeat 0 0;}
	body.gold #topnav li.btn2, body.gold #topnav a.btn2 {background:  url(images/menu_gld_or.gif) no-repeat 0 0;}
	body.gold #topnav li.btn3, body.gold #topnav a.btn3 {background:  url(images/menu_gld_prple.gif) no-repeat 0 0;}
	body.gold #topnav li.btn4, body.gold #topnav a.btn4 {background:  url(images/menu_gld_gr.gif) no-repeat 0 0;}
	body.gold #topnav li.btn5, body.gold #topnav a.btn5 {background:  url(images/menu_gld_gld.gif) no-repeat 0 0;}
	body.gold #topnav li.btn6, body.gold #topnav a.btn6 {background:  url(images/menu_gld_rd.gif) no-repeat 0 0;}
	body.gold #topnav a:hover, a:active {background-position: 0px -58px;}
	
	
	/* sidebar links */
	body.gold #mysidebar ul ul li a:hover, ul ul li a:active {color: #846940;}	

	/* searchbar magnifier */
	body.gold #mysidebar #searchbar h2 {background: url(images/magnifier_gld.gif) no-repeat left center;}
		
	/* searchbar menus   */
	body.gold #mysidebar #searchbar select {background: #C49751;}