/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#000000;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	color: #cccccc;
}

a:link, a:visited, a:hover {
	color: #e7c12e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 140%;

}

h2{
 font-size: 130%;

}

h3{
 font-size: 120%;

}

h4{
 font-size: 110%;
 font-weight: normal;

}

h5{
 font-size: 100%;

}

#sectionLinks ul{
 list-style-type: square;
 font-size:12px;

}

#sectionLinks ul ul{
 list-style-type: disc;
}

#sectionLinks ul ul ul{
 list-style-type: none;
}

.mc-field-group label{
 font: bold 90% Arial,sans-serif;
/* color: #ffffff; */
/* conflicts with webcalendar admin pages! */
}
	

/*
.col1 fieldset p, legend, label {
	color: #000000;
}
*/

	
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
			background-image: url(../images/fivespot_header2.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: center;
    }
	#header {
		border-bottom:1px solid #ffffff;
		padding: 80px 0px 0px 190px;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* 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 */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#000000;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:180px;
        background:#000000;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:230px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
		background-color: #333333;
		border: 1px dashed #ffffff;
		border-top: 0px;
	}
    .leftmenu .col2 {
        float:left;
        width:150px;
        position:relative;
        right:180px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;

	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #111111;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
		
    }
    #footer p {
        padding:10px;
        margin:0;
    }
	#footer img {
		margin-bottom: -5px;
	}
    /* --> */


#navBar{
	background-color: #590304;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #111111;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #newsletter styles ***************/

#newsletter{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	
	text-align: center;
}


#newsletter img {
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

fieldset div.mce_inline_error {
	font-size: 80%;
	margin:1em 0;
	padding:1em .5em .5em 0;
	font-weight:bold;
	z-index:1;
	color:#D12F19;
	font-weight:bold;
	position:relative;
	top:-1.5em;
}

#newsletter fieldset{
	border: 0px;
	width: 100px;
}
 
#newsletter input.email{
	color: #000000;
	background: #aaaaaa;
	border: 1px solid #ffffff;
	width: 130px;
	margin-top: 5px;
}

#newsletter input.submit{
	color: #ffffff;
	font-weight: bold;
	background: #80040d;
	border: 2px outset #e7c12e;
	width: 100px;
	margin-top: 5px;
}

#newsletter form{
 margin: 0px;
 padding: 0px;
}

#newsletter label{
	display: block;
	margin: 0px;
	padding: 0px;
	 font: normal 85% Arial,sans-serif;
	color: #cccccc;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}	

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 100%;
	
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	color: #e7c12e;
	font-weight: bold;
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
	font-size: 120%;
}

#sectionLinks a:visited{
	color: #e7c12e;
	font-weight: bold;
	border-top: 1px solid #cccccc;
	background-color: #590304;
	padding: 2px 0px 2px 10px;
	font-size: 120%;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #80040d;
	padding: 2px 0px 2px 10px;
	font-size: 120%;
}

#sectionLinks ul li a.rss{
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: -19px 10px 0px 0px;
	display: inline;
	float: right;
}

#sectionLinks ul li img{
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}




/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.upcoming{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 100%;
}

.upcoming dt{
	color: #cccccc;
}


dl.popup {
	position: fixed;
	z-index: 5;
}

img.email {
	float: none;
	margin: 0px 0px -8px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
span.reverseemail{
	unicode-bidi:bidi-override;
	direction:rtl;
}