﻿/* General styles */
body
{
    padding:0;
    border:0;
    width:100%;
    min-width:600px;
	font-size:90%;
    background-color: #ffffff;
    background-image: url('images/page_background.jpg');
    background-attachment: fixed;
    background-repeat: repeat-x; 
    background-position: top left;
    color: #000000; 
    text-align: center;
    margin: 0px;
}
.calendarlink
{
    padding-top:4px;
    padding-bottom:4px;
    font-size:12px;
}
.caldayhead
{
    background-color:#dae7a2;
    font-size:18px;
    font-weight:bold;
    color:black;
}
.caldaycell
{
    padding: 4px;
}
.col1 {
	width:100%;
}
#col1_left
{
    clear: left;
	float: left;	
	display: inline;
	/*width: 350px;*/
	width: 320px;
}
#col1_categories
{
    margin-top: 20px;
    font-weight: normal;
}
#col1_editorialmenu
{
    text-align:left;
}
#col1_picture
{
    font-family: Verdana, helvetica, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    /*width: 320px;*/
    width: 310px;
    text-align: left;
}
#col1_right
{
    float: right;
	display: inline;	
	/*width: 280px;*/
	width: 300px;
	/*margin: 0px 360px 0px 0px;*/
	margin: 0px 360px 0px 0px;
}
#col1_sponsors
{
    clear: both;
    float: left;
    width: 640px;
}
#col1_contentFooter
{
    clear:both;
    float:left;
    width: 640px;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
a.contentText
{
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    margin: 5px 0px 0px 0px;
    font-weight: bold;
}
#fixed
{
   margin:0 auto;
   width:1000px;
   text-align:left;   
}
#fixed_homepage
{
    margin: 0 auto;
    width: 750px;
    text-align:left;
    background-color: #FFFFFF;
}
/* Header styles */
#header
{
    clear:both;
    float:left;
    width:100%;
    height: 200px;
    background-color: #ffda68;
    border-right: solid 2px #ffda68;
}
#header_homepage
{
    clear: both;
    float: left;
    width: 774px;
    height: 28px;
    background-color: #ffda68;
}
#HeaderImageContainer
{
    position: relative;
    margin: 0px 0px 0px 3px;
    padding: 0px;    
    height: 175px;
    background-color: #FFFFFF;
    z-index: 0;
}
#HeaderImageLine
{
    position: relative;
    margin: 6px 0px 0px 730px;
    height: 7px;
    width: 271px;
    z-index: 100;
}
#HeaderSpecialSectionSpotlight
{
    position: relative;
    margin: -160px 0px 0px 807px;
    padding: 0px;
    height: 131px;    
    background-color: #FFFFFF;
    z-index: 100;
}
#headertextleft
{
    position: relative;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    height: 26px;
    font-family: Arial; 
    font-weight: 900; 
    font-size: 10pt;
    text-align: left;
    line-height: 26px;
    background-color: #ffda68;
}
#headertextmiddle
{
    position: relative;
    margin: -25px 0px 0px 100px;
    padding: 0px;
    height: 26px;
    text-align: left;
    line-height: 26px;
}
#headertextmiddle_homepage
{
    position: relative;
    margin: -25px 0px 0px 100px;
    padding: 0px;
    height: 26px;
    text-align: left;
    line-height: 26px;
    background-color: ffda68;
}
#headertextright
{
    position: relative;
    margin: -25px 5px 0px 495px;
    padding: 0px;
    height: 26px;
    width: 500px;
    font-family: Arial;
    font-weight: 900;
    font-size: 10pt;
    text-align: right;
    line-height: 26px;
}
#headertextright_homepage
{
    position: relative;
    margin: -27px 5px 0px 495px;
    padding: 0px;
    height: 26px;
    width: 269px;
    font-family: Arial;
    font-weight: 900;
    font-size: 10pt;
    text-align: right;
    line-height: 26px;
    background-color: #ffda68;
}
.HeadingLarge
{
    color: #E07709;
    font-size:16px;
    font-family:Verdana;
    font-weight:bold;
}
/* holy grail 3 column settings */
.holygrail
{
    background: #ffffff;    /* Right column background colour */
    border-right: solid 2px #ffda68;
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-150px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#ffffff;    	/* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:343px;         	/* Left column width + right column width */
    background:#ffda68;    	/* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 215px;     	/* Centre column side padding:
                            Left padding = left column width + centre column left padding width
                            Right padding = right column width + centre column right padding width */
    position:relative;
	left:200%;
	overflow:hidden;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:170px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:120px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}
#imgFacebook
{
    margin-top: 2px;
}
#imgTwitter
{
    margin-top: 2px;   
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
.navlink 
{
    font: bold 12px verdana, helvetica, sans-serif;
    text-decoration: none;
    padding-right:0px;
    text-align:right;
}
.selectedevent
{
    background-color:#FFFFCC;
}
