/* BGSU College of Musical Arts Main Style Sheet */
/* Created by Bryan Stanbridge 2005 */
/* Revised by Bryan Stanbridge 2006, 2007 */
/* Updated to remove all layout tables by Bryan Stanbridge 2007 */
/* Updated to change link appearance (increase usability) [7-9,71-2] by Bryan Stanbridge 2007 */
* {padding: 0; margin: 0;}
body {font: 12px/1.6 normal Arial,Helvetica,sans-serif; background: #000; color: #3e3a35;}
a {text-decoration: none; color: #a33d05; font-weight: bold;}
a:focus, a:hover, a:active {color: #ff7300; text-decoration: none;}
a img {border: 0;}
/* Styles for the BGSU Campus Header */
#header {width: 750px; margin: 0 auto;}
#header img#logo {float: left; margin-top: 36px;}
#header #MenuPos {float: right; margin-top: 36px; padding-top: 2px;}
#header #MenuPos select {width: 280px; margin-left: 131px; font: 10px/1.0 normal Arial, Helvetica, sans-serif;}
#header p#bgsu_nav {clear: right; text-align: right; font: 22px/1.0 normal; color: #695e4f; padding: 8px 0 0; margin-right: -1px;}
#header p#bgsu_nav img {padding: 0 0 0 3px; margin: 0; vertical-align: text-bottom; border: 0;}

/* Styles for the Main body */
#main {width: 748px; margin: 0 auto; background: #fff; border: 1px solid #feba42;}
#main #CMALogo {display: none;} /* Hide the CMA Logo until we print */
#main h1 {padding: 15px 0 0 204px; margin: 0; text-transform: uppercase; font-style: italic; color: #fff; letter-spacing: 0.2em; font-size: 125%; height: 32px; background: transparent url(http://www.bgsu.edu/images/music/header.jpg) left top no-repeat;}
#main h1 a, #main h1 a:visited {text-decoration: none; color: #fff;}
#main h1 a:hover {color: #ff7300; background-color: #fff;}

/* Navigation Styles */
#navigation {width: 187px; padding: 0 0 50px; background: #286786 url(http://www.bgsu.edu/images/music/navbarbottom.jpg) bottom left no-repeat; position: relative;}
#navigation ul {list-style-type: none; background: url(http://www.bgsu.edu/images/music/navbarback.jpg) bottom left repeat-y; padding-left: 17px;}
#navigation ul li {padding: 0.5em 0;}
#navigation ul li a {color: #fff; text-decoration: none; }
#navigation ul li a:hover {color: #286786; background-color: #fff;}
#navigation ul li.sub {background: url(http://www.bgsu.edu/images/music/menuright.png) right 0.5em no-repeat;}

/* Navigation Search Styles */
#navigation input#navSearch {width: 153px;}

/* Fly my pretties, fly! */
#navigation li ul {position: absolute; left: -999em; margin-left: 170px; margin-top: -2em; width: 187px; border: 1px solid #feba42;}
#navigation li.sfHover ul {margin-left: 0;}
#navigation li.sub:hover ul ul, #navigation li.sub:hover ul ul ul, #navigation li.sfHover ul ul, #navigation li.sfHover ul ul ul {left: -999em;}
#navigation li.sub:hover ul, #navigation li li.sub:hover ul, #navigation li li li.sub:hover ul, #navigation li.sfHover ul, #navigation li li.sfHover ul, #navigation li li li.sfHover ul {left: auto; background-position: 0 0;}

/* New Page by Page styles */
#navigation .current {background: #286786 !important; border-top: 1px solid #feba42; border-bottom: 1px solid #feba42; margin-left: -17px; padding-left: 17px;}
#navigation .current > ul {left: auto; margin: 0; position: static; border: 0; background: #286786; width: 153px;}
#navigation .current li:hover > ul {margin-left: 153px;}
*:first-child+html #navigation .current li:hover > ul {margin-left: 0;}
* html #navigation .current ul {left: auto; margin: 0; position: static; border: 0; background: #286786; width: 153px;}
* html #navigation .current ul li.sfHover ul {left: auto; background-position: 0 0;}
* html #navigation .current ul ul, * html #navigation .current ul li.sfHover ul ul {left: -999em; position: absolute; border: 1px solid #feba42; background: #286786 url(http://www.bgsu.edu/images/music/navbarback.jpg) bottom left repeat-y;}
* html #navigation .current ul ul li.sfHover ul {left: auto; background-position: 0 0;}
#navigation .current .current {background: #286786; border: 0;}
#navigation .current .current > ul {left: auto; margin: 0; position: static; border: 0; background: #286786; width: 136px;}
#navigation .current .current:hover > ul {margin-left: 0;}
#navigation .current .current li:hover > ul {margin-left: 136px;}
*:first-child+html #navigation .current .current li:hover > ul {margin-left: 0;}
* html #navigation .current .current ul {left: auto; margin: 0; position: static; border: 0; background: #286786; width: 136px;}
* html #navigation .current .current ul ul {left: -999em; position: absolute; border: 1px solid #feba42; background: #286786 url(http://www.bgsu.edu/images/music/navbarback.jpg) bottom left repeat-y;}
#navigation .current .current .current {background: #286786; border: 0;}
#navigation .current .current .current > ul {left: auto; margin: 0; position: static; border: 0; background: #286786; width: 119px;}
#navigation .current .current .current:hover > ul {margin-left: 0;}
* html #navigation .current .current .current ul {left: auto; margin: 0; position: static; border: 0; background: #286786; width: 119px;}

/* Content Styles */
#main #content {float: right; width: 527px; padding: 34px 17px 1em; background: #fff url(http://www.bgsu.edu/images/music/contentback.jpg) top right no-repeat;}
/* Have to fix the content width for IE */
* html #main {background: #fff url(http://www.bgsu.edu/images/music/contentback.jpg) 188px 47px no-repeat;}
* html #main #content {width: 524px; margin: 0; padding: 34px 17px 1em 0; background: 0;}
/* Headers */

/* h2 elements are the main subtitles for each page */
#content h2 {padding-bottom: 0.5em; text-decoration: none; text-transform: uppercase; font: 1.5em/1.5 Arial,Helvetica,sans-serif; color: #5b9ab9; letter-spacing: 0.2em;}
#content h3 {font-size: 1.25em; padding: 1.125em 0 0.25em; margin-bottom: 0.95em; border-bottom: 3px solid #ff7300; clear: left; color: #5b9ab9; font-weight: bold;}
#content h4 {font-size: 115%;}
#content h5 {font-size: 105%;}
#content h6 {font-size: 100%;}
#content h4, #content h5, #content h6 {color: #5b9ab9; font-weight: bold; padding: 1em 17px 0;}
#content h3+h4 {margin-top: -1em;}

/* Basic page styles */
#content img.header {margin-left: -17px; margin-top: -34px; display: block;}
#content a {border-bottom: 1px solid #a33d05; padding: 3px 0 2px;}
#content a:focus, #content a:hover, #content a:active {background: #a33d05; color: #fff;}
#content blockquote {padding: 1em 0 1em 34px;}
#content p {padding: 0.5em 17px;}
#content p.links a {display: block;}
#content p.breadcrumbs {padding-left: 0; padding-bottom: 1em; text-transform: lowercase; color: #5b9ab9; clear: left;}
#content ul {padding-left: 34px;}
#content ol {padding-left: 51px;}
#content ul li, #content ol li {padding-bottom: 1em;}
#content ul.links {list-style-type: none;}
#content dt {font-weight: bold; color: #5b9ab9; float: left; width: 145px; text-align: right; clear: left;}
#content dd {margin-left: 160px;}

/* Music Ambassador quotes are strewn about prospective site */
#content blockquote.ambassador {float: right; width: 330px; border: 1px solid #feba42; background: #feeda8; padding-left: 17px; margin-right: -17px; margin-left: 17px;}
#content blockquote.ambassador img {float: right; margin-left: 17px;}
#content blockquote.ambassador span {display: block; text-align: right; font-style: italic; margin-right: 127px;}

/* Styles for request forms */
#content fieldset {border: 3px solid #ff7300; padding: 25px 10px 10px; margin-top: 25px;}
#content fieldset legend {font-size: 150%; font-weight: bold; color: #5b9ab9; padding: 0 5px; border-bottom: 1px solid #feba42;}
#content fieldset label, #content fieldset input, #content fieldset select {margin-bottom: 10px; display: block; float: left; vertical-align: bottom;}
#content fieldset label {width: 75px; text-align: right; padding-right: 10px;}
#content fieldset label.fullLabel {width: 450px; text-align: left; padding-left: 0;}
#content fieldset label.interior {width: 60px;}
#content fieldset .required {color: #286786; font-weight: bold;}
#content fieldset input {background: #feeda8;}
#content fieldset optgroup {color: #286786; font-style: normal; padding-bottom: 0.5em; padding-top: 0.5em; border-bottom: 1px dashed #ff7300;}
#content fieldset optgroup option {color: #000;}
#content fieldset textarea {display: block; clear: left; padding: 10px; width: 475px; height: 100px; background: #feeda8;}
#content fieldset br {clear: left;}

/* Items common to each form */
#content fieldset #MI {width: 17px;}
#content fieldset #Address {width: 400px;}
#content fieldset #State_L {width: 50px;}
#content fieldset #State {width: 25px;}
#content fieldset #Zip {width: 50px;}
#content #Submit {display: block; background: #feeda8; color: #ff7300; padding: 0 10px; margin: 25px auto; width: 75px;}

/* Last Updated Paragraph Style */
#main p#lastupdated {padding: 24px 0 10px; margin: 0; font-size: 100%; font-weight: bold; clear: both; color: #fff; background: transparent url(http://www.bgsu.edu/images/music/footer.jpg) top left no-repeat; text-align: center;}
#main p#lastupdated a {color: #fff;}
#main p#lastupdated a:focus, #main p#lastupdated a:hover, #main p#lastupdated a:active {text-decoration: none; background-color: #fff; color: #6c8f00;}
#main p#lastupdated #webmaster {display: none;}

/* Styles for the BGSU Campus Footer */
#footer {color: #a49b8e; font-size: 10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-right: auto; margin-left: auto; padding: 0.5em 0 4.5em; text-align: center; width: 782px; clear: left; background: #000;}
#footer a {color: #a49b8e; font-weight: normal; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: none;}