body {
	text-align: center;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.5em;
	background: #fff;
	margin: 0;
	padding: 0;
}

#container {
	max-width: 980px;
	/* max-width support in IE */
	width:expression(document.body.clientWidth > 980? "980px": "auto" );
	text-align: left;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}

#print-only {
	display: none;
}


#main-content {
	padding-right: 10px;
}

/* Headers */
#main-content h1 {
	margin-top: 19px;
	font-size: 1.8em;
	font-weight: normal;
	color: #57184d;
}

#main-content h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: #57184d;
}

#main-content h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #57184d;
}


#main-content a:link 		{ color: #688a92; text-decoration: underline; font-weight: normal }
#main-content a:visited 	{ color: #57184d; text-decoration: underline; font-weight: normal; }
#main-content a:hover		{ color: #688a92; text-decoration: underline; font-weight: normal; }
#main-content a:active 		{ color: #000; text-decoration: underline; font-weight: normal; }

.error {
	font-weight: bold;
	color: #f2238a;
}
.message {
	font-weight: bold;
	color: #f2238a;
}

/* Main column styles */
.side-margin {
	width: 10px;
}

.side-nav {
	width: 178px;
}

.nav-margin {
	width: 7px;
}

.side-margin {
	width: 7px;
}

.main-column {
	width: 76%;
}

.tiny-margin {
	width: 1px;
}

.links-column {
	width: 24%;
}

/* Header */
#header {
	display: block;
	margin: 0;
	padding: 0;
	height: 77px;
	background: #57184d url(/images/bg_header_circles.gif) right no-repeat;
}

#breadcrumb {
	display: block;
	margin: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 2px 2px 2px 9px;
	color: #fff;
	background: #f2238a;
}

#breadcrumb a:link 		{ color: #fff; text-decoration: none; }
#breadcrumb a:visited 	{ color: #fff; text-decoration: none; }
#breadcrumb a:hover		{ color: #fff; text-decoration: underline; }
#breadcrumb a:active 	{ color: #fff; text-decoration: none; }

/* Footer styles */
#footer {
	margin-top: 35px;
	margin-bottom: 15px;
	background: url(/images/bg_footer_line.gif) repeat-x;
}

#footer ul {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	display: inline;
	margin-right: 20px;
}

#footer a:link 		{ color: #707070; text-decoration: underline; }
#footer a:visited 	{ color: #707070; text-decoration: underline; }
#footer a:hover		{ color: #000; text-decoration: underline; }
#footer a:active 	{ color: #f2238a; text-decoration: none; }

/* Login box */
#login-box {
	color: #fff;
	background: #57184d;
	margin: 0;
	padding: 7px;
	margin-bottom: 1px;
}

#login-box h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#login-box p {
	margin: 0;
	padding: 5px 0 0 0;
}

#login-box form {
	display: inline;
}

#login-box .loginField {
	margin: 0;
	padding: 0;
	width: 95px;
}

#login-box .loginSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 2px;
	color: #fff;
	background: #57184d;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#login-box a:link 		{ color: #fff; text-decoration: underline; font-weight: normal }
#login-box a:visited 	{ color: #fff; text-decoration: underline; font-weight: normal; }
#login-box a:hover		{ color: #9852a8; text-decoration: underline; font-weight: normal; }
#login-box a:active 	{ color: #000; text-decoration: underline; font-weight: normal; }

/* Customise box */
#customise-box {
	color: #fff;
	background: #688a92;
	margin: 0;
	padding: 7px;
	margin-bottom: 1px;
}

#customise-box form {
	display: inline;
}

#customise-box h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* Related box */
#related-box {
	color: #fff;
	background: #688a92;
	margin: 0;
	padding: 7px;
	margin-bottom: 1px;
}

#related-box h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#related-box .item-list	{ 
	border: 1px solid #fff; 
	padding:5px; 
	margin-bottom: 10px; 
}

#related-box .item-list ul { 
	margin:0px; 
	padding:5px 0px; 
}

#related-box .item-list li { 
	color:#fff; 
	margin:0; 
	padding:0; 
	list-style:none;  
	margin-left:15px; 
	list-style-type:square; 
}

#related-box .shortcuts ul  { margin:0; padding:0px; }
#related-box .shortcuts li 	{ color: #fff; margin-left:18px; padding:0; list-style-image:url(/images/navigation/add_to_shortcuts.gif); }


#related-box a:link 	{ color: #fff; text-decoration: none; font-weight: normal }
#related-box a:visited 	{ color: #fff; text-decoration: none; font-weight: normal; }
#related-box a:hover	{ color: #e0ebed; text-decoration: underline; font-weight: normal; }
#related-box a:active 	{ color: #000; text-decoration: none; font-weight: normal; }

/* Language box */
#language-box {
	color: #fff;
	background: #a66fb4;
	margin: 0;
	padding: 7px;
	margin-bottom: 1px;
}

#language-box form {
	display: inline;
}

#language-box h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#language-box .languageSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 2px;
	color: #fff;
	background: #a66fb4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#language-box a:link 	{ color: #fff; text-decoration: underline; font-weight: normal }
#language-box a:visited { color: #fff; text-decoration: underline; font-weight: normal; }
#language-box a:hover	{ color: #f1e8f4; text-decoration: underline; font-weight: normal; }
#language-box a:active 	{ color: #000; text-decoration: none; font-weight: normal; }

/* Search box */
#search-box {
	color: #fff;
	background: #a66fb4;
	margin: 0;
	padding: 7px;
	margin-bottom: 1px;
	margin-right: 5px;
}

#search-box form {
	display: inline;
}

#search-box h2 {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#search-box p {
	margin: 0;
	padding: 5px 0 0 0;
}

#search-box .searchField {
	margin: 0;
	padding: 0;
	width: 85px;
}

#search-box .searchSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 1px;
	color: #fff;
	background: #a66fb4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#search-box a:link 	{ color: #fff; text-decoration: underline; font-weight: normal }
#search-box a:visited 	{ color: #fff; text-decoration: underline; font-weight: normal; }
#search-box a:hover	{ color: #f1e8f4; text-decoration: underline; font-weight: normal; }
#search-box a:active 	{ color: #000; text-decoration: none; font-weight: normal; }


/* Navigation Styles */
ul.subjects-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.subjects-nav li.item {
	background: url(/images/navigation/nav_sub_top.gif) no-repeat;
	margin: 0;
	/* Padding to prevent collapsing margins in IE */
	padding-top: 1px;
	border-bottom: 1px solid #fff;
}

ul.subjects-nav li.item a.nav {
	display: block;
	background: url(/images/navigation/nav_sub_bot.gif) 0px 100% no-repeat;
	padding: 5px 5px 10px 9px;
}

ul.subjects-nav li.item a.nav-current {
	display: block;
	background: url(/images/navigation/nav_sub_bot_current.gif) 0px 100% no-repeat;
	padding: 5px 5px 5px 9px;
}

ul.subjects-nav li.item a.nav:link 		{ color: #fff; text-decoration: none; font-weight: bold }
ul.subjects-nav li.item a.nav:visited 	{ color: #fff; text-decoration: none; font-weight: bold; }
ul.subjects-nav li.item a.nav:hover		{ color: #f1e8f4; text-decoration: underline; font-weight: bold; }
ul.subjects-nav li.item a.nav:active 	{ color: #000; text-decoration: none; font-weight: bold; }

ul.subjects-nav li.item a.nav-current:link 		{ color: #fff; text-decoration: none; font-weight: bold }
ul.subjects-nav li.item a.nav-current:visited 	{ color: #fff; text-decoration: none; font-weight: bold; }
ul.subjects-nav li.item a.nav-current:hover		{ color: #f1e8f4; text-decoration: underline; font-weight: bold; }
ul.subjects-nav li.item a.nav-current:active 	{ color: #000; text-decoration: none; font-weight: bold; }

ul.subjects-nav ul.subnav {
	color: #57184d;
	background: url(/images/navigation/bg_subnav.gif) 0px 100% no-repeat;
	list-style-type: square;
	margin: 0;
	padding: 5px 9px 10px 25px;
}

ul.subjects-nav ul.subnav li {
	border-bottom: 1px solid #a66fb4;
	padding-top: 4px;
	padding-bottom: 4px;
}

ul.subjects-nav ul.subnav li.last {
	border-bottom: 1px solid #e0cde5;
	padding-top: 4px;
	padding-bottom: 4px;
}

ul.subjects-nav ul.subnav li a:link 	{ color: #57184d; text-decoration: none; font-weight: normal }
ul.subjects-nav ul.subnav li a:visited 	{ color: #57184d; text-decoration: none; font-weight: normal; }
ul.subjects-nav ul.subnav li a:hover	{ color: #57184d; text-decoration: underline; font-weight: normal; }
ul.subjects-nav ul.subnav li a:active 	{ color: #000; text-decoration: none; font-weight: normal; }


/* Styles for multi-level sub navigation */
ul.subjects-nav ul.subnav ul.deep {
	color: #57184d;
	list-style-type: square;
	margin-left: 12px;
	padding: 0px;
	line-height: 1.2em;
}

ul.subjects-nav ul.subnav ul.deep li {
	border: 0px;
	list-style-type: circle;
	line-height: 1.2em;
}

/* Non subject nav style */

ul.other-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.other-nav li.item {
	background: url(/images/navigation/nav_other_top.gif) no-repeat;
	margin: 0;
	/* Padding to prevent collapsing margins in IE */
	padding-top: 1px;
	border-bottom: 1px solid #fff;
}

ul.other-nav li.item a.nav {
	display: block;
	background: url(/images/navigation/nav_other_bot.gif) 0px 100% no-repeat;
	padding: 5px 5px 10px 9px;
}

ul.other-nav li.item a.nav-current {
	display: block;
	background: url(/images/navigation/nav_other_sub_bot_current.gif) 0px 100% no-repeat;
	padding: 5px 5px 5px 9px;
}

ul.other-nav li.item a:link 		{ color: #fff; text-decoration: none; font-weight: bold }
ul.other-nav li.item a:visited 	{ color: #fff; text-decoration: none; font-weight: bold; }
ul.other-nav li.item a:hover		{ color: #e0ebed; text-decoration: underline; font-weight: bold; }
ul.other-nav li.item a:active 	{ color: #000; text-decoration: none; font-weight: bold; }

ul.other-nav ul.subnav {
	color: #333;
	background: url(/images/navigation/bg_other_subnav.gif) 0px 100% no-repeat;
	list-style-type: square;
	margin: 0;
	padding: 5px 9px 10px 25px;
}

ul.other-nav ul.subnav li {
	border-bottom: 1px solid #688a92;
	padding-top: 4px;
	padding-bottom: 4px;
}

ul.other-nav ul.subnav li.last {
	border-bottom: 1px solid #d9e2e4;
	padding-top: 4px;
	padding-bottom: 4px;
}

ul.other-nav ul.subnav li a:link 	{ color: #333; text-decoration: none; font-weight: normal }
ul.other-nav ul.subnav li a:visited 	{ color: #333; text-decoration: none; font-weight: normal; }
ul.other-nav ul.subnav li a:hover	{ color: #333; text-decoration: underline; font-weight: normal; }
ul.other-nav ul.subnav li a:active 	{ color: #000; text-decoration: none; font-weight: normal; }


/* Styles for multi-level sub navigation */
ul.other-nav ul.subnav ul.deep {
	color: #333;
	list-style-type: square;
	margin-left: 15px;
	padding: 0px;
}

ul.other-nav ul.subnav ul.deep li {
	border: 0px;
}

/* Forum styles */
.forum-outlines table th
{
	color: #fff;
    border-color: #a66fb4;
    border-style: solid;
}

.forum-outlines table td
{
    border-color: #a66fb4;
    border-style: solid;
}

.forum-outlines table
{
    border-width: 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.forum-outlines th
{
    background: #a66fb4;
    margin: 0;
    padding: 5px;
    border-width: 1px;
}

.forum-outlines td
{
    margin: 0;
    padding: 5px;
    border-width: 1px;
}

.forum-outlines .oddrow td
{
	background: #fff;
}

.forum-outlines .evenrow td
{
	background: #f1e8f4;
}

.forum-outlines h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: #57184d;
}


#main-content ul {
	list-style-type: square;
}

th					{ text-align: left; }
legend 				{ color: #57184d; }
fieldset 			{ border:1px solid #a66fb4; padding:0px 8px 8px 8px; }


select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

hr					{ color: #e0cde5; background-color:#e0cde5; height:1px; margin:0px; margin-top: 5px; margin-bottom: 5px; padding:0px; border:0px; }



/* Generic buttons */
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 2px;
	color: #fff;
	background: #a66fb4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;	
}

.text-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 2px 5px 2px 5px;
	color: #fff;
	background: #a66fb4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;	
	display:block;
}

#main-content a.button:link 	{ color: #fff; text-decoration: none; font-weight: normal }
#main-content a.button:visited 	{ color: #fff; text-decoration: none; font-weight: normal; }
#main-content a.button:hover	{ color: #f1e8f4; text-decoration: none; font-weight: normal; }
#main-content a.button:active 	{ color: #000; text-decoration: none; font-weight: normal; }

.outline-box {
	border: 1px solid #a66fb4;
	padding: 5px;
}

/* Image Montages */
#music-montage {
	height: 145px;
	background: url(/images/music_front.jpg) repeat-x;
}

#arts_award-montage {
	height: 145px;
	background: url(/images/arts_award_front.jpg) repeat-x;
}

#drama_speech-montage {
	height: 145px;
	background: url(/images/drama_speech_front.jpg) repeat-x;
}

#esol-montage {
	height: 145px;
	background: url(/images/esol_front.jpg) repeat-x;
}

#tesol-montage {
	height: 145px;
	background: url(/images/tesol_front.jpg) repeat-x;
}

#english-montage {
	height: 145px;
	background: url(/images/english_front.jpg) repeat-x;
}

#dada-montage {
	height: 145px;
	background: url(/images/dada_front.jpg) repeat-x;
}

#dance-montage {
	height: 145px;
	background: url(/images/dance_front.jpg) repeat-x;
}

#generic-montage {
	height: 145px;
	background: url(/images/generic_front.jpg) repeat-x;
}

/* Gallery styles */
#thumbs					{ margin-top: 10px; margin-right: 6px; }
#thumbs	.box-border 	{ padding: 5px; border: 1px solid #a66fb4; }
#thumbs .box-border a:link 	{ color: #688a92; text-decoration: underline; font-weight: normal }
#thumbs .box-border a:visited 	{ color: #57184d; text-decoration: underline; font-weight: normal; }
#thumbs .box-border a:hover	{ color: #688a92; text-decoration: underline; font-weight: normal; }
#thumbs .box-border a:active 	{ color: #000; text-decoration: underline; font-weight: normal; }

#thumbs	.box 			{ color: #56184c; background: #e0cde5; padding: 5px; border: 1px solid #a66fb4; }
#thumbs .box a:link 	{ color: #56184c; text-decoration: none; }
#thumbs .box a:visited 	{ color: #56184c; text-decoration: none; }
#thumbs .box a:hover	{ color: #56184c; text-decoration: underline; }
#thumbs .box a:active 	{ color: #000; text-decoration: none; }

#thumbs	.box a.button:link 	{ color: #fff; text-decoration: none; font-weight: normal }
#thumbs	.box a.button:visited 	{ color: #fff; text-decoration: none; font-weight: normal; }
#thumbs	.box a.button:hover	{ color: #f1e8f4; text-decoration: none; font-weight: normal; }
#thumbs	.box a.button:active 	{ color: #000; text-decoration: none; font-weight: normal; }

#thumbs	.box a.text-button:link 	{ color: #fff; text-decoration: none; font-weight: normal }
#thumbs	.box a.text-button:visited 	{ color: #fff; text-decoration: none; font-weight: normal; }
#thumbs	.box a.text-button:hover	{ color: #f1e8f4; text-decoration: none; font-weight: normal; }
#thumbs	.box a.text-button:active 	{ color: #000; text-decoration: none; font-weight: normal; }


#gallery-item-info { font-size:0.9em; float:right; background-color:#fff; padding:3px; width:160px; margin-left:5px; margin-bottom:5px; border: 1px solid #a66fb4; }


/* Gallery search-anthology box */
#search-anthology-box {
	color: #fff;
	background: #a66fb4;
	margin: 0;
	padding: 7px;
	margin-bottom: 1px;
	margin-right: 0px;
	border-top: 2px solid #C6A2CF;
	border-left: 2px solid #C6A2CF;
	border-right: 2px solid #3B2042;
	border-bottom: 2px solid #3B2042;
}

#search-anthology-box form {
	display: inline;
}

#search-anthology-box h2 {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#search-anthology-box p {
	margin: 0;
	padding: 5px 0 0 0;
}

#search-anthology-box .searchField {
	margin: 0;
	padding: 0;
	width: 85px;
}

#search-anthology-box .searchSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 1px;
	color: #fff;
	background: #a66fb4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#search-anthology-box a:link 	{ color: #fff; text-decoration: underline; font-weight: normal }
#search-anthology-box a:visited 	{ color: #fff; text-decoration: underline; font-weight: normal; }
#search-anthology-box a:hover	{ color: #f1e8f4; text-decoration: underline; font-weight: normal; }
#search-anthology-box a:active 	{ color: #000; text-decoration: none; font-weight: normal; }