body{ margin : 0px; font-family	: Arial, Helvetica, sans-serif; font-size : medium; background: url(/futurestheatrecompany/images/futurestheatrecompany/bg.gif) top center no-repeat;}
body#young-people { background: #f4eff7 url(/futurestheatrecompany/images/futurestheatrecompany/bg-colour.gif) top center no-repeat; }

.clr { clear: both; height: 1px; margin: -1px 0 0 0; overflow: hidden; }
.clr-left { clear:left; height:1px; overflow:hidden; }


#siteContainer { width : 760px; text-align : left; margin : 0 auto; position: relative; line-height: 1.2em;}

#header { margin: 5px 0 5px 0; }
#header * { float: left; }

/*menu*/
#menu { margin: 0; padding: 0; background: #67246b; text-align: right; line-height: 1em;}

/*Drop down menu*/
#nav, #nav ul { margin: 0; padding: 0 0.3em 0.4em; list-style: none; font-size: 0.9em; }
#nav li { float : left; position: relative; margin : 0 3px; font-size: 1em; } 
#nav li ul { position: absolute; left: 0px;  top: 1.8em; display: none; width: 150px; text-align: left; font-size: 1em;}
#nav li ul li { margin : 0; width: 150px; }

/* Styles for Menu Items */
#nav li a.current { text-decoration: underline; }
#nav li a { display: block; text-decoration: none; padding: 5px; color: #bfaacc;}
#nav li ul li { padding: 0; margin: 0px; padding:0px 0; background: #67246b;}
#nav li ul li a { background: #67246b; color: #bfaacc; padding: 20px 0px;}

/* Hover Styles */
#nav li a:hover { background: #bfaacc; color: #67246b; } 
/* Sub Menu Styles */		
#nav li ul li a { padding: 7px 5px; } 
/* The magic */		
#nav li:hover ul, #nav li.over ul { display: block; } 

#content { line-height: 1.2em; }
#content table { width:100%; border:1px solid #BFAACC; margin-top:10px;}
#content table th { background-color:#BFAACC;}
#content table td { padding:3px; }
#content table td { border:1px solid #BFAACC;}
#content table .odd  { background-color:#ffffff; }
#content table .even { background-color:#BFAACC; }

#content .left { float:left; }
#content .right { float:right; }
#content .half-width { width:42%; }
#content .border-left { margin:40px 0;  border-left:1px solid #000; }


#footer { border-top: 1px solid #67246b; margin: 10px 20px; text-align: center;}
#footer a { color: #000; }
#footer a:hover { text-decoration: none; }
#footer ul { margin: 5px 0; padding: 0; font-size: 90%;}
#footer ul li { display: inline; padding: 0 5px;}

/*SITEMAP*/
#sitemap p.section{font-size : 110%; margin: 0;}
#sitemap p.subsection{ padding-left : 25px; margin: 0;}
#sitemap p.article{font-size : 90%; padding-left : 50px; margin: 0;}

/*General Styles*/

h1 { font-size: 130%; color: #67246b; text-decoration: underline; padding: 5px 10px 5px 0; font-weight: normal; letter-spacing: 0.1em}
h2 { font-size: 120%; color: #67246b; text-decoration : none; margin: 15px 0 5px 0; font-weight: normal; clear: both;}
h3 { margin: 10px 0 3px 0; color: #67246b; text-decoration: underline; font-size: 100%;}
h3 a { color: #f90; }
h4 { margin: 15px 0 0 0; }

div.showhide p { margin: 0 0 10px 0; }
div.video { text-align: center; }


#content ul { float: left; margin:10px 0; padding: 0; width:68%; position:relative;}
#content ul li { padding: 4px 0 4px 35px; position:relative; list-style-type:none;  background:url(/futurestheatrecompany/images/futurestheatrecompany/li.gif) center left no-repeat; }
#content ul li a { margin-left:5px; }

#content .list-left { float:left; width:49%; }
#content .list-left ul li { width:100%; }

img.img_left { float: left; clear: left; margin: 0 10px 10px 0; }
img.img_right { float: right; clear: right; margin: 0 0 10px 10px; }
img.border { padding: 3px; background: #fff; border: 2px solid #67246b; }

blockquote { margin: 20px 0 5px 0; background: #67246b; color: #fff; padding: 0.25em 0.5em;}

a img { border: 0; }

form dl { }
form dl dt { margin-top:10px; }
form dl dd { margin:0; padding:0; }
form .error { color:#cc0000; font-weight:bold; }
form input,
form textarea { width:100%; }
form textarea { height:100px; }

form dl dt .more-info { font-size:0.8em; }

button.no-style { border:0px; background:none; padding:0; margin:0; }

/*PAGE SPECIFIC*/

.contact .border-left { font-size:0.9em; padding:0 20px 20px 20px; }