/* CSS Document */
/*Global styles*/

body {
	background-color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;color: #000000;
	line-height: 18px;
}

p {
	color: #333333;
	font-size: 12px;
	padding: 0px;
	margin: 11px 10px 11px 0px;
}	

h1 {
	color: #902c48;
	font-size: 14px;
	font-style:bold;
	display: inline;
	padding: 0px;
	margin: 0px;
}


h2 {
	color: #330000;
	font-size: 12px;
	font-style: bold;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

h3 {
	color: #902c48;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}	

h4 {
	color: #000066;
	font-size: 10px;
	font-weight: 600;
	margin: 4px 0px 4px 10px;
	padding: 0px;
}

h5 {
	color: #663333;
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}	

h6 {
	color: #660033;
	font-size: 10px;
	font-style: italic;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

/*Links*/

a:link
{
	color: #8f7003;
	text-decoration:none;
	}

a:visited {
	color: #8f7003;
	text-decoration:none;
	}

a:active 
{
	color: #8f7003;
	text-decoration:none;
	}

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

a.events:link{text-decoration: none; color:#902C48;}
a.events:visited{text-decoration: none; color:#902C48;}
a.events:active{text-decoration: none; color:#902C48;}
a.events:hover{text-decoration: underline; color:#902C48;}



/* Common Styles */

#container {
	width:800px;
	background-color:#000000;
	margin:auto;
	border: solid 0px pink;
}

#container_inside {
	width:800px;
	background-color:#f4f4f3;
	margin:auto;
	border: solid 0px green;
	clear:both;
}

#container_popup {
	width:400px;
	background-color:#f4f4f3;
	margin:20px;
	border: solid 0px blue;
	padding: 20px;
}

#container_popup_video {
	width:470px;
	height:425px;
	background-color:#f4f4f3;
	margin:20px;
	border: solid 0px green;
	padding: 20px;
}

#footer {
	margin: auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	width: 600px;
	border: solid 0px #02c;
	
}

.footer_text {
	color: #a1a0a0;
    font-size: 9px;
	font-weight:lighter;
	}
	
.footer_link a:link { 
	color: #a1a0a0;
    font-size: 9px;
	font-weight:lighter;
}


.footer_link  a:visited {
	color: #a1a0a0;
    font-size: 9px;
	font-weight:lighter;
}

.footer_link a:hover {
    color: #ffcc66;
    font-size: 9px;
	font-weight:lighter;

}

/*POP - UP STYLES */

#popup_footer {
	margin: left;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	width: 300px;
	border: solid 0px #02c;
}

.popup_footer_text {
	color: #a1a0a0;
	font-size: 9px;
	}
	
.popup_footer_link a:link { 
 	color: #a1a0a0;
    text-decoration: underline;
}


.popup_footer_link  a:visited {
	color: #a1a0a0;
    text-decoration:underline;
    font-size: 9px;
}

.popup_footer_link a:hover {
    color: #ffcc66;
}

#popup {
	padding-top: 20px;
}




/* Home Styles */

#header_home {
	background-image: url(../images/header_home_bg.gif);
	background-repeat: no-repeat;
	height: 71px;
	padding-top: 10px;
	padding-left: 20px;
	border: solid 0px #f0f;
}

#header_home_spacer {
	background-color: #912C47;
	height:10px;
	border: solid 0px #d4e;
}

#billboard {
	border: solid 0px #02c;

}

#left_column {
	color: #000000;
	background-color:#f4f4f3;
	margin: 0px 0px 0px 0px;
	padding:12px 24px 0px 40px;
	float:left;
	width:375px;
	border: solid 0px yellow;
}

#right_column {
	width:325px;
	float:right;
   	padding: 40px 20px 0px 0px;
   	margin: 0px 0px 0px 0px;
	border: solid 0px yellow;
}

#home_title {
	background-image: url(../images/title_home_news_bg.gif);
	background-repeat: repeat-x;
	height: 33px;
	margin-top: 20px;
	padding-top: 3px;
	border: solid 0px #f0f;
	}
/*Smooth Div Scroll Styles*/
/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 75 pixels 
	   and if there is room the will grow and occupy 10% 
	   of the scrollable area (20% combined). 
	   Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to 
	solve some problems I experienced in Internet Explorer 6. */
	background-image: url(../images/about/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first cursor url is for Firefox and other 
	    browsers, the second is for Internet Explorer */
	cursor: url(../images/about/cursors/cursor_arrow_left.cur), url(../images/about/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/about/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	/* Standard CSS3 opacity setting */
	opacity: 0.35; 
	/* Opacity for really old versions of 
	   Mozilla Firefox (0.9 or older) */
	-moz-opacity: 0.35;
	/* Opacity for Internet Explorer. */
	filter: alpha(opacity = 35);
	/* Use zoom to Trigger "hasLayout" in 
	   Internet Explorer 6 or older versions */	
	zoom: 1; 
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/about/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/about/cursors/cursor_arrow_right.cur), url(../images/about/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/about/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
	border:0px solid red;
}

/* The scroll wrapper is always the same width and 
   height as the containing element (div). Overflow 
   is hidden because you don't want to show all of 
   the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/*end Smooth Div Scroll*/

/*Social Media Icon Styles*/

div#social_icon{
	
	height:20px;
	border: 0px solid red;
	margin-bottom: 15px;}

	div#facebook {border:0px solid blue; height: 20px; float:right;}
	div#twitter {width:60px; border:0px solid green; float:right; margin-right:10px;}

div#test{width:500px;
height:25px;
border:1px solid red;}


/* Inside Styles */

#right_column_int {
	background-color:#f4f4f3;
	width:550px;
	margin:10px 25px 5px 5px;
	padding:0px 0px 0px 0px;
	float:right;	
	border: solid 0px green;
}

#column_box {
	width:250px;
	float:left;
	padding: 0px 0px 0px 0px;
	border: solid 0px red;
}

#imgindex_box {
	margin: 5px 9px 15px 0px;
	width:156px;
	float:left;
	text-align:center;
	border: solid 0px #d4e;
	border: solid 0px #02c;
}

/*HR Stlyes*/

#news_hr {
	margin: 5px 0px 5px 0px;
	background-color: #CCCCCC;
	height:1px;
	border: solid 0px #d4e;
	width: 480px;
	clear: both;
}

#small_hr {
	margin: 10px 0px 10px 0px;
	background-color: #CCCCCC;
	height:1px;
	width: 150px;
	clear: both;
}

/* Text Styles */

.flagtxt {
	color: #902C48;
	font-size: 11px;
}

.flagtxt a:link {
	color: #902C48;
	font-size: 11px;
}


.flagtxt a:visited {
	color: #902C48;
	font-size: 11px;
}

.flagtxt a:active {
	color: #902C48;
	font-size: 11px;
}

.flagtxt a:hover {
	color: #000000;
	font-size: 11px;
}

#breadcrumb  {
	font-size: 11px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 21px;
	border: 0px solid brown;
}


#breadcrumb a:link {
	font-size: 11px;
	color: #000066;
	text-decoration: none;
	}				

#breadcrumb a:active {
	font-size: 11px;
	color: #000066;
	text-decoration: none;
	}				
					
#breadcrumb a:visited {
	font-size: 11px;
	color: #000066;
	text-decoration: none;
	}				

#breadcrumb a:hover {
	font-size: 11px;
	color: #8f7003;
	text-decoration: none;
	}				


/* List Styles */

ul#bullet {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 0px solid brown;
}

ul#bullet li {
	list-style-type:none;
	background: url(../images/bullet.gif) 0px 5px no-repeat;
	margin:5px 0px 5px 25px;
	padding:0px 0px 0px 15px;
	border: 0px solid blue;
}

ol#host {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 0px solid brown;
}

ol#host li{
	list-style-type:decimal !important;
	margin:5px 0px 5px 75px;
	padding:0px 0px 0px 10px;}




/*image and caption styles*/


div#img{
float:right;
margin:15px;
}

	div#img_caption{
	font-size: 10px;
    line-height: 12px;
    margin-top: 2px;
    text-align: left;
    width:225px;}

div#img_container{
float:right;
width:135px;
border:0px solid red;
margin:25px;
}
	div#img_elaine{width:125px;
	margin-top: 10px;}

	div#img_elaine_caption{font-size: 10px;
    line-height: 12px;
    margin-top: 2px;
    text-align: left;
    width:125px;}


/*Audio video style*/
div#audio {
	margin: 25px 0;
	
	}
div#audio_hr{
background-color: #CCCCCC;
    border: 0 solid #DD44EE;
    clear: both;
    height: 1px;
    margin: 5px 0;
    width: 550px;


}

/* Site Map Styles */

.map a:active  {
	margin:5px 0px 5px 25px;
	text-decoration:none;
	padding:0px 0px 0px 15px;
	border: 0px solid blue;
	color: #000066;
}

.map a:hover  {
	margin:5px 0px 5px 25px;
	text-decoration:none;
	padding:0px 0px 0px 15px;	
	border: 0px solid blue;
	color: #000066;
}

.map a:visited {
	margin:5px 0px 5px 25px;
	text-decoration:none;
	padding:0px 0px 0px 15px;
	border: 0px solid blue;
	color: #000066;
}

.map a:link  {
	margin:5px 0px 5px 25px;
	text-decoration:none;
	padding:0px 0px 0px 15px;	
	border: 0px solid blue;
	color: #000066;
}

.map li {
	list-style-type:none;
	text-decoration:none;
	margin:0px;
	padding:0px;	
	border: 0px solid blue;
	color: #000066;
}

.map ul {
	list-style-type:none;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding:0px;	
	border: 0px solid blue;
	color: #000066;
}

/*Break Style*/

br.clear {
	clear:both;
}

/*about page*/
div#jury_left{
width:225px;
float:left;
}
div#jury_right{
width: 225px;
float:left;
}

/*Past winners table*/
table#winners{
	border: 1px solid #BEBEBE;
    border-collapse: collapse;
    color: #000000;
    font-size: 11px;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    width:555px;
    text-align: left;
}
	table#winners tr.first_row{
	background-color: #902C48;
	color:#fff;
	font-weight: bold;
	text-align: center;
	}
	
	table#winners tr.odd{
	background-color: #e6e5e5;
	}
	table#winners a:link{
	color: #902C48;
    text-decoration: none;
    font-weight: normal;
	}
	table#winners a:hover {
	color: #b00f3c;
    text-decoration: underline;
    font-weight: normal;
	}
	table#winners a:visited{
	color: #610d25;
    text-decoration: none;
    font-weight: normal;
	}
	table#winners td.winners_td1 {
	width: 105px;
	}

	table#winners td.winners_td2 {
	width: 40px;
	}
	
	table#winners td.winners_td3 {
	width: 80px;
	}

	table#winners td.winners_td4 {
	width: 330px;
	word-wrap: break-word;
	}

/*Repetoire List Table*/
	table#repertoire{
	border: 1px solid #BEBEBE;
    border-collapse: collapse;
    color: #000000;
    font-size: 11px;
    height: auto;
    margin: 10px auto 50px auto;
    width: 555px;
    text-align: left;
}
	table#repertoire tr.first_row{
	background-color: #902C48;
	color:#fff;
	font-weight: bold;
	text-align: center;
	}
	
	table#repertoire tr.odd{
	background-color: #e6e5e5;
	}
	table#repertoire td.composer{width:127px;}
	table#repertoire td.title{width:236px;}
	table#repertoire td.concerto{width:82px; text-align: center;}
	table#repertoire td.X{width:82px; text-align: center;}
	
/*Video Audio Table*/
table#audio{
	border: 1px solid #BEBEBE;
    border-collapse: collapse;
    color: #000000;
    font-size: 11px;
    height: auto;
    width: 440px;
    text-align: left;
   
    float:right;
}
	table#audio tr.first_row{
		background-color: #902C48;
		color:#fff;
		font-weight: bold;
		text-align: center;
		}
	
	table#audio tr.odd{
		background-color: #e6e5e5;}
	table#audio td.audio_td1{width:210px;}
	table#audio td.audio_td2{width:230px;}
	
	table#audio td.single{text-align: center;
	font-style: italic;
	font-size: 10px;
	}
		

div.composer_img { float:left; }


/* Photo wrapper */

div.photo_wrapper { width: 485px; }

div.photo_wrapper p { text-align: left; font-size: 10px; line-height: 12px; margin-top: 2px; }