/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Derrick Schultz & Louise Sandhaus Design
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: "Courier New", Courier, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

#menu a:link { text-decoration: none; color: #666666; }
#menu a:visited { text-decoration: none;}

/*-------------Styles for Visual Artists Menu Section -------------*/
#menu li.sec-2 a:active, #menu li.sec-2 a:hover, #menu li.sec-2 a.active { background-color: #f9cbdf; }
#menu li.sec-2 a:link, #menu li.sec-2 a:visited { color: #ec008c; }

/*-------------Styles for Literary Artists Menu Section -------------*/
#menu li.sec-4 a:active, #menu li.sec-4 a:hover, #menu li.sec-4 a.active { background-color: #c0e2ca; }
#menu li.sec-4 a:link, #menu li.sec-4 a:visited { color: #00a651; }

/*-------------Styles for Performing Artists Menu Section -------------*/
#menu li.sec-5 a:active, #menu li.sec-5 a:hover, #menu li.sec-5 a.active { background-color: #b9e5fb; }
#menu li.sec-5 a:link, #menu li.sec-5 a:visited { color: #00aeef; }

/*-------------Styles for Info Menu Sections -------------*/
#menu li.sec-1 a {font-family: Georgia, "Times New Roman", Times, serif;}

#menu li.sec-1 a:active, #menu li.sec-1 a:hover,#menu li.sec-1 a.active { background-color: #ccc; font-family: Georgia, "Times New Roman", Times, serif;}
#menu li.sec-1 a:link, #menu li.sec-1 a:visited { color: #333; }

#menu li.sec-6 a {font-family: Georgia, "Times New Roman", Times, serif;}

#menu li.sec-6 a:active, #menu li.sec-6 a:hover,#menu li.sec-6 a.active { background-color: #ccc; font-family: Georgia, "Times New Roman", Times, serif;}
#menu li.sec-6 a:link, #menu li.sec-6 a:visited { color: #333; }

a img { border: none; }

#menu {
    width: 195px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
	background-color: #fff;
	font-size: 120%;
	height: 100%;
	padding: 10px;
	position: fixed;
}

#menu ul {
	list-style: none;
	margin: 0 0 10px 0;
}

#menu ul li {
	list-style: none;
	margin: 0 0 3px 0;
}

#menu li.active a { background-color: #f9cbdf; }

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;
	font-size: 130%;
	padding: 10px;
}

.container {
    padding: 5px 5px 25px 5px;
}

body #content hr { margin: 20px 0 10px; width: 600px;}

body #content p { text-indent: 0em; width: 600px; margin: 20px 0 0;}
body #content p + p { text-indent: 2em; margin: 0; }

p {
    margin: 0 0 9px 0;
}

blockquote {
	padding: 10px 25px 0;
	line-height: 140%;
}

h1 { 
font-size: 180%; 
text-transform: uppercase;
letter-spacing: .1em;
font-weight: normal;
display: inline; 
}

h2 { font-size: 240%; text-transform: uppercase; letter-spacing: .2em; }
h3 { font-size: 140%; font-weight: normal; width: 600px; line-height: 140% }
h4 { font-size: 12px; }

#img-container	{ margin: 20px 0 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

body #content p {
	line-height: 140%;
	color:  #333333;
}

#content .container .active {
	text-decoration: none;
	color: #000000;
}

/* ---------------- Classes for Visual Artists Sections --------------------- */
body.section-2 #content a {
	color: #ec008c;
	text-decoration: none;
}

body.section-2 #content .question {
	color: #ec008c;
}

body.section-2 #content a:hover {
	text-decoration: underline;
}

body.section-2 #content u {
	text-decoration: none;
	background-color: #F287B7;
}


/* ---------------- Classes for Literary Artists Sections --------------------- */
body.section-4 #content a {
	color: #00a651;
	text-decoration: none;
}

body.section-4 #content .question {
	color: #00a651;
}

body.section-4 #content a:hover {
	text-decoration: underline;
}

body.section-4 #content u {
	text-decoration: none;
	background-color: #9BD3AE;
}



/*-------------Styles for Performing Artists Section -------------*/
body.section-5 #content a {
	color: #00aeef;
	text-decoration: none;
}

body.section-5 #content .question {
	color: #00aeef;
}

body.section-5 #content a:hover {
	text-decoration: underline;
}

body.section-5 #content u {
	text-decoration: none;
	background-color: #6DCFF6;
}

/*-------------Styles for Info Sections -------------*/
body.section-6 #content, body.section-1 #content {
	font-family: Georgia, "Times New Roman", Times, serif;
}

body.section-6 #content a, body.section-1 #content a {
	color: #000;
	text-decoration: underline;
}

body.section-6 #content u, body.section-1 #content u {
	text-decoration: none;
	background-color: #6DCFF6;
}



/*----------------- Styles for Thickbox -----------------*/
#TB_window {
	font-family: "Courier New", Courier, monospace;
}

a.thickbox img {
	height: 80px;
	border: none !important;
}


#TB_caption, #TB_secondLine {
	font-size: 120% !important;
}

#TB_window a:hover {
	text-decoration: underline !important;
	background: none !important;
}

#TB_overlay { position: absolute; z-index:100; top: 0px; left: 0px; background-color: #00ff8f; filter:alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.75; min-height:100%; height: auto; _height:100%; /* pour IE 6 */ height : 1px; } /* pour les autres navigateurs */ * > 

#TB_overlay { height: auto; } 

/* pour IE 7 */ 
*+html #TB_overlay { min-height : 1px; }

      /*----- Section Dependent 4 Thickbox -----*/

.section-5 #TB_secondLine a {
	color: #00aeef !important;
}

.section-2 #TB_secondLine a {
	color: #ec008c !important;
}

.section-4 #TB_secondLine a {
	color: #00a651 !important;
}