html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-repeat:repeat-x;
	background-color: #ffffff;
}

/* Css for active link highlight  */
#home #homenav,
#about_us #about_usnav,
#diary #diarynav,
#productions #productionsnav,
#classes #classesnav,
#wardrobebody #wardrobenav,
#join #joinnav,
#ntyt #ntytnav,
#contact #contactnav,
#backstage #backstagenav 
{
	color:#aa0000;
}

/* CLASSES */
.loading { display:none; height:30px; background-image:url(../images/loading.gif); background-position:center; background-repeat:no-repeat; text-align:center; top:100px; left: 0px; position:relative; z-index:2; }

.breadCrumbs { font-size:10px; }
.clear { clear:both; }
.alignRight { text-align: right; }
.hidden { display: none;}

.fold-downs>div { border-top:1px dashed #000; padding-top: 5px; }
.fold-down-links { margin-bottom: 5px;}


.show-date { font-style: italic; text-align: right;}
.show-list { z-index:1; position:relative; top:0px; left:0px;}
.show-list-item { padding:10px; border-bottom: 1px dashed #000; }
.show-list-item h1 { font-size: 14px; font-weight: bold; margin: 0; }
.show-list-item .thumbnail { float:left; }
.show-list-item .showinfo .read-more a:link, .show-list-item .showinfo .read-more a:visited { color:#00F; text-decoration: none; }
.show-list-item .showinfo .re-collapse a:link, .show-list-item .showinfo .re-collapse a:visited { color:#00F; text-decoration: none; }
.show-list-item .showinfo { margin-left: 90px; min-height:80px; }
.show-list-item .eventinfo {margin-left: 220px; }
.show-list-item .showinfo a:link, .show-list-item .showinfo a:visited, 
.show-list-item .eventinfo a:link, .show-list-item .eventinfo a:visited { color:#666666; text-decoration:underline; }
.show-list-item .showinfo a:hover, .show-list-item .eventinfo a:hover {text-decoration:none;}

.cast-box { float:right; position:relative; width:450px; }
.cast-box-title { display:block; margin-left:60px; }
.cast-box-avatar { border: 1px solid #dddddd; float:left; margin-left:-100px; width:90px; position:relative; padding: 2px; }
.cast-box-meta { margin-left: 60px; font-style:italic; font-size: 11px; font-weight:bold; color: #666666; }
.cast-box-content { margin-left: 60px; }

.pager { height:34px; position:relative; color:#a5a5a5; font-size:small; width:100%; }
.pager a { line-height:15px; height:18px; cursor:pointer; padding:2px 5px; margin:2px; float:left; }
ul.pager-list{ float:left; list-style-type:none; margin:0px 0px 0px 0px; padding:0px; }
ul.pager-list li{ display:inline; float:left; padding:0px; margin:0px; }
ul.pager-list li a{ float:left; padding:2px 5px; color: #000; text-decoration: none; }
ul.pager-list li a:hover { text-decoration: underline; color: #2573AF; }
ul.pager-list li.current{ color: #2573AF; cursor:default; font-weight:normal; line-height:15px; height:18px; padding:2px 5px; margin:2px; float:left; }
ul.pager-list li.disabled{ font-weight:normal; line-height:15px; height:18px; padding:2px 5px; margin:2px; float:left; }

/*.login-form fieldset { padding: 1em; border: solid 1px; border-color: #FF0000; }*/
.login-form fieldset { padding:1em; border:none; background-color:#000000; background-image:url(../backstage/styles/CongressYouth/theme/images/bg_navbar.gif); background-repeat:no-repeat; background-position:right top; }
.login-form fieldset p { color:#FFFFFF; font-weight:bold;}
.login-form fieldset label { width:10em; float:left; text-align:right; margin-right:0.5em; display:block; }
.login-form fieldset input { border:#aa0000 solid 1px; background-color:#FFFFFF;} 


/* NAMES */
#wrapper { margin: 0 auto;width: 900px; padding: 0; }

#header { border-bottom: 2px solid #cccccc; padding-top: 0; padding-bottom: 3px; margin-top: 3px; margin-bottom: 20px;}
.headertext { border-top: 2px solid #cccccc; text-align: right; margin-top: 30px; margin-bottom: 5px;}
.headertext h1 { font-family: "Times New Roman", Times, serif; font-size:48px; padding-top: 3px; padding-bottom: 3px; margin-top: 0; margin-bottom: 0}

#menu { width: 210px; float: left; }
#menu ul { list-style-type: none; margin-top:0;	margin-left:0; padding-left:0; }
#menu ul li { margin-bottom: 3px; }
#menu ul li a { display:block; background-image:url(../images/bg_menu_item.gif); padding-left:5px; text-decoration:none; font-weight: bold; font-size: 24px; color:#fff; height: 34px; }
#menu ul li a:hover, #menu ul li a.current { text-decoration: none; color: #aa0000; background-position: 0px -37px; }

.content_block { margin-left:205px; padding-bottom: 10px; padding-left: 10px; padding-top: 1px; font-weight:500; min-height: 330px; }
.content_block p {  }
.content_block h1 { margin-top: 3px; margin-bottom: 3px; color:#666666; }
.content_block h2 { margin-top: 3px; margin-bottom: 3px; color:#000000; }
.content_block h3 { margin-top: 5px; margin-bottom: 3px; color:#000000; }
.content_block blockquote {margin-top:2px; margin-bottom:2px; }
.content_block>a:link, .content_block>a:visited {color:#00F;}
.content_block>a:hover {text-decoration: none;}

#footer { border-top: 2px solid #cccccc; margin: 0 auto 30px auto; width: 900px; text-align:center; vertical-align:middle; font-size:9px; font-weight: bold; padding-top: 5px; }
#footer .siteBy {color:#bbbbbb;}
#footer .siteBy a:link, #footer .siteBy a:visited {color: #bbbbbb;text-decoration: none;}
#footer .siteBy a:hover { text-decoration:underline; color:#000000; }



/*--- Form stuff for login really --*/
#login_block {
	width:250px;	
}
form .input {
	color: #000;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	/*content: ' *';*/
	display:inline;
}
form div.submit {
	border: 0;
	/* clear: both; */
	margin-top: 10px;
}
label {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}
input, textarea {
	/* clear: both; */
	font-size: 1.4em;
	padding: 1%;
	width:98%;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}
form .submit input[type=submit] {
	background:#ccc;
	border: 2px solid #000;
	color: #000;
	cursor: pointer;
}
form .submit input[type=submit]:hover {
	background:#a00;
	color: #fff;
}