/* Cascading Style Sheet copyright and designed by Dale Fyfe of Quoth Design for Area 52 Popular Culture Company at www.area52.com.au 
	Please feel free to search through this document for ideas and inspiration on creating Cascading Style Sheets, 
	but please refrain from outright copying of this code.
	This CSS sheet is made to look better in Mozilla Firefox than Internet Explorer, though the only main difference is
	that Internet Explorer adds more unwanted padding.
*/


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0 auto;
	width: 700px;
	font-size: 11px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-weight: 100;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	text-align: left;
	vertical-align: top;
}

.container {
	background-image: url(images/layout/backgrounds/body.jpg);
}

.container_left {
	float: left;
	width: 285px;
	padding: 0;
	margin-left: 0;
}

.bold {
	font-weight: bold;
	font-size: 11px;
}

h4 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}
.subHeading {
	background: transparent url(images/layout/backgrounds/sub_heading.jpg) no-repeat top left;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
}
.module_heading {
	margin: 0;
	padding: 20px 10px 0px 20px;
	background: transparent url(images/layout/backgrounds/module_header.jpg) no-repeat top left;
	height: 40px;
	font-size: 13px;
	font-weight: bold;
}

a:link, a:visited {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	color:#9A1200;
	border: none;
}

a:hover, a:focus, a:active {
	color: #D64E3C;
	font-size: 10px;
	border: none;
}


#sideNav {
	float: left;
	width: 174px;
	padding: 0;
	margin-left: 5px;
	background: url(images/layout/backgrounds/module_body.jpg) repeat-y top left;
}

#sideNavFooter {
	background: url(images/layout/backgrounds/module_footer.jpg) no-repeat;
	height: 38px;
}

.moduleTextOnly {
	margin: 2px 13px 2px 13px;
}

#content {
	margin: 0px 0px 0px 176px;
	padding-left: 7px;
	padding-right: 7px;
}
#pageWidth_content {
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	width: 680px;
}

.pageWidth {
	padding: 0px 20px 0px 15px;
}
#footer {
	margin-top: 20px;
	height: 50px;
	background: transparent url(images/layout/backgrounds/footer.jpg) no-repeat;
	text-align: center;
	clear: both;
}

#header {
	background: transparent url(images/layout/backgrounds/header.jpg) no-repeat ;
	height: 135px;
	margin: 5px 0px 0px 0px;
}

#nav {
	background-image:url(images/layout/backgrounds/body.jpg);
	margin: 0;
	padding: 0px 15px 0px 15px;
	clear: both;
}

#floatLeft {
	float: left;
	margin: 0px 10px 10px 10px;
	border: 0;
}

#floatRight {
	float: right;
	margin: 0px 10px 10px 10px;
	border: 0;
}

.center {
	display: block;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	clear: both;
}

.centerIndiv {
	display: block;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
}

.textCenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.textSmall {
	font-size: 9px;
	font-weight: bold;
	}

/* About us section */
#about_us {
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 475px;
	border-left: 2px dashed #DFDFA1;
}
#about_us p {
	padding: 0px 10px 0px 5px;
}


/* Navigation Pyramids */

#navPyra {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-top: 2px solid #D1D190;
	width: 480px;
	clear: both;
}

#navPyra li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	background: url(images/layout/tab_pyram_top.gif) no-repeat top center;
}
	
#navPyra a:link, #navPyra a:visited {
	float: left;
	font-size: small;
	font-weight: bold;
	padding: 5px 12px 4px 5px;
	text-decoration: none;
	color:#9A1200;
	background: none;
}

#navPyra a:link.active {
	color: #D64E3C;
	background: url(images/layout/tab_pyram_top.gif) no-repeat top center;
}

#navPyra a:hover {
	color: #D64E3C;
	background: url(images/layout/tab_pyram_top.gif) no-repeat top center;
}

#navPyra a:visited.active{
	color: #D64E3C;
	background: url(images/layout/tab_pyram_top.gif) no-repeat top center;
}



/* Vertical Pyramidical list */	
#VnavPyra {
	margin: 0px 13px 0px 13px;
	padding: 0;
	border-left: 2px solid #B2B25E;
}

#VnavPyra li {
	margin:0;
	list-style-type: none;
	}

#VnavPyra a:link, #VnavPyra a:visited {
	font-size: 11px;
	font-weight: bold;
	padding:0px 2px 4px 12px;
	text-decoration:none;
	color:#9A1200;
	display: block;
	}

#VnavPyra a:link.active {
	color: #D64E3C;
	background:url(images/layout/tab_Vpyram.gif) no-repeat left top;
}

#VnavPyra a:hover {
	color: #D64E3C;
	background:url(images/layout/tab_Vpyram.gif) no-repeat left top;
}

#VnavPyra a:visited.active {
	color: #D64E3C;
	background:url(images/layout/tab_Vpyram.gif) no-repeat left top;
}

/* News List classes, each one defines the icon image associated with the news post. */	
#news {
	margin: 0;
	padding: 0px 0px 5px 42px;
	background:url(images/layout/backgrounds/news_icon.jpg) no-repeat left top;
}

#news_cards {
	margin: 0;
	padding: 0px 0px 5px 42px;
	background:url(images/layout/backgrounds/cards_icon.jpg) no-repeat left top;
}

#news_ttg {
	margin: 0;
	padding: 0px 0px 5px 42px;
	background:url(images/layout/backgrounds/tabletop_icon.jpg) no-repeat left top;
}

#news_comics {
	margin: 0;
	padding: 0px 0px 5px 42px;
	background:url(images/layout/backgrounds/comic_icon.jpg) no-repeat left top;
}



/* Calendar specific sections */
.calendar {
	margin: 0px 10px 10px 15px;
	padding: 25px 10px 10px 15px;
	display: block;
}

.weekHeader {
	margin: 20px 10px 20px 15px;
	border-bottom: 1px solid #000000;
	font-size: 16px;
	font-weight: bold;
}

table.calendarEntry {
	margin: 10px 10px 0px 15px;
	border: 1px dashed #BBBBBB;
	display: block;
	padding: 5px 5px 5px 5px;
}

.calHeading {
	background: transparent url(images/layout/backgrounds/sub_heading.jpg) no-repeat top left;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 10px 0px 5px;
	padding: 5px 0px 0px 20px;
}

td.calDetails {
	width: 25%;
}


/* Gallery Specific classes */

.thumb {
	border: 1px dashed #BBBBBB;
	padding: 2px 2px 2px 2px;
	margin: 5px 5px 5px 5px;
}

/*centering Tables */

.table_centre {
 margin: auto;
 padding: 5px 5px 5px 5px;
 width: 80%;
 clear: both;
 border: 1px dashed #DDDDDD;
}

.indexLogo {
	padding: 5px 15px 5px 15px;
	margin: 5px 15px 5px 15px;
	vertical-align: top;
}

.alpha {
	padding: 0;
	float: left;
	vertical-align: middle;
}

/* Classes etc for forms 
Calendar Event Create form first */

label {
	width: 200px;
	text-align: right;
	margin-right: 15px;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
}

.labelCaption {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	width: 180px;
	font-weight: normal;
	color: #999999;
	line-height: 14px;
	margin: 0px 0px 0px 10px;
}

input {
	color: #000000;
	background: #EEEEEE;
	border: 1px solid #990000;
	font-size: 11px;
}

select {
	color: #000000;
	background: #EEEEEE;
	border: 1px solid #990000;
	display: inline;
	font-size: 11px;
}

submit {
	color: #FFFFFF;
	background-color: #660000;
	border: 2px #990000 solid;
}

fieldset {
	border: 1px solid #CCCCCC;
	width: 470px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 10px 0px;
}

.formRow {
	display: block;
	margin: 5px 5px 5px 5px;
	clear: both;
}

.buttonPlace {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

/* div to contain the TSC countdown timer*/

.countdown {
	margin: 10px auto 10px auto;
	padding: 5px 5px 0px 20px;
}

.TSCcounter_input {
	color: #990000;
	border: none;
	background: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/*#countdown {
	padding: 8px 0px 10px 405px;
	background: url(images/A52logos/tscCounter.jpg) no-repeat;
	margin: 0px 5px 0px 5px;
	height: 30px;
	width: 690px;
	display: inline;
}

.counterContainer {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
}

.TSCcounter_input {
	color: #000000;
	border: none;
	background: none;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.countLoadImg {
	padding: 0;
	margin: 0;
	display: inline;
}

.counterForm {
	padding: 0;
	margin: 0;
	display: inline;
}*/