/* Start of CMSMS style sheet 'layout' */
/* CSS Document */

/* =Structure
---------------------------------------------------------------------------------------------------- */

* { 
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: Arial, Helvetica, sans-serif;
}

body
{
background: #e0e0e0;
color: #666;
font-size: 12px;
margin-bottom:10px;
}

div#container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 960px;
background: #fff url(uploads/images/structure/container-bg.jpg) repeat-y top left;
}




/* =Header
---------------------------------------------------------------------------------------------------- */	
#header {
background: url(uploads/images/structure/header-bg.jpg) repeat-y top left;
text-align: left;
color: #fff;
width: 855px;
margin-left: 52px;
margin-right: 53px;
font-size: 11px;
}

#header-logo {
float:left;
text-align: left;
}

#header-links {
float:right;
text-align: right;
padding-top:5px;
padding-right:10px;	}

#header-links ul 	
{ 
margin: 0;
padding:0;
list-style: none;
float: right;
} 

#header-links li{
float: left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
list-style: none;
padding-left:15px;
}

#header-links li a,
#header-links li a:link,
#header-links li a:visited{
display: block;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
outline: none;
margin-top:3px; 
}

#header-links li a:hover {
display: block;
color: #fff;
text-decoration:underline;
outline: none; 
margin-top:3px; 
}

#cntnt01moduleform_1 {
width: 160px;
height: 18px;
display: block;
clear: both;
}	

#cntnt01moduleform_1 input.headerSearchField{
float:left;
height:16px;
width:134px;
padding:0px 0px 0px 2px;
margin:1px 3px 0px 1px;
border:none;
font-size: 11px;
background-color: #fff;
border-left: 1px solid #7a7c7b;
border-top: 1px solid #a4a8a9;
color:#000;
}

#cntnt01moduleform_1 input.headerSearchButton{
float:left;
height:18px;
width:18px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
}	

input, 
select {
border: 1px solid #7a7c7b;
}


/* =Columns
---------------------------------------------------------------------------------------------------- */


#content {
width:785px;
background: none;
margin-left: 122px;
margin-right: 53px;
padding-top: 6px;
}

div#left-navigation {
float:left;
text-align: left;
width: 170px;
padding: 0px 0px 0px 0px;
border-top: 5px solid #5c7987; 
}


div#left-navigation div.spacer {
	clear: both;
	margin:0;
	padding:0;
padding-bottom:300px;
}

div#wide-column {
	float:left;
	width:595px;
	padding: 15px 0px 0px 20px;
	o\verflow: visible;
	zoom: 1;
	border-top: 1px solid #e0e0e0; 
}

div#narrow-column {
	float:left;
	width:390px;
	padding: 15px 0px 0px 20px;
	o\verflow: visible;
	zoom: 1;
	border-top: 1px solid #e0e0e0; 
}

div#sidebar {
	float:left;
	width:185px;
	padding: 0px 0px 0px 20px;
	o\verflow: visible;
	zoom: 1;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer {
width:925px;
background: url(uploads/images/structure/footer-bg.jpg) no-repeat top left;
height:25px;
text-align: right;
padding: 40px 25px 10px 10px;
margin-left: auto;
margin-right: auto;
font-size: 10px;
color: #999;
}

div#footer p
{ 
	margin: 0;
	padding: 0;
 } 

/* =Text Styles
---------------------------------------------------------------------------------------------------- */
	
h1, h2, h3,h4 {
	padding-top: 0px;
	padding-bottom:8px;	
}


h1 {
	font-size: 18px;
	font-weight: bold;
	color: #666666;	
}


h2 { 
	color: #5c7987;
	font-size: 16px;
	font-weight: bold;
}

	
h3 { 
	color: #666666;
	font-size: 13px;
	font-weight: bold;
}


h4 {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
padding:0;
margin:0;
}


p {
line-height: 18px;
padding-bottom: 1em;
}

ul {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 

ol {
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 


#narrow-column ul,
#narrow-column ol,
#wide-column ul,
#wide-column ol {
line-height: 18px;
}

.padding {
padding: 5px 5px 5px 0px;
}

/* =Link Styles
---------------------------------------------------------------------------------------------------- */

a,
a:link,
a:visited{
	color: #00a0c6;
	text-decoration:	underline;
outline: none; 
}
	
a:hover {
	color: #00a0c6;
	text-decoration:	none;
outline: none; 
}


a img {
border: none;
outline: none;
}





/* =Generic Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong, b, .bold { font-weight: bold;}
em, i, .italic { font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}

.image-float-left {float:left; margin: 2px 5px 2px 0px; }
.image-float-right {float:right; margin: 2px 0px 2px 5px;}


.disclaimer,
.footnote,
.text-small {
	font-size: 10px;
}

.photocredit {
	font-size: 10px;
text-align:right;
}

.blockquote {
	padding: 10px;
	display:block;
	color: #fff;
	background-color: #6b8c92;
	margin-bottom: 10px;
	margin-top: 10px;
}



/* =Lines
---------------------------------------------------------------------------------------------------- */

hr {
	color: #e7e7e7;
	background-color: #e7e7e7;
	border: 0;
	height: 1px;
	margin: 12px 0 12px 0;
} 


/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		

.singleLineBreak {
	margin:0;
	padding:0;
	}
	
.marginZero {
	margin:0;
	padding:0;
	}


.spacer {
	clear: both;
	margin:0;
	padding:0;
}

			
.clear {
	clear: both;
	margin:0;
	padding:0;
}

.padding {
	padding: 5px;
	}


/* =News Summary and Detail Styles
---------------------------------------------------------------------------------------------------- */	

.NewsSummary {
padding-bottom:12px;

}

.NewsSummarySummary p {
padding: 0;
margin:0;
}

.NewsSummaryPostdate {
font-style: italic;
}

#NewsPostDetailDate {
float:right;
clear:both;
padding-bottom:12px;
}

.NewsSummary,
.EventsSummary,
.WorkshopSummary {
border-bottom:1px solid #e0e0e0;
margin-bottom:12px;
}

.NewsSummary h2,
.EventsSummary h2 {
padding-bottom:0;
margin-bottom:0;
color: #5c7987;
	font-size: 13px;
	font-weight: bold;
}

.WorkshopSummary h2 {
padding-bottom:0;
margin-bottom:0;
}

.EventsSummarySummary {
font-style: italic;
}
/* End of 'layout' */