/***************************************** Custom Styles ******************************************/



/**************************************** Adjustable Syles ****************************************/

/* Page Level */
body  {
color: #666666;
background: #e3dba7 url(images/bodyBackground.jpg) left top repeat-x;
}
#pageContainer {
border: 1px solid #183263;	
}
.inlineLink, .inlineLink:visited {
color: #183263;
text-decoration: none;
}
.inlineLink:hover, .inlineLink:visited:hover {
color: #183263;
text-decoration: underline;
}
.actionLink, .actionLink:visited {
color: #183263;
text-decoration: none;
font-size: .6em;
}
.actionLink:hover, .actionLink:visited:hover {
color: #183263;
text-decoration: underline;
font-size: .6em;
}

/* Header */
#headerLinks {
font-size: .9em;
list-style: none;
margin: 10px;
padding: 0;
text-align: right;
}
#headerLinks li {
display: inline;	
}
#headerLinks a:link, #headerLinks a:visited {
color: #808080;
text-decoration: none;
padding: .5em;
}
#headerLinks a:hover, #headerLinks a:visited:hover {
color: #808080;
text-decoration: underline;
padding: .5em;
}
#titleBanner {
height: 120px;
background: #183263 url(images/genericBanner.jpg) left top no-repeat;
overflow: hidden;
}
#programTitle {
margin: 8px 10px 0px 10px;
font: 1.5em 'arial black';
color: #ffffff; 
}
#programTitleSub {
margin: -2px 10px 8px 10px;
font: bold 1.1em arial, sans-serif;
color: #dde0e7; 
}

/* Left Body */
.mainNavContainer {
background: #f1edd6;
margin: 2px 0 0 0;
}
.mainNavContainer h1 {
color: #183263;
font-size: 1.1em;
margin: 0;
padding: 6px 10px 0px 10px;
}
.mainNav {
margin: 0;
padding: 5px 10px 10px 10px;
list-style: none;
}
.mainNav li {
margin: 0;
padding: .5em 0 0 0;
font-size: .9em;
font-weight: bold;
}
.mainNav a:link, .mainNav a:visited {
color: #666666;
text-decoration: none;	
}
.mainNav a:hover, .mainNav a:visited:hover {
color: #183263;
text-decoration: underline;	
}

/* Center Body */
#centerBodyContainer h1, #centerBodyFullContainer h1 {
margin: .2em 30px .2em 30px;
color: #183263;
font-size: 1.3em;
}
#centerBodyContainer h2, #centerBodyFullContainer h2 {
margin: .5em 30px .5em 30px;
color: #444444;
font-size: 1.1em;
}
#centerBodyContainer h3, #centerBodyFullContainer h3 {
margin: 1.2em 30px .5em 30px;
color: #666666;
font-size: 1.1em;
}
#centerBodyContainer p, #centerBodyFullContainer p, .video {
margin: 0 30px .4em 30px;
text-align: justify;	
}
.contentDivider {
border-top: 1px solid #c8c8c8;
height: 1px;
overflow: hidden;
margin: 2em 30px 1em 30px;	
}
#centerBodyContainer .articleDate {
font-size: .9em;
font-weight: bold;
margin: .2em 30px .5em 30px;	
}
#centerBodyFullContainer .articleDate {
font-size: .9em;
font-weight: bold;
margin: .2em 30px .5em 30px;	
}
.tertiaryNav {
margin: .2em 30px .5em 30px;
line-height: 1.5em;	
}
.tertiaryNav a:link, .tertiaryNav a:visited {
font-size: 1em;	
}
.tertiaryNav a:hover, .tertiaryNav a:visited:hover {
font-size: 1em;	
}


/* Right Body */
.newsEventsContainer {
margin: 2px 2px 0 0;
}
.newsEventsContainer h1 {
color: #183263;
font-size: 1em;
margin: 0;
padding: 6px 10px;
background: #f1edd6;
}
.newsEventsContainer h2 {
margin: 15px 10px 0px 10px;
color: #444444;
font-size: .9em;
}
.articleDate {
font-size: .9em;
font-weight: bold;
margin: .2em 10px .5em 10px;	
}
.newsEventsContainer p {
margin: .2em 10px .5em 10px;	
}
.newsDivider {
border-top: 1px solid #c8c8c8;
height: 1px;
overflow: hidden;
margin: 0 2px 0 0;	
}
.readMore {
margin: 0 10px 1.5em 10px;
font-size: .9em;	
}
#slideShow img {
margin: 10px 20px;
}

/* Lists */
.contentList {
list-style: square;
margin: .1em 30px .5em 10px;	
padding: 0 0 0 3em;
}
.contentList1 {
list-style: square;
margin: .5em 30px 1em 10px;	
padding: 0 0 0 3em;
}
.contentList2 {
list-style: square;
margin: .5em 30px 1em 10px;	
padding: 0 0 0 3em;
}
.contentList2 li {
margin: 0 0 .8em 0;	
}
.searchList1 {
list-style: square;
margin: .5em 0px 1em 0px;
padding: 0 1em;	
}
.searchList2 {
list-style: square;
margin: .5em 0px 1em 0px;
padding: 0 1em;	
}
.searchList2 li {
margin: 0 0 .8em 0;	
}
.linkList {
list-style: square;
margin: .5em 30px 1em 10px;	
}

/* Article Snippits */
.articleThumb {
background: #f2eed5;
padding: 5px;
margin: 5px;
text-align: center;
}

/* Photos */
.bodyPhoto {
margin: 0 30px 1em 30px;
padding: 10px;
text-align: center;
background: #f2eed5;
}
#centerBodyContainer .bodyPhoto p {
margin: 5px 10px 0px 10px;
padding: 0;	
}

/* Bio Portrait */
.bioPortrait {
float: left;
margin: 2px 15px 10px 0;	
}

/* Search and Browse */
.searchBrowseBox {
margin: 20px 30px;	
}
#centerBodyContainer .searchBrowseBox h2 {
font-size: 1em;
margin: 0px;	
}
.searchBrowseTabs {
margin: 0px;
padding: 0px;
}
.searchBrowseTab {
color: #002550;
background: #ebedf1;
padding: 5px 10px;
font-weight: bold;	
}
.searchBrowseTab a:link, .searchBrowseTab a:visited {
color: #888888;
text-decoration: none;
}
.searchBrowseTab a:hover, .searchBrowseTab a:visited:hover {
color: #002550;	
text-decoration: none;
}
.searchBrowseContent {
background: #ebedf1;
margin: 0px;
padding: 15px;
}
#centerBodyContainer .searchBrowseContent h2, #centerBodyFullContainer .searchBrowseContent h2 {
margin: 1.8em 0 .5em 0;
color: #444444;
font-size: 1.2em;
}
.searchBrowseField {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
padding: 2px 4px;
border: 1px solid #333333;
}
.searchBrowseButton {
font: 1em arial, sans-serif;
color: #ffffff;
background: #7988a5;
padding: 1px 4px;
border: 1px solid #333333;
cursor: pointer;	
}
.searchBrowseSelect {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
padding: 1px;
border: 1px solid #333333;
}
.categorySearchString {
font-weight: bold;
font-size: .9em;	
}
.resultBox {
background: #ffffff;
padding: 15px;
margin-top: 15px;	
}
.searchBrowseBox .contentList {
list-style: square;
margin: .5em 10px 1em 10px;	
}


/* Forms */
.h2Link, .h2Link:visited {
color: #808080;
text-decoration: none;	
}
.h2Link:hover, .h2Link:visited:hover {
color: #183263;
text-decoration: underline;	
}
.formContainer {
margin: 1em 30px;
padding: 1.5em;
position: relative;
}
.formContainer em {
color: #920000;
font-size: .9em;
}
fieldset {
border: 1px solid #000000;
margin: 0;
padding: 0;	
}
legend {
color: #183263;
font-size: 1.2em;
padding: 0 .3em .2em .3em;
}
.formInstructions {
padding: .4em;
color: #30303c;
background: #ffffff;
}
.formList {
list-style: none;
margin: 0;
padding: 0;
}
.formRow {
clear: both;
border-top: 1px solid #808080;
padding: .4em .6em;
margin: .1em 0;
}
.formColumnLeft {
float: left;	
width: 48%;
}
.formColumnRight {
float: right;
width: 48%;	
text-align: right;
}
.formElementLabel {
width: 100%;
}
.formElementInput {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #808080;
width: 100%;
}
.formElementTextarea {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #808080;
width: 100%;
}
.formElementSelect {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #808080;
width: 100%;	
}
.formElementButton {
font: bold 1em arial, sans-serif;
color: #ffffff;
background: #183263;
border: 1px solid #000000;
cursor: pointer;	
}
#formMessage {
text-align: right;
font-weight: bold;
color: #ffcc00;
background: #ffffff;
}

/* Image Gallery */
.galleryContainer {
margin: 0 30px 1em 30px;
}
.thumbnail {
margin: 6px;
}
.previous {
display: block;
font-weight: bold;
float: left;
width: 48%;	
}
.next {
display: block;
font-weight: bold;
float: right;
width: 48%;
text-align: right;
}

/* Footer */
#footerContainer {
background: #f1edd6;	
}

/* framework styles */
.bodySection1 {
float: left;
width: 49%;
}
.bodySection2 {
float: right;
width: 49%;
}



/********************** DO NOT EDIT -- Layout and Positioning -- DO NOT EDIT **********************/

html {
font: 100% arial, sans-serif;
margin: 0;
padding: 0;
}
body  {
font: 100% arial, sans-serif;
margin: 20px 0 40px 0;
padding: 0;
}
#pageContainer {
font-size: .75em;
background: #ffffff;
width: 740px;
margin: 0 auto;
}
#headerContainer {
clear: both;
}
#leftBodyContainer {
width: 140px;
float: left;
margin-bottom: 8px;
overflow: hidden;	
}
#centerBodyContainer {
width: 418px;
float: left;
margin-bottom: 30px;
overflow: hidden;	
}
#centerBodyFullContainer {
width: 598px;
float: left;
margin-bottom: 30px;
overflow: hidden;	
}
#rightBodyContainer {
width: 180px;
float: right;
margin-bottom: 30px;
overflow: hidden;	
}
#footerContainer {
padding: 5px;
clear: both;
overflow: hidden;
}
.clear {
clear: both;
height: 1px;
overflow: hidden;	
}
img {
border: 0;
}

.socialMedia {
padding: 0 .5em;	
}
.share {
padding: .5em;
margin: 0.2em 30px;	
}