/* GLOBALS */
html,body { height:100%; text-align: center;  background: #283c40; /* background: url(images/DSCF0136_2.jpg) repeat; */ }

* { padding: 0; margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; color: #333; line-height: .4em; }
img { border: 0; }
.left { float: left; }
.right { float: right; }
body.popup { background: #fff; } 

.mainPic{
	border:0;
	padding:0;
	margin:0;

}  

/* TYPOGRAPHY */
p, li, label { font-size: 13px; }
p { margin: 20px 15px; line-height: 20px; }
td { line-height: 1.2em; }
.text { text-align: left; }
.bold { font-weight: bold; }
.floatright { float: right; margin: 0 0 10px 10px; }

h1 { margin-top: 20px; font-family:  Helvetica; font-size: 16px; font-weight: bold; line-height: 15px; }
h2 { font-size: 13px; /*color: #E24B2D; */font-weight:normal; line-height:20px }
h3 { font-size: 1px; font-weight: normal; color: #ffffff; }
h4 { margin: 30px 0px -10px 15px; font-family: Helvetica; font-size: 16px; font-weight: bold; color: #38818e; }

a { color: #D75F46 ; text-decoration:none; line-height: 20px; }
a:hover { color: #E24B2D ; text-decoration:underline; }  
a:active { color: #A8578D; }

/* COLORS: red E24B2D dalared E43015 yellow ead400 yellowlight ffffcc green c2d6a3 blue 46A2B2 background 444e58 */
/* SCANDI COLORS: GREEN B8C08D BROWN 774127 YELLOW EDAC58 RED D75F46 BLUE 46605D LINEN E6E1BB light-green d1e6af*/

/* CONTAINER */
#interiorcontainer { width: 741px; padding-top: 25px; padding-bottom: 25px; padding-right: 25px; padding-left: 25px; background: #E6E1BB ; margin: auto; }

/* TOP */
#top { width: 741px; height: 231px; border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; }
#topleft { width: 240px; height: 231px; float: left; border-right: 1px solid; }
#topright { width: 500px; height: 231px; float: right; }

/*MIDDLE*/
#mid { width: 741px; height: 60px; float:left; background: #E6E1BB ; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; }

/* BOTTOM */
#bottom { width: 741px; min-height: 300px; float:left; background: #c2d6a3 ; text-align: left; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; }
#bottomsubtitle { width: 741px; float:left; text-align: left; }
#bottomtextindent {padding: 0px 50px; text-align:left; }

/* NAVBAR */
#navbar { float: left; width: 741px; 0 0 repeat-x; }
#navbar ul { float: left; }
#navbar ul li { float: left; list-style: none; }
#navbar ul li a { display: block; float: left; text-decoration: none; }
#navbar ul li.music a { width: 185px; height: 60px; background: url(images/navbar/music.gif) 50% 50% no-repeat; }
#navbar ul li.dance a { width: 185px; height: 60px; background: url(images/navbar/dance.gif) 50% 50% no-repeat; }
#navbar ul li.festivals a { width: 185px; height: 60px; background: url(images/navbar/festivals.gif) 50% 50% no-repeat; }
#navbar ul li.links a { width: 185px; height: 60px; background: url(images/navbar/links.gif) 50% 50% no-repeat; }

/* NAVBAR - when hovering */
#navbar ul li.music a:hover
	{ background: url(images/navbar/musichover.gif) 50% 50% no-repeat; }

#navbar ul li.dance a:hover
	{ background: url(images/navbar/dancehover.gif) 50% 50% no-repeat; }

#navbar ul li.festivals a:hover
	{ background: url(images/navbar/festivalshover.gif) 50% 50% no-repeat; }

#navbar ul li.links a:hover
	{ background: url(images/navbar/linkshover.gif) 50% 50% no-repeat; }

/* NAVBAR - when selected */
body.music #navbar ul li.music a, 
body.music #navbar ul li.music a:hover
	{ background: url(images/navbar/musicselect.gif) 50% 50% no-repeat; }

body.dance #navbar ul li.dance a, 
body.dance #navbar ul li.dance a:hover
	{ background: url(images/navbar/danceselect.gif) 50% 50% no-repeat; }

body.festivals #navbar ul li.festivals a, 
body.festivals #navbar ul li.festivals a:hover
	{ background: url(images/navbar/festivalsselect.gif) 50% 50% no-repeat; }

body.links #navbar ul li.links a, 
body.links #navbar ul li.links a:hover
	{ background: url(images/navbar/linksselect.gif) 50% 50% no-repeat; }