/*
	Foundation styles
*/

body
{
	background: #fff;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	font-weight: normal;
}

.typography p
{
font-size: 1em; 
margin: 0px 0px .5em; 
line-height: 1.5em;
}


.typography blockquote {
	margin-left:20px;
}


.typography ul li,
.typography ol li
{
font-size: 1em; 
line-height: 1.5em;
}

/*
	Links
*/

 .typography a { color: #A53514; }
 .typography a:visited { color: #AA5C04; }
 .typography a:hover, .typography  a:focus { color: #882904; }

.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.pdflink
{	background: URL(/mysite/images/pdf_sml.gif) no-repeat left center;
	padding-left: 31px;
}
.breadcrumbs {font-style: italic; font-size: .9em; margin-top: 5px;}


fieldset {border: 0;}
div#PageComments_holder {
margin-top: 20px;
}
#PageComments_holder textarea {
	width: 55%;
height: 10em;
}
#PageComments_holder input.text {
	width: 45%;
}

.typography ul.gallery-layout li, .typography .album-nav ul li, .typography .sidebarBox ul li { list-style: none; }

/* side navigation */

#secondary h2, #secondary h3 {
	margin: 10px 0 0 10px;
}

/* navigation unordered lists */
#secondary ul
{
	text-align: left;
	margin: 6px 0;
	padding: 0px 0 6px 0;
	list-style-type: none;
	background-color: transparent;
}
#secondary li {
	margin: 0;
	padding: 0px 4px 0px 12px;
}
#secondary li ul li a{
font-size: 1.1em;
font-style: normal;
}

#secondary li a
{
	display: block;
	padding: 4px 5px 2px 10px;
	text-decoration: none;
	border-right: 0;
	border-left: 0;
	margin-top: 0px;
	font-size: 1.2em;
	line-height: 1.1em;
	background-color: #FFF;
	background-image: url("/mysite/images/menu.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	color: #53076F;
height: 38px;
}

.groupnav li a {
padding: 4px 5px 4px 5px;
line-height: 1.1em;
}

#secondary li a.current, #secondary li a.section
{
	background-position: left -100px;
	color: #000;
}

 #secondary .secondLevel li a
{
	background-position: left -100px;
	color: #000;
}


#secondary li a:hover, #secondary li a:focus, .groupnav li a:focus, .groupnav li a:hover,  #secondary .secondLevel li a:hover,  #secondary .secondLevel li a:focus
{
	background-position: left -50px;
	background-color: #fff;
	color: #000;

}

/* Need the following entry to overcome problem with visited style being more specific than the hover style */

#secondary li a:visited:hover, #secondary li a:visited:focus, .groupnav li a:visited:focus, .groupnav li a:visited:hover
{
	background-position: left -50px;
	background-color: #fff;
	color: #000;
}


 #secondary ul.secondLevel,  #secondary ul.thirdLevel
 {
 	text-align: left;
 	margin: 0px 0px 0px 7px;
 	padding: 0px 0px 6px 6px;
 	list-style-type: none;
 }


#secondary ul.thirdLevel {
margin: 0px 0px 0px 10px;
padding: 6px 0px 0px 0px;
}

#secondary ul.secondLevel li {
padding: 0;
}

#secondary form {
margin: 10px 12px;
}

#secondary input.text {
width: 150px;
margin-bottom: 5px;
}


/*
	Content
*/

.typography h1 {
	font-size: 1.8em;
	/*color is in layout.css */
	font-weight: bold;
	margin: 0px;
	padding: 22px 0px 12px;
	font-family: Trebuchet, Verdana, Arial, sans-serif;

}
.typography h2 {
	font-size: 1.2em;
	/*color is in layout.css */
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 4px;
	font-family: Trebuchet, Verdana, Arial, sans-serif;
}
.typography h3 {
	font-size: 1em;
	font-style: italic;
	/*color is in layout.css */
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 4px;
	font-family: Trebuchet, Verdana, Arial, sans-serif;
}

.typography h1 + h2 {padding-top: 2px; }
.typography h2 + h3 {padding-top: 2px; }
.typography h3 + h4 {padding-top: 2px; }


.topmargin {margin-top: 2px; }
.bottommargin {margin-bottom: 2px; }
.nomargin {margin-top: 2px;  margin-bottom: 2px; }
ul  {margin-top: 2px; }
ol  {margin-top: 2px; }

.subhead {  font-size: 60%}

table.horiz  {border-top: #999 solid 2px; width: 100%;}
table.horiz td {border-bottom: #999 solid 1px; padding: 3px;}
table.horiz th {border-bottom: #999 solid 2px;  text-align: left; padding: 3px;}

/** CMS LIST STYLES **/
.typography ul,
.typography ol {
	margin-left:10px;
	margin-bottom:20px;
}
	.typography ul li,
	.typography ol li {
		margin:4px 10px;
		line-height:1.5em;
	}

		.typography ol li {
			list-style-type:decimal;
    }

video {
margin: 10px;
}


ul#SearchResults li{
	list-style-type: none;
	margin: 12px 0;
}

	
/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left {
	text-align:left;
}
.typography  img {
	padding-right: 5px;
}
.typography .center {
	text-align:center;
}
.typography .right {
	text-align:right;
}
.typography img.right {
	float:right;
padding-left: 8px;
}
.typography img.left {
	float:left;
padding-right: 8px;
}

#CommenterURL {display: none;}

/* Form fields styles *?

/* GENERIC FORM STYLING */
	#content form fieldset {
		border:0;
		padding:12px;
	}
		#content .message {
			color:red;
			background:#ddd;
			border:1px solid #ccc;
			padding:5px;
			margin:5px;
		}
#content span.message {
			width: 300px;
		}
#content form div {
			margin-top:15px;
			width:100%;
overflow: hidden;
		}

#content form div.middleColumn {width: 64%;
margin: 0 0 0 13em;
}

#content form label {
			font-size:1.1em;
			color:#333;
		}
#content form label.left {
				float:left;
				width:12em;
margin: 0px 6px 0 0;
			}
#content form label.FormHeading {
				font-size:1.3em;
				color:#ff7200;
				font-weight:bold;
			}
#content form input.text,
#content form textarea,
#content form select {
float: left;
			color:#000;
			background:#f8f8f8;
			border:1px solid #aaa;
			padding:3px;
		}
#content form textarea {
			width:90%;
}
#content form input.text  {
			width:70%;
}
#content form .email input {
			width:90%;
}
		#content form .checkbox {
			padding: 16px 0 0;
}
		
		#content form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		#content form input.year {
			width:35px;
		}
		#content form .Actions {
			padding:0px 0 25px 20px;
		}
			#content form p.Actions input {
				padding:2px;
			}

#content form ul { list-style: none; }

#content form h3 {padding-top: 15px;}

h2.FormHeading {padding: 20px 0 0; }

#content #Form_BlogEntryForm div.middleColumn {width: auto;
margin: 0 0 0 6em;
}

#content #Form_BlogEntryForm label.left {
				float:left;
				width:5em;
margin: 0px 6px 0 0;
			}