/* --------- specific system styles (do not edit!) --------- */
html {
	height: 100%;
}

body {
	height: 100%;
}

body, table, form, img {
	padding: 0;
	margin: 0;
	border: 0;
}

td {
	vertical-align: top;
}

/* hide from Mac IE \*/	
td {
	font-size: 76%;
	font-size/* */:/**/100%;
	font-size: /**/100%;	
}
/* end hide Mac IE */

/* --------- bug-fix & utility css --------- */
 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* --------- general page styles --------- */
input {
	font-family: Arial,Helvetica,sans-serif;
}

ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

ul.list0 {
	list-style-image: url(../graphics/system/bullet0.gif);
	margin-left: 1em;
	padding: 0;
}

ul.list1 {
/*	list-style-image: url(../graphics/system/bullet1.gif); */
	margin-left: 2em;
	padding: 0;
}

ul.list2 {
/*	list-style-image: url(../graphics/system/bullet2.gif); */
	margin-left: 4em;
	padding: 0;
}

ul.list3 {
/*	list-style-image: url(../graphics/system/bullet3.gif); */
	margin-left: 1em;
	padding: 0;
}

/*  --------- default text links --------- */
/* should contain only colour definitions, no font, size, weight, etc */
a, a:link {
	color: #db8e4a;
	text-decoration: underline;		
}

a:visited {
	color: #cead7e;
	text-decoration: underline;	
}

a:hover, a:active {
	color: #f5b75f;
	text-decoration: underline;
}

/* ------ custom form elements style ------ */
.formfieldtext {
}

.formfieldsection {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
}

.formfieldoption {
}

.formfieldarea {
}
 
.formfieldselect {
}

.formfieldbutton {
}

.formfieldimage {
}

/* ------ search box style (full search) ------ */
#column2 .searchbox .formfieldtext {
	width: 148px;
	margin: 0 8px 0 0;
	border: 1px solid #585858;
}

#column2 .searchbox .formfieldbutton {
	font-size: 11px;
}

#column2 .searchbox .formfieldimage {
	vertical-align: middle;
}

/* ------ search box style (quick search) ------ */
#quicksearch {
	position: absolute;
	z-index: 7;
	margin: 200px 0 0 19px;
}

#quicksearch .searchbox span {
	display: block;
	padding: 0 0 4px 0;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #c3c1c1;
}

#quicksearch .searchbox .formfieldtext {
	vertical-align: middle;
	width: 148px;
	margin: 0 8px 0 0;
	border: 1px solid #585858;
}

#quicksearch .searchbox .formfieldimage {
	vertical-align: middle;
}

#quicksearch .searchbox .formfieldbutton {
	margin: 0 0 0 5px;
}

/*----- login box styles -----*/
.loginbox label {
	display: block;
	padding: 0 0 6px 0;
}

.loginbox span {
	width: 70px;
	padding: 4px 2px 0 0;
	text-align: right;
	float: left;
}

.loginbox .formfieldbutton {
	margin-left: 73px;
}

.loginbox .formerror {
	color : #B00;
	font-weight : bold;
	margin-bottom: 2px;
}

/* --------- sitemap styles --------- */
/* number represents level within sitemap hierarchy */
/* can be defined individually, and extended indefinitely */
.sm1 {
	color: #000;
	font-size: 14px;
}

.sm1 a:link, .sm1 a:visited {
	/* normal link: colour, style */
}

.sm1 a:hover, .sm1 a:active {
	/* normal link rollover: colour, style */
}

/* --------- navigation styles --------- */
/* ---- nav style 10 (Flowing Text - Utility Nav) ---- */
.navi10 {
	/* common font face, size, formatting */
	float: right;
	padding: 0 0 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #a4a3a4;
	text-decoration: none;
}

.navi10 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navi10 li {
	display: inline;
}

#footer .navi10 a:link, #footer .navi10 a:visited {
	/* normal link: colour, style */
	color: #a4a3a4;
	text-decoration: none;
}

#footer .navi10 a:hover, #footer .navi10 a:active {
	/* normal link rollover: colour, style */
	color: #cbcaca;
	text-decoration: underline;
}

#footer .navc10 a:link, #footer .navc10 a:visited {
	/* current link: colour, style */
	color: #cbcaca;
	text-decoration: underline;
}

#footer .navc10 a:hover, #footer .navc10 a:active {
	/* current link rollover: colour, style */
	color: #cbcaca;
	text-decoration: underline;
}

li.navh10 {
	/* header text */
}

.navd10 {
	/* description text */
}

/* ---- nav style 5 (Vertical Text - Main Nav Lv 1) ---- */
.navi5 {
	/* common font face, size, formatting */
	margin: 0 0 28px 0;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}

.navi5 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navi5 li {
	display: block;
	padding: 2px 0;
}

.navi5 a {
	display: block;
	padding: 4px 15px 2px 34px;
}

.navi5 a:link, .navi5 a:visited {
	/* normal link: colour, style */
	color: #FFF;
	text-decoration: none;
	background: url(../graphics/system/2007_mainnav_normal.gif) no-repeat 19px 8px;
}

.navi5 a:hover, .navi5 a:active {
	/* normal link rollover: colour, style */
	color: #FFF;
	text-decoration: underline;
	background: url(../graphics/system/2007_mainnav_normal.gif) no-repeat 19px 8px;
}

.navc5 a:link, .navc5 a:visited {
	/* current link: colour, style */
	color: #231f20;
	border-top: 1px solid #000;
	border-bottom: 1px solid #767071;
	text-decoration: none;
	background: #e2e2e2 url(../graphics/system/2007_mainnav_current.gif) no-repeat top left;
}

.navc5 a:hover, .navc5 a:active {
	/* current link rollover: colour, style */
	color: #231f20;
	border-top: 1px solid #000;
	border-bottom: 1px solid #767071;
	text-decoration: underline;
	background: #e2e2e2 url(../graphics/system/2007_mainnav_current.gif) no-repeat top left;
}

li.navh5 {
	/* header text */
}

.navd5 {
	/* description text */
}

/* ---- nav style 6 (Vertical Text - Sub Nav Lv 2) ---- */
.navi6 {
	/* common font face, size, formatting */
	padding: 10px 10px 8px 36px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #FFF;
}

.navi6 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navi6 li {
	display: block;
	padding: 3px 0;
}

.navi6 a {
	display: block;
	padding: 0;
}

.navi6 a:link, .navi6 a:visited {
	/* normal link: colour, style */
	color: #000;
	border: none;
	background: none; 
}

.navi6 a:hover, .navi6 a:active {
	/* normal link rollover: colour, style */
	color: #d01b50;
	border: none;
	text-decoration: underline;
	background: none;
}

.navc6 a:link, .navc6 a:visited {
	/* current link: colour, style */
	color: #d01b50;
	font-weight: bold;
	border: none;
	text-decoration: underline;
	background: none;
}

.navc6 a:hover, .navc6 a:active {
	/* current link rollover: colour, style */
	color: #d01b50;
	font-weight: bold;
	border: none;
	text-decoration: underline;
	background: none;
}

li.navh6 {
	/* header text */
}

.navd6 {
	/* description text */
}

/* ---- nav style 7 (Vertical Text - Sub Nav Lv 3) ---- */
.navi7 {
	/* common font face, size, formatting */
	padding: 5px 0 5px 18px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #423639;
	text-decoration: none;
}

.navi7 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navi7 li {
	display: block;
	padding: 2px 0;
}

.navi7 a {
	display: block;
	padding: 0 0 0 10px;
}

.navi7 a:link, .navi7 a:visited {
	/* normal link: colour, style */
	color: #423639;
	font-weight: normal;
	text-decoration: none;
	background: url(../graphics/system/2007_subnav_lv3_dotn.gif) no-repeat 0 6px;
}

.navi7 a:hover, .navi7 a:active {
	/* normal link rollover: colour, style */
	color: #423639;
	font-weight: normal;
	text-decoration: underline;
	background: url(../graphics/system/2007_subnav_lv3_dotn.gif) no-repeat 0 6px;
}

.navc7 a:link, .navc7 a:visited {
	/* current link: colour, style */
	color: #422f33;
	font-weight: bold;
	text-decoration: underline;
	background: url(../graphics/system/2007_subnav_lv3_dotc.gif) no-repeat 0 6px;
}

.navc7 a:hover, .navc7 a:active {
	/* current link rollover: colour, style */
	color: #422f33;
	font-weight: bold;
	text-decoration: underline;
	background: url(../graphics/system/2007_subnav_lv3_dotc.gif) no-repeat 0 6px;
}

li.navh7 {
	/* header text */
}

.navd7 {
	/* description text */
}

/* ---- nav style 8 (Vertical Text - Sub Nav Lv 4) ---- */
.navi8 {
	/* common font face, size, formatting */
	padding: 5px 0 10px 15px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #42383b;
	text-decoration: none;
}

.navi8 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navi8 li {
	display: block;
	padding: 1px 0;
}

.navi8 a:link, .navi8 a:visited {
	/* normal link: colour, style */
	color: #42383b;
	font-weight: normal;
	text-decoration: none;
	background: none;
}

.navi8 a:hover, .navi8 a:active {
	/* normal link rollover: colour, style */
	color: #42383b;
	font-weight: normal;
	text-decoration: underline;
	background: none;
}

.navc8 a:link, .navc8 a:visited {
	/* current link: colour, style */
	color: #342a2d;
	font-weight: bold;
	text-decoration: underline;
	background: none;
}

.navc8 a:hover, .navc8 a:active {
	/* current link rollover: colour, style */
	color: #342a2d;
	font-weight: bold;
	text-decoration: underline;
	background: none;
}

li.navh8 {
	/* header text */
}

.navd8 {
	/* description text */
}

/* --------- text styles (font face should be defined, to ensure admin compatibility) --------- */
h1, .t0, .t1, .t2, .t3, .t4 {
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.t3, .t4 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

/* ---- title text style ---- */
h1, .t0 {
/*	color: #000; */
	display: block;
	font-size: 46px;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 0 0 40px 0;
}

h1 a:link, h1 a:visited, .t0 a:link, .t0 a:visited {
}

h1 a:hover, h1 a:active, .t0 a:hover, .t0 a:active {
}

/* --------- text style 1 --------- */
.t1 {
/*	color: #000; */
	display: inline-block;
	padding: 0 0 8px 0;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
}

.t1 a:link, .t1 a:visited {
}

.t1 a:hover, .t1 a:active {
}

/* --------- text style 2 --------- */
.t2 {
/*	color: #000; */
	display: inline-block;
	padding: 0 0 5px 0;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
}

.t2 a:link, .t2 a:visited {
}

.t2 a:hover, .t2 a:active {
}

/* --------- text style 3 --------- */
.t3 {
/*	color: #000; */
/*	font-size: 12px; */
}

.t3 a:link, .t3 a:visited {
	font-weight: normal;	
}

.t3 a:hover, .t3 a:active {
}

/* --------- text style 4 --------- */
.t4 {
/*	color: #555; */
	font-size: 11px;
}

.t4 a:link, .t4 a:visited {
}

.t4 a:hover, .t4 a:active {
}

/* --------- text style 5 (regular white text) --------- */
.t5 {
/*	color: #000; */
/*	font-size: 12px; */
	color: #FFF;
}

.t5 a:link, .t5 a:visited {
	font-weight: normal;	
}

.t5 a:hover, .t5 a:active {
}


/* --------- miscellaneous styles --------- */
.caption {
	font-size: 11px;
	font-style: italic;
	text-align: right;
}

.error {
	color: #ac2f2f;
	font-weight: bold;
}

.highlight {
	background-color: #EEE;
	color: #090;
	font-weight: bold;
  	padding: 0 3px 1px 3px;
}

/* --------- quick table row styles --------- */
.r1 {
	/*background: #DDD;*/
}

.r2 {
	/*background: #F4F4F4;*/
}

/* --------- custom style settings --------- */

/* --------- regular grey box --------- */
.smallBox {
	display: inline;
	float: right;
	margin: 0 0 15px 0;
	border: 1px solid #b0afaf;
	width: 189px;
	width/* */:/**/187px;
	width: /**/187px;
	background: #f2f2f2;
}

#column1 .smallBox {
	float: left;
}

#column2 .smallBox {
	margin: 0 0 30px 42px;
}

.smallBox .mailinglist td {
	font-size: 11px;
	color: #231f20;
}

.smallBox .mailinglist .formfieldtext {
	width: 150px;
}

/*\*//*/
.smallBox {
	display: block;
	width: 187px;
}
/**/

.smallBoxTop {
	padding: 6px 8px 9px 8px;
	height: 36px;
	height/* */:/**/21px;
	height: /**/21px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #231f20;
	background: #b0afaf url(../graphics/system/2007_bwplain_header.gif) no-repeat top left;
}

.smallBoxTop a:link, .smallBoxTop a:visited {
	color: #231f20;
	text-decoration: none;
}

.smallBoxTop a:hover, .smallBoxTop a:active {
	color: #231f20;
	text-decoration: underline;
}


.smallBoxText {
	padding: 10px 10px 10px 10px;
	display: block;
}

/*\*//*/
.smallBoxText {
	display: inline-block;
}
/**/

.smallBoxText .t1, .smallBoxText .t2, .smallBoxText .t3, .smallBoxText .t4, .smallBoxText .t5 {
	font-size: 11px;
	color: #231f20;
}

.smallBoxText a:link {
	color: #b41442;
	font-weight: bold;
	text-decoration: underline;
}

.smallBoxText a:visited {
	color: #c0637e;
	font-weight: bold;
	text-decoration: underline;
}

.smallBoxText a:hover, .smallBoxText a:active {
	color: #d33764;
	font-weight: bold;
	text-decoration: underline;
}


/* --------- small pencil with speech bubble --------- */

.smlbubbletop {
	background: url(../graphics/system/2007_bwpencil_top.gif) no-repeat top;
}

.smlbubblemid {
	display: inline;
	float: right;
	margin: 0 0 15px 0;
	width: 189px;
	font-size: 14px;
	color: #000;
	background: url(../graphics/system/2007_bwpencil_mid.gif) repeat-y center;
}

#column2 .smlbubblemid {
	margin: 0 0 30px 42px;
}

.smlbubblemid .t3, .smlbubblemid .t5 {
	font-size: 13px;
	color: #000;
}

.smlbubblemid .t1, .smlbubblemid .t2 {
	font-size: 14px;
	color: #000;
}

.smlbubblemid .t4 {
	color: #000
}

.smlbubblemid a:link {
	color: #b41442;
	font-weight: bold;
	text-decoration: underline;
}

.smlbubblemid a:visited {
	color: #c0637e;
	font-weight: bold;
	text-decoration: underline;
}

.smlbubblemid a:hover, .smlbubblemid a:active {
	color: #d33764;
	font-weight: bold;
	text-decoration: underline;
}

.smlbubblebtm {
	padding: 15px 16px 153px 16px;
	background: url(../graphics/system/2007_bwpencil_btm.gif) no-repeat bottom;
}

/* --------- special header --------- */

.specialheader {
	margin: 20px 0 15px 0;
	padding: 10px 10px 5px 10px;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background: url(../graphics/system/2007_specialheaderbg.gif) repeat-x top;
}

.specialheader .t1, .specialheader .t2, .specialheader .t3, .specialheader .t4, .specialheader .t5 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
}

/* --------- pfp link --------- */

#printlink {
	position: absolute;
	z-index: 6;
	margin: -30px 0 0 259px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #db8e4a;	
}

#printlink a {
	display: block;
	padding: 6px 24px 12px 28px;
	width: 200px;
	width/* */:/**/148px;
	width: /**/148px;
	text-align: left;
}

#printlink a:link, #printlink a:visited {
	color: #db8e4a;	
	text-decoration: underline;
	background: url(../graphics/system/2007_printfriendlyicon.gif) no-repeat 0 0;
}

#printlink a:hover, #printlink a:active {
	color: #f5b75f;
	text-decoration: underline;
	background: url(../graphics/system/2007_printfriendlyicon.gif) no-repeat 0 0;
}


/* --------- layout style settings (for .asp template only) --------- */
#pagebody {
	color: #c3c1c1;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	text-align: center;
	background: #b41442;
}

#toplevel {
	width: 982px;
	height: 100%;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: #231f20 url(../graphics/system/2007_mainbg.gif) repeat-y center;
}

#header {
	position: absolute;
	z-index: 1;
	margin: 0 0 0 5px;
	width: 972px;
	height: 130px;
	background: #FFF url(../graphics/system/2007_header_characters.jpg) no-repeat bottom right;
}

#logo {
	position: absolute;
	z-index: 2;
	margin: 11px 0 0 17px;
}

#datebar {
	position: absolute;
	z-index: 3;
	margin: 130px 0 0 5px;
	padding: 11px 0 0 630px;
	border-bottom: 2px solid #FFF;
	width: 972px;
	width/* */:/**/342px;
	width: /**/342px;
	height: 43px;
	height/* */:/**/30px;
	height: /**/30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #343233;
	background: #cbc8c8 url(../graphics/system/2007_datebarbg.jpg) no-repeat top;
}

/*\*//*/
#datebar {
	width: 342px;
	height: 30px;
}
/**/

#column1 {
	padding: 293px 2px 243px 5px;
	width: 220px;
	width/* */:/**/213px;
	width: /**/213px;
}

/*\*//*/
#column1 {
	width: 213px;
}
/**/

#column2 {
	padding: 205px 42px 100px 42px;
	width: auto;
}

#column3 {
	padding: 311px 42px 100px 0;
	width: 231px;
	width/* */:/**/189px;
	width: /**/189px;
}

/*\*//*/
#column3 {
	width: 189px;
}
/**/

#column1deco {
	position: absolute;
	z-index: 4;
	margin: -227px 0 0 5px;
}

#content {
	padding: 0 12px 0 12px;
}

#footcell {
	vertical-align: bottom;
}

#footer {
	height: 31px;
	height/* */:/**/23px;
	height: /**/23px;
	padding: 8px 30px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #a4a3a4;
	background: #231f20 url(../graphics/system/2007_mainbgfooter.gif) no-repeat bottom;
}

/*\*//*/
#footer {
	height: 23px;
}
/**/

#footer a, #footer a:link, #footer a:visited {
	color: #cbcaca;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	color: #FFF;
	text-decoration: underline;
} 

#footer span {
	float: left;
}

#archivebanner {
	height: 35px;
	color: #FFF;
	padding: 10px;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #eb0b0b;
}

#archivebanner a {
	color: #FFF600;
	text-decoration: underline;
}

/* -- Event Search --- */
.eventsearch {
	padding-bottom: 10px;
	font-size: 13px;
}

hr {
	background: #c3c1c1;
}

.eventsearch label {
	display: block;
	padding: 3px 0 3px 0;
}

.eventsearch span {
	display: block;
	padding : 0px;
}

.eventsearch .formfieldtext {
	width: 160px;
	font-size: 13px;
	border: 1px solid #585858;
}

.eventsearch .formfieldbutton {
	margin: 15px 0 0 90px;
	background: url(../graphics/system/find_black.gif);
}

#column2 .eventsearch .formfieldbutton {
	margin: 15px 0 0 90px;
	background: url(../graphics/system/find_black.gif);
}

.eventmonth {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 8px 0 5px 0;
	margin-bottom: 8px;
	text-decoration: none;
}

.eventitem {
	padding-bottom: 35px;
}

.eventitem div a:link {
	display: block;
	padding: 0 0 8px 0;
	font-weight: bold;
	font-size: 14px;
	color: #db8e4a;
	text-decoration: underline;
}

.eventitem div a:hover, .eventitem div a:active {
	font-weight: bold;
	font-size: 14px;
	color: #f5b75f;
	text-decoration: underline;
}

.eventitem div a:visited {
	font-weight: bold;
	font-size: 14px;
	color: #f5b75f;
	text-decoration: underline;
}

.eventdate {
	padding-bottom: 10px;
}

/* --------- special admin readability settings for white text --------- */
body form table .t0 {
	background: #5c5c9b;
}

body form table .t1 {
	background: #5c5c9b;
}

body form table .t2 {
	background: #5c5c9b;
}

body form table .t5  {
	background: #5c5c9b;
}

.panelmenu .t0 {
	background: #abc7ab;
}

.panelmenu .t1 {
	background: #abc7ab;
}

.panelmenu .t2 {
	background: #abc7ab;
}

.panelmenu .t5 {
	background: #abc7ab;
}
