/* We appreciate Matthew James Taylor
 * (http://www.matthewjamestaylor.com/) on whose
 * work we based this stylesheet.
 * --AJC
 */

body, p, h1, h2, h3, h4, h5, h6, td, li{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


body{
	margin: 0;
	padding: 0;
	border: 0;  /* Remove the border from old versions of IE */
	width: 100%;
	background: #333;
	min-width: 800px; /* ensures that the layout won't break completely in small windows */
	font-size: .8em;
	margin-top: 2em;
}

a{
	color: #10437a; /* Redi Blue */
}

a:hover{
	color: #343434;
	background: #ddd;
}

a img{
	border: 0;
}

a.nohover{
	color: inherit;
	background: inherit;
}

h1, h2, h3{
	margin: 0.8em 0 0.2em 0;
	padding: 0;
	color: #e00025; /* Redi Red */
	font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3{
	color: #222;
}

h1{
	border-bottom: 1px dotted #ccc;
	text-transform: uppercase;
}

td{
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: .2em;
	padding: .3em;
}


p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: .4em 0 .8em 0;
	padding: 0;
	/*font-size: 0.9em;*/
}

p, .col1 ul li{
	line-height: 1.4em;
}

.col1 ul li{
	font-size: 1em;
}

.col1 ul li, .col1 ul li p{
	margin-bottom: .8em;
}


.col3 ul li{
	font-size: 0.9em;
}

img{
	border:none;
	margin: 2px;
}

.colmask{
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

.holygrail{
	/*border-top: 5px solid #999;*/
	background: #ddd;	/* background color of the right column */
}

.holygrail .colmid{
	float:left;
	width:200%;
	margin-left:-16em; 		/* Width of right column */
	position:relative;
	right:100%;
	background: #fff;	/* background color of the center column */
}

.holygrail .colleft{
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:34em;         		/* Left column width + right column width */
    background: url(../img/l_col_bg.png) top repeat-x #eee;    	/* Background color of the left column */
}

.holygrail .col1wrap{
    float:left;
    width:50%;
    position:relative;
    right:18em;        		/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1 {
    margin:0 19em 0 20em;     		/* 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:16em;        		/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:1em;         		/* Width of the left-hand side padding on the left column */
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:14em;        		/* Width of right column content (right column width minus left and right padding) */
    margin-right:3em;  		/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

/* Navigation styles */
#nav{
	color: #333;
	background: none;
	padding-top: .5em;
	padding-bottom: 1em;
	margin-top: 2em;
}

#nav h1, #nav h2, #nav h3{
	margin: 0;
	padding: 0;
	margin-left: .3em;
}

#nav h2+h2{
	margin-bottom: .8em;
}

#nav h2 img{
	margin: 0 .5em;
	padding: 0;
}

#nav ul{
	display: block;
	margin: 0 1em 0 -2em;
}

#nav ul li{
	list-style: none;
	display: block;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

#nav ul li ul{
	margin: 0;
	padding: 0;
}

#nav ul li a{
	display: block;
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: 2em;
	position:relative;
	text-decoration: none;
	background: #ccc;
	font-size: .8em;
	line-height: 1.4em;
	font-weight: bold;
}

#nav ul li a:hover{
	background: #ddd;
}

#nav ul li ul li a{
	padding-left: 3em;
	margin-top: 0;
	margin-bottom: 0;
	background: #fff;
	border-left: 6px solid #ddd;
}


#nav ul li+li a{
	border-top: 1px solid #d9d9d9;
	margin: 0;
}

/* sidebar styles */
#sidebar{
	font-size: .8em;
	margin-top: 2em;
}

#sidebar ul li{
	display: block;
	margin: 0 0 .1em;
	padding: .3em;
	line-height: 1.4em;
	position: relative;
	left: -2em;
	list-style: none;
}
#sidebar ul li+li{
	margin-top: 1em;
}

.newsdate, .eventdate{
	display: block;
	background: #ccc;
	padding: .2em;
	font-weight: bold;
	margin-bottom: .5em;
}

/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
	border-top:1px solid #000;
}
#footer p {
    padding:10px;
    margin:0;
}

/* Image styles */
.imgright{
	display: block;
	float: right;
	padding-left: .3em;
	padding-bottom: .3em;
	border-left: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	margin-left: .8em;
	margin-bottom: .4em;
}

.imgleft{
	display: block;
	float: left;
	padding-right: .3em;
	padding-bottom: .3em;
	border-right: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	margin-right: .8em;
	margin-bottom: .4em;
}

#copyright{
	font-size: .8em;
	padding: 1em 0;
}

#nav h3.slogan{
	/*This is the slogan block*/
	margin-top: 2em;
	margin-bottom: 2em;
	color: #e00025; /* Redi Red */
	text-align: center;
}

div.contact{
	display: block;
	width: 14em;
	height: 16em;
	margin: 1em;
	padding: 1em;
	border: 1px solid #eee;	
	float: left;
}

div.profile{
	display: block;
	width: 30em;
	height: 11em;
	border: 1px solid #eee;
	padding: .3em;
	margin-bottom: 1em;
	float: left;
	margin-right: .8em;
}

div.profile img{
	margin: .6em;
	border: none;
	background: none;
}

/* RSS Feed Styling */
.rssSummaryListTitle{
	font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #e00025; /* Redi Red */
	font-size: 1.2em;
}
/* --> */