@import url("/css/extra.css?r=20160622");

body {
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.25em;
	background: #e7e7e7;
	margin: 0;
	padding: 0;
}

p{
	margin: 1em 0 .5em 0;
}

div.trinityforms p
{
        margin: 5px 0 5px 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;
}
#main-content p strong,
#main-content p b{font-weight: bold; color: #a66fb5;}

/* Headers */
#main-content h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #57184d;
        padding-top: 15px;
}

#main-content h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: #a66fb5;
	padding-top: 5px;
}

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

#main-content p
{
        padding: 5px 0 5px 0;
        margin:0;
}

#main-content a:link 		{ color: #F2238A; text-decoration: underline; font-weight: normal }
#main-content a:visited 	{ color: #F2238A; text-decoration: underline; font-weight: normal; }
#main-content a:hover		{ color: #F2238A; text-decoration: underline; font-weight: normal; }
#main-content a:active 		{ color: #F2238A; 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: 214px;
}

.nav-margin {
	width: 20px;
}

.side-margin {
	width: 20px;
}

.main-column {
	width:726px;
}

.content-col {
	
}

.tiny-margin {
background:url("/images/navigation/main_bg.gif") repeat-x 0 86px;
	width: 20px;
}

.links-column {
	width: 214px;
}

/* Header */
#header {
	display: block;
	margin: 0;
	padding: 0;
	height: 127px;
	background: #ffffff;
}

#mainNav
{
        float:left;
}

#mainNav ul
{
        float:left;
        padding:0;
        margin: 9px 0 0 0;
}

#mainNav ul li
{
        float:left;
        display: inline;
        list-style-type: none;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        height: 41px;
        background: url();
}

#mainNav ul li a
{
	height: 31px;
        color: #666666 !important;
        font-size: 105%;
        font-weight: bold;
        background-color: #EFEFEF;
        display: block;
	padding: 6px 0px 4px 5px;
	margin-right: 5px;
	line-height: 31px;
}

/* IE7 */
#mainNav ul li a img
{
        border: 0;
}

#mainNav ul li a:hover
{
        border-bottom: 10px solid #C8C8C8;
	
}

#mainNav li#music a
{
        width: 82px;
}

#mainNav li#rockandpop a
{
        width: 82px;
}

#mainNav li#drama a
{
        width: 82px;
}

#mainNav li#dance a
{
        width: 82px;
}

#mainNav li#dada a
{
        width: 82px;
}

#mainNav li#esol a
{
        width: 82px;
}

#mainNav li#tesol a
{
        width: 82px;
}

#mainNav li#artsaward a
{
        width: 82px;
}

#mainNav li#selt a
{
        width: 82px;
}

#mainNav li#tfl a
{
        width: 83px;
}

#mainNav li#tfl a
{
        margin-right: 0;
}

/*

#mainNav ul li a {padding:0;margin:0;overflow:hidden;text-indent: -5000px;display:block;}

#mainNav li#about {width:41px; margin:0;}
#mainNav li#about a{background:url("/images/navigation/main_about.gif") no-repeat 0 -28px;height:22px;}
#mainNav li#about a:hover, a:focus, a:active, a.selected {background-position:0 0;}

#mainNav li#music {width:39px;}
#mainNav li#music a{background:url("/images/navigation/main_music.gif") no-repeat 0 -28px;height:22px;}
#mainNav li#music a:hover, a:focus, a:active, a.selected {background-position:0 0;}

#mainNav li#drama {width:110px;}
#mainNav li#drama a{background:url("/images/navigation/main_drama.gif") no-repeat 0 -28px;height:22px;}
#mainNav li#drama a:hover, a:focus, a:active, a.selected {background-position:0 0;}

#mainNav li#dance {width:41px;}
#mainNav li#dance a{background:url("/images/navigation/main_dance.gif") no-repeat 0 -28px;height:22px;}
#mainNav li#dance a:hover, a:focus, a:active, a.selected {background-position:0 0;}

#mainNav li#dada {width:37px;}
#mainNav li#dada a{background:url("/images/navigation/main_dada.gif") no-repeat 0 -28px;height:22px;}
#mainNav li#dada a:hover, a:focus, a:active, a.selected {background-position:0 0;}

#mainNav li#arts {width:76px;}
#mainNav li#arts a{background:url("/images/navigation/main_arts.gif") no-repeat 0 -28px;height:22px;}
#mainNav li#arts a:hover, a:focus, a:active, a.selected {background-position:0 0;}

#mainNav li#esol {width:118px;}
#mainNav li#esol a{background:url("/images/navigation/main_esol.gif") no-repeat 0 -28px;height:22px;}
#mainNav li#esol a:hover, a:focus, a:active, a.selected {background-position:0 0;}

#mainNav li#tesol {width:114px;}
#mainNav li#tesol a{background:url("/images/navigation/main_tesol.gif") no-repeat 0 -28px;height:22px;}
#mainNav li#tesol a:hover, a:focus, a:active, a.selected {background-position:0 0;}

#mainNav li#shop {width:32px;}
#mainNav li#shop a{background:url("/images/navigation/main_shop.gif?r=20130603") no-repeat 0 -28px;height:22px;}
#mainNav li#shop a:hover, a:focus, a:active, a.selected {background-position:0 0;}

*/

#breadcrumb {
	display: block;
	margin: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 5px 2px 5px 0;
	color: #6d6d6d;
}

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

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

#footer p {
	margin:0;
	padding:0;
	text-align:right;
}

#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: #333333;
	margin: 0;
	padding: 7px 7px 21px 7px;
	margin-bottom: 1px;
	font-size:0.917em;
	background:url("/images/navigation/main_bg.gif") repeat-x bottom;
}

#login-box .loginform {
	float:left;
	margin: 0 10px 0 0;
	padding:2px 0 2px 5px;
	width: 100px;
	border: 2px solid #d2d2d2;
	color:#585859;
	font-size:11px;
}

#login-box .searchform {
	float:left;
	margin: 0 10px 0 0;
	padding:2px 0 2px 5px;
	width: 159px;
	border: 2px solid #d2d2d2;
	color:#585859;
	font-size:11px;
}

* html #login-box .sendbutton{float:left; width:20px}

#login-box h2 {
	font-size:1em;
	margin: 0;
	padding: 0;
        padding-bottom: 0px !important;
        padding-top: 3px !important;
}

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

* html #login-box p{height:1%; margin-top:3px;}

#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: #f2238a; text-decoration: none; font-weight: normal }
#login-box a:hover		{ color: #f2238a; text-decoration: underline; font-weight: normal; }
#login-box a:active 	{ color: #f2238a; 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: #7c7c7c;
	background: #eeeeee;
	margin: 32px 0 0 0;
	padding: 7px 7px 0 7px;
	margin-bottom: 1px;
}

#related-box h2 {
	color:#ffffff;
	font-size: 1em;
	margin: 0;
	padding: 3px 7px 3px 7px;
	background:#9fa0a2
}

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

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

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


#related-box .shortcuts ul  {margin:0px; padding:5px 0px; }
#related-box .shortcuts li
{
        color: #fff;
        margin: 0 0 0 21px;
        padding:0;
        list-style-image:url(/images/shortcuts.gif);
        background:url();
}

#related-box .shortcuts a:link  {color: #7c7c7c; text-decoration: none; font-weight: normal }
#related-box .shortcuts a:visited 	{color: #7c7c7c; text-decoration: none; font-weight: normal; }
#related-box .shortcuts a:hover	{color: #7c7c7c; text-decoration: underline; font-weight: normal; }
#related-box .shortcuts a:active 	{color: #7c7c7c; text-decoration: none; font-weight: normal; }

#related-box a:link 	{ color: #f2238a; text-decoration: none; font-weight: normal }
#related-box a:visited 	{ color: #f2238a; text-decoration: none; font-weight: normal; }
#related-box a:hover	{ color: #f2238a; text-decoration: underline; font-weight: normal; }
#related-box a:active 	{ color: #f2238a; 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: #7C7C7C;
	background: #eeeeee;
	margin:0 0 0 0;
	padding: 10px 0 10px 10px;
}

#search-box form {
	display: inline;
}

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

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

#search-box .searchField {
	float:left;
	margin: 0 10px 0 0;
	padding:2px 0 2px 5px;
	width: 150px;
	border: 2px solid #d2d2d2;
	color:#585859;
	font-size:11px;
}

#search-box .searchSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	
	margin: 0;
	color: #fff;
	background: #a66fb4 url(/images/btn_search.gif);
	
}

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

/* Non subject nav style */

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

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

ul.navigation li.item a.nav {
	display: block;
	padding: 0 0 0 27px;
}

ul.navigation li.item a.nav-current {
	display: block;
	padding: 0 5px 0 27px;
}

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

ul.navigation ul.subnav {
	list-style-type: none;
	padding:0;
	border-top:2px solid #fff;
	margin:0;
}

ul.navigation ul.subnav li {
	background:#a66fb5;
	color:#ffffff;
	margin:0;
	padding:4px 10px 4px 40px;
	border-bottom:2px solid #fff;
}


ul.navigation ul.subnav li.last {
	margin:0 0 -4px 0;
	padding:4px 10px 4px 40px;
}

ul.navigation ul.subnav li a:link 	{ color: #fff; text-decoration: none; font-weight: bold }
ul.navigation ul.subnav li a:visited 	{ color: #fff; text-decoration: none; font-weight: bold; }
ul.navigation ul.subnav li a:hover	{ color: #fff; text-decoration: underline; font-weight: bold; }
ul.navigation ul.subnav li a:active 	{ color: #fff; text-decoration: none; font-weight: bold; }


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

ul.navigation 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;
    width: 682px;
}

.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: #a66fb5;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size:120%;
}

.fieldsetWrap
{
        background: #eee;
        padding: 10px;
        margin-bottom: 2px;
} 

fieldset
{
        border:none;
        padding:0;
        margin: 0;
}

fieldset td strong { font-weight: bold; color: #7c7c7c;}
fieldset label{ font-weight: bold; color: #7c7c7c;}
fieldset select{ width:205px;}
fieldset .date select{ width:63px;margin-right: 4px;}


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 {
        width: 443px;
	height: 145px;
	background: url(/images/music_front.jpg) repeat-x;
}

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

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

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

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

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

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

#dada2-montage {
        width: 443px;
	height: 145px;
	background: url(/images/dada2_front.jpg) repeat-x;
}

#dada3-montage {
        width: 443px;
	height: 145px;
	background: url(/images/dada3_front.jpg) repeat-x;
}

#dada4-montage {
        width: 443px;
	height: 145px;
	background: url(/images/dada4_front.jpg) repeat-x;
}

#dada5-montage {
        width: 443px;
	height: 145px;
	background: url(/images/dada5_front.jpg) repeat-x;
}

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

#dance2-montage {
        width: 443px;
	height: 145px;
	background: url(/images/dance2_front.jpg) repeat-x;
}

#dance3-montage {
        width: 443px;
	height: 145px;
	background: url(/images/dance3_front.jpg) repeat-x;
}

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

/* 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; }

div.weCookie
{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

a.closeCookie img
{
        border: 0px;
}