/*	Developed by: Cassis // thinkcassis.com
/	Bayview Music Festival
/	Globals Stylesheet
*/

/*	COLOR GUIDE
/	orange: E17D1F
/	cream: fefdf7
/	dark blue: 005696
/	light blue: b1cbdf
/	sidebar blue: dfe9ed
/	curve blue: 8DACC3
/	tope: e2e0cb
*/


/*SIDEBAR ON RIGHT HAND SIDE WILL HOLD SUB NAV AND OTHER INFO*/
#sidebar { float: right; width: 150px; padding-bottom: 0px; padding-top: 30px; margin-right: 15px; }
#index #sidebar { padding-top: 90px; } /* must match top padding on #page */

#sidebar div {
padding: 15px 10px;
background: #dfe9ed url('../images/sidebar_bottom.png') no-repeat left bottom;
position: relative;
margin-bottom: 7px;
}
#sidebar div img { position: absolute; top:0px; left:0px; }

#sidebar #subnav { margin-bottom: 25px; }

#sidebar, #page {
font-family: Arial, sans-serif;
font-size: 75%;
line-height: 160%;
color: #555;
}
#sidebar { line-height: 120%; font-size: 70%; }


/*HOLDS THE MAIN CONTENT ON EACH PAGE*/
#page { padding: 30px 200px 0px 25px; }
#index #page { padding: 90px 200px 50px 25px; } /* top padding must match #sidebar */



/*FOOTER SECTION*/
#footer {
position: relative;
top: -77px;
margin: 0px auto;
width: 580px;
height: 100px;
background: url('../images/footer.png') no-repeat top left;
padding: 20px 10px;
font-size: 80%;
color: #005696;
text-align: center;
line-height: 120%;
font-family: Georgia, serif;
letter-spacing: 1px;
font-size: 70%;
line-height: 120%;
}


/* MAIN NAVIGATION --------------- */

#nav {
position: absolute;
z-index: 99;
top: -10px;
left: 385px;
width: 359px;
height: 52px;
overflow: hidden;
}
#index #nav { top: 0px; left: 115px; z-index: 99; }


#nav a {
width: 108px; /* total = 116 - padding */
height: 52px;
overflow: hidden;
float: left;
margin-right: 5px;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 100%;
text-align: right;
text-transform: capitalize;
text-decoration: none;
letter-spacing: 1px;
color: #005696;
padding: 29px 8px 0px 0px;
opacity: 0.5; filter:alpha(opacity=50); -moz-opacity: 0.5;
}
#index #nav a { opacity: 1.0; filter:alpha(opacity=100); -moz-opacity: 1.0;  }


#nav a:hover { opacity: 1.0; filter:alpha(opacity=100); -moz-opacity: 1.0; cursor:pointer; }
#index #nav a:hover { opacity: 0.8; filter:alpha(opacity=80); -moz-opacity: 0.8; cursor:pointer; }


#nav #audience { background: url('../images/nav_orange.png') no-repeat; }
#nav #students { background: url('../images/nav_green.png') no-repeat; }
#nav #faculty { margin-right: 0px; background: url('../images/nav_cream.png') no-repeat; }

#nav a.current { opacity: 1.0; filter:alpha(opacity=100); -moz-opacity: 1.0; }

#nav_index { position: absolute; width: 150px; height: 95px; top: 25px; left: 167px; }




/* HEADINGS --------------- */

h1 {
font-weight: normal;
color: #005696;
font-family: Georgia, serif;
font-size: 150%;
letter-spacing: 1px;
padding-bottom: 10px;
}

#sidebar h1 { padding-bottom: 1px; margin-bottom: 10px; border-bottom: 0px solid #005696; font-size: 140%; }

h2 {
font-weight: bold;
color: #005696;
font-size: 125%;
padding-top: 5px;
}

#sidebar h2 {
color: #005696;
font-size: 120%;
font-family: arial, sans-serif;
font-weight: bold;
letter-spacing: 0px;
padding: 5px 0px 0px 0px;
}






/* MISC ELEMENTS --------------- */

p { margin-bottom: 10px; }

hr {
background: #fefdf7;
border-top: 1px solid #b1cbdf;
border-bottom: 1px solid #b1cbdf;
height: 2px;
margin-bottom: 20px;
margin-top: 20px;
}




/* LINKS --------------- */

a:link {color: #005696}     /* unvisited link */
a:visited {color: #005696}  /* visited link */
a:hover {color: #E17D1F}   /* mouse over link */
a:active {color: #005696}   /* selected link */


#sidebar a { display: block; }

#subnav a { font-weight: bold; line-height: 140%; }

#sidebar .students { background-color: #d6dbb4; }
#sidebar .audience { background-color: #efc8a1; }
#sidebar .faculty { background-color: #f5edcd; }

.top { font-size: 80%; padding-bottom: 10px; display: block; }

#header .tab {
height: 30px;
width: 150px;
position: absolute;
left: 601px;
top: 100px;
background: url('../images/tab.png') no-repeat;
overflow: hidden;
padding-top: 10px;
font-weight: bold;
font-family: arial;
font-size: 70%;
text-decoration: none;
color: #fefdf7;
}
#header .tab:hover { color: #005696; }