/*HTML Selector Styles*/
body {   
font-family: arial, helvetica, verdana; 
font-size: 75%; 
text-align: center; 
margin-top: 0px;
color: #666666;
margin: 0px;
padding: 0px;
width:auto !important;
}
h3 {
    display: block;
    font-size: 1em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold;
}
.scfForm {
	clear: both;
}

.video-right {
	float:right;
	margin-left: 10px;
}

.video-left {
	float:left;
	margin-right: 10px;
}

.video-border-right {
	float:right;
	margin-left: 10px;
	padding: 15px;
	border:solid 1px #ccc;
}

.video-border-left {
	float:left;
	margin-right: 10px;
	padding: 15px;
	border:solid 1px #ccc;
}

.displayContainer {
	padding-left: 51px;
    text-align: left;
}

html, body {
	height: 100%;
}

body table { 
font-size: 100%; 
}

a { 
text-decoration: none; 
}

a { 
color: #f05133;  
}

a:hover { 
text-decoration: underline; 
}


span{
padding:0;
margin:0;
}

p{
line-height:150%;
margin:0px 0px 6px 0px;}

h2, h2 a, h2 a:hover {
font-size:13pt;
text-decoration:none;
}

h5 {
font-size:120%;
}

img { 
border: 0px;
display: inline;  
}

/*Global Styles*/
a.button {  
font-size: 90%; 
font-weight: bold; 
display:inline-block; 
padding: 3px 5px 3px 5px; 
text-transform: uppercase; 
}

a:hover.button { 
text-decoration: none;  
}

a.buttonLarge { 
font-size: 100%; 
font-weight: bold; 
display:inline-block; 
padding: 5px 15px 5px 15px; 
text-transform: uppercase; 
}

a:hover.buttonLarge { 
text-decoration: none; 
}

.clearDiv { 
clear: both; 
}

.dropShadow {  
width: 980px; 
height: 8px; 
position: relative; 
top: -8px; 
left: -20px;
}

.eventsColumn { 
float: right; 
vertical-align:top; 
width: 200px; 
height: 100%; 
padding: 0px 0px 40px 20px;
margin-top:0px; 
}

.eventsColumn h1 {
margin-bottom:10px;
}

.contentHeader {
	line-height: 27px;
}

.secondaryColumn { 
float: right;  
padding: 0px;
margin-left: 10px;
width: 220px;
} 

div.secondaryColumn div.contentHeader { 
clear: both; 
font-size: 200%; 
font-weight: normal; 
padding: 10px 0px 10px 0px; 
margin: 0px; 
}

.printContainer { 
/*clear: both;*/ 
float: left; 
width: inherit;
}

.printContainerSmall { 
 
float: left; 
width: 495px; 
}

.printContainerWide { 
clear: both; 
float: left; 
width: 940px;
}

.left { 
float: left; 
}

.right {
float: right; 
}

.primary_wrapper { 
text-align: left;  
margin-left: auto; 
margin-right: auto; 
/*padding: 10px 20px 0px 20px;*/
padding:0px;
margin:0px;
width:auto;
background:none;
}

.header_primary_wrapper{ 
width:auto; 
height:auto;
padding:0;
margin: 0px 0px;
}

.siteFooter {
clear:both;
font-size:90%;
font-weight:bold;
height:53px;
margin:0 auto;
padding:0px 15px 20px;
text-align:left;
width:960px;
margin-bottom:-53px;
}

.siteFooter-wrap {
margin:0 auto;
padding:10px 15px 10px 15px;
width:930px;
height:39px;
}

.siteHeader {
width:auto;
}

.siteHeader-wrap {
margin:0 auto;
width:1024px;
height:113px;
}

.siteLogo { 
float: left; 
margin: 0px 0px 20px 0px;
margin:10px 0; 
}

.siteTitle {
margin:35px 0 30px 40px;
margin:25px 0 0 40px;
}

.smallFont { 
font-size: 80%; 
}

.hidden { 
display: none; 
}

/*Navigation Styles*/
.navigationAncestors {  
list-style: none; 
margin: 0px; 
padding: 0px 0px 5px 0px; 
font-size: 90%; 
font-weight: bold;
}

.navigationAncestors li { 
float: left; 
padding: 5px 5px 5px 0px;
 
}

.navigationAncestors li a:hover { }

/*New Breadcrumb Styles*/
.breadcrumb {  
width:auto;
margin: 0px; 
padding: 0px 0px 5px 0px; 
font-size: 90%; 
font-weight: bold;
color: #666666;
margin-bottom:6px;
text-transform: capitalize; 
}

.breadcrumb a:link, .breadcrumb a:visited { 
font-weight: bold;
text-decoration:none;
text-transform: capitalize; 
color: #666666; 
}

.breadcrumb a:hover {
color: #666666;
text-decoration:underline;
text-transform:capitalize; }


.navigationGateway { 
clear: both; 
list-style: none; 
margin: 0px; 
padding: 0px; 
text-transform: uppercase; 
font-size: 80%; 
font-weight: bold;
float:left;
margin:3px 0 0; 
}

.navigationGateway li { 
float: left; 
padding: 5px 0px 5px 0px; 
}

.navigationGateway li a { 
display: block; 
padding: 0px 7px 0px 7px; 
}


.navigationGateway li .lastItem { 
border-right: none; 
}

.navigationGateway .cornerLeft { 
background-repeat: no-repeat; 
width: 4px; 
}

.navigationGateway .cornerRight {  
background-repeat: no-repeat; 
width: 4px; 
}

.navigationPrimary {  
clear: both; 
float: left; 
font-weight: bold; 
font-size: 110%; 
list-style: none; 
margin: 1px 0px 10px 0px;
margin:1px 0 0px; 
padding: 0px; 
width: 100%; 
text-transform: uppercase;
}

div.navigationPrimary ul {
list-style:none;
margin:0 auto;
width:1024px;
padding:0;
}


.navigationPrimary li { 
float: left; 
}

.navigationPrimary li a {  
padding: 10px; 
display: block; 
}

/* new navigationContextual */
/*Left Navigation*/
.leftNav {
float:left;
position:relative;
left:-20px;
list-style-type:none;  
margin: 0px; 
padding: 0px 0px 0px 20px; 
width: 180px; 
}

.leftNav a {
padding: 5px 10px 5px 15px; 
display: block;
}

.leftNav a:hover { 
text-decoration:underline;
}

.leftNav #active { 
padding: 5px 10px 5px 15px; 
display: block;
}

.leftNav p { 
padding: 0px 10px 30px 10px; 
font-size: 95%;
margin: 0;
}

div.leftNavigation{
width:180px;
padding:0;
float:left;
position:relative;
margin-right:20px;
}

div.leftNavigation img{
width:auto;
max-width:180px;
}

ul.navigationContextual { 
 
list-style-type: none;  
margin: 0px; 
padding: 0px 0px 0px 0px; 
width: 180px;

}

ul.navigationContextual ul {
list-style-type:none;  
margin: 0px; 
padding: 0px 0px 0px 20px; 
}

ul.navigationContextual li a, ul.navigationContextual li a:visited { 
text-decoration:none;		
font-size:11px; 
padding:5px 10px 5px 15px; 
display: block;
}

ul.navigationContextual li a:hover {
text-decoration:underline;  
padding: 5px 10px 5px 15px; 
display: block;
}

ul.navigationContextual li a:active { 
padding: 5px 10px 5px 15px; 
display: block; 
}

ul.navigationContextual li.selected > a:first-child {
display:block;
padding:5px 10px 5px 15px;
font-weight:bold;
}

ul.navigationContextual li {
margin-bottom:3px;
padding-bottom:3px;
}

ul.navigationContextual li ul > li:last-child {
border-bottom:none;
}

.navigationTactical {  
float: right; 
list-style: none; 
margin: 0px; 
padding: 0px; 
text-transform: uppercase; 
font-size: 75%; 
}

.navigationTactical li { 
float: left; 
padding: 5px; 
}

/*Page Content Styles*/
/*Image Banner*/
.banner { 
float: left; 
width: 740px; 
}

.content { 
clear: both;
margin:0 auto;
width:990px; 
}

.content-bg {
float:left;
padding:0 15px 0;
width:960px;
}

.content-wrap {
float:left;
margin:0 auto;
padding:10px;
width:940px;
}

.bodyContainer { 
position: static; 
left:180px;
float:left;
padding: 0px 0px 20px 0px; 
width: 740px;
line-height:1.6em;
}

.bodyContainer ul{
list-style-type:disc;
margin-left:35px;
}

.imageQuote { }

.bodyCopy {
line-height:1.6em;
clear:both;
}

.bodyCopy p, .bodyContainer p {
margin:12px 0;
}

.bodyCopy h3.newsTeaserHeader, .bodyContainer h3.newsTeaserHeader {
padding:0;
text-transform:none;
}


.bodyCopy blockquote, .bodyContainer blockquote { 
padding: 10px 10px 10px 45px; 
font-size: 100%; 
width: 632px; 
margin: 30px 0px 30px 5px;   
}

.bodyCopy .quoteContainer, .bodyContainer .quoteContainer { 
padding: 10px 10px 10px 45px; 
font-size: 220%; 
width: 685px; 
margin: 30px 0px 30px 5px;   
}

.bodyCopy .quoteContainer .quote, .bodyContainer .quoteContainer .quote { 
display: block; 
padding-right: 45px; 
}

.bodyCopy h2, .bodyContainer h2{
font-weight:bold;
margin-bottom:13px;
margin-top:15px;
}

.bodyCopy h3, .bodyContainer h3 { 
font-weight: bold; 
font-size: 125%; 
padding: 10px 0px 10px 0px; 
margin: 0px; 
text-transform:none;
}

/*Form Styles*/
form { 
margin: 0px; 
padding: 0px; 
}

form select { 
font-family: arial, helvetica, verdana; 
font-size: 100%; 
position: relative; 
}

form input { 
font-family: arial, helvetica, verdana; 
font-size: 100%; 
position: relative; 
}

/*---------------------------------------------------
	Contact Form Rules
---------------------------------------------------*/

.wideFormField { 
width: 475px; 
padding: 5px; 
}

.wideFormFieldDDL { 
width: 488px; 
padding:5px; 
}

.validateError {  
font-weight: bold; 
clear: both;
font-size:90%;
margin-left:3px;
margin-top:3px; 
}

.formLabel { 
font-weight: bold; 
font-size: 125%; 
margin-bottom:5px; 
}

.scfSingleLineTextLabel, .scfDropListLabel, .scfMultipleLineTextLabel, .scfNumberLabel, .scfRadioButtonListLabel, .scfTelephoneLabel, .scfCheckBoxListLabel, .scfDatePickerLabel { 
font-weight: bold;
font-size: 125%; 
margin-bottom:5px; 
clear:both;
font-family:arial;
margin-right:500px;
width: 70% !important;

}

.scfMultipleLineGeneralPanel, .scfDropListGeneralPanel, .scfSingleLineGeneralPanel{
margin-bottom:13px;
}

.formHelp, .scfSingleLineTextUsefulInfo { 
font-size: 90%; 
font-weight:normal;
margin-left:3px;
margin-top:3px;
white-space:no-wrap;
}

.formSpecial {  
padding: 5px 10px 5px 10px; 
margin: 10px 0px 10px 0px; 
width: 480px; 
}

.formSpecialWideField { 
width: 465px; 
margin: 0px 0px 0px 0px; 
}

.formSpecialLabel { 
font-weight: bold; 
font-size: 125%; 
padding: 0px; 
margin: 0px; 
}

.scfRadioButtonListGeneralPanel, .scfNumberGeneralPanel {
	margin-left: 10px;
}

.scfRadioButtonListLabel {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

.scfPasswordBorder, .scfRadioButtonListLabel, .scfNumberLabel, .scfCheckBoxListBorder, .formFocus, .scfSingleLineTextBorder, .scfDropListBorder, .scfMultipleLineTextBorder, .scfTelephoneBorder, .scfDatePickerBorder { 
margin: 10px 0px 10px 0px; 
width: auto;
clear:both;
padding:10px 5px 10px 10px;
width: 78% !important; 
}

.scfDatePickerGeneralPanel {
    width: 80%;
}

.scfNumberLabel {
	margin-left: 10px;
}

.scfNumberTextBox, input.scfSingleLineTextBox, select.scfDropList, textarea.scfMultipleLineTextBox, input.scfTelephoneGeneralPanel, .scfDatePickerTextBox { 
width: 495px; 
padding: 5px; 
}

.scfTelephoneTextBox {
	padding: 5px;
	width: 495px;
}

.scfPasswordTextBox {padding: 5px;}

.scfNumberLabel, .scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel {
    display: block;
    float: left;
    padding: 0 2px 0 0;
    width: 495px !important;
}

.scfSectionBorderAsFieldSet  {
	border: solid 1px #ccc !important;
	margin: 0px;
}

.scfSubmitButtonBorder input { 
font-family: "lucida sans", "Lucida Grande", Verdana, arial, helvetica; 
color: #ffffff;  
background-color: #f05133; 
border: 1px solid #cccccc;
background-image:none; 
text-transform:uppercase;
font-weight:bold;
margin-left:425px;
padding:5px 15px 5px 15px;
cursor:pointer;
margin-top: 10px;
}

.scfCheckBoxList input ,.scfRadioButtonList input{border: none !important;}

.scfNumberLabel, .scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel, .scfRadioButtonListLabel, .scfDateSelectorLabel {
	color: #393331;
}

.scfCreditCardTextUsefulInfo, .scfConfirmPasswordUsefulInfo, .scfDateSelectorUsefulInfo, .scfCaptchaUsefulInfo, .scfTelephoneUsefulInfo, .scfSmsTelephoneUsefulInfo, .scfNumberUsefulInfo, .scfCheckBoxListUsefulInfo, 
.scfRadioButtonListUsefulInfo { color: #333333;}

.scfDateSelectorGeneralPanel, .scfDateSelectorLabel{margin-left: 10px;}

.scfForm select {padding: 5px; margin-right 5px;}

.scfSectionLegend {
	font-size: 15px;
	color:#666;
}

.scfSubmitButtonBorder input:hover { 
font-family: "lucida sans", "Lucida Grande", Verdana, arial, helvetica; 
color: #f05133;  
background-color: #ffffff; 
border: 1px solid #000000;
background-image:none; 
text-transform:uppercase;
font-weight:bold;
margin-left:425px;
padding:5px 15px 5px 15px;
cursor:pointer;
}

.scfRequired {
color: #F05133 !important;
font-size: 15px !important;
}



/*Event Listing Styles - FULL PAGE*/
.eventTeaserEntry { 
margin: 0px 0px 5px 0px; 
padding: 0px 0px 5px 0px;
position:static;

}

.eventTeaserHeader { 
font-size: 110%; 
font-weight: bold; 
margin: 0px; 
padding: 0px 0px 10px 0px; 
}

.eventTeaserIcon { 
float: left; 
}

.eventTeaserDate { 
font-size: 100%; 
font-weight: bold; 
padding: 0px 10px 0px 10px; 
}

.eventTeaserTime { 
font-size: 100%; 
font-weight: bold; 
padding: 0px 10px 0px 10px; 
}

.eventTeaserLocation { 
font-size: 100%; 
font-weight: bold; 
padding: 0px 10px 0px 10px; 
}

.eventTeaser { 
clear: both; 
padding: 5px 0px 0px 0px; 
}

/*Event Listing Styles - RIGHT COLUMN*/
.eventColumnEntry { 
padding: 0px 0px 15px 0px; 
margin: 0px 0px 15px 0px; 
}

.eventColumnHeader { 
clear: both; 
font-size: 90%; 
font-weight: bold; 
margin: 0px; 
padding: 0px; 
}

.eventColumnIcon { 
float: left; 
margin: 0px 5px 5px 0px; 
}

.eventColumnDate { 
font-size: 90%; 
font-weight: bold; 
}

.eventColumnTime { 
font-size: 90%; 
}

.eventColumnLocation { 
font-size: 90%; 
}

/*News Listing Styles*/
.newsTeaserEntry { 
padding: 0px 0px 30px 0px;
margin-bottom:15px;
padding:0 0 15px; 
}

.newsTeaserHeader { 
font-size: 110%; 
font-weight: bold; 
margin: 0px; 
padding: 0px 0px 10px 0px;
text-transform:none; 
}

.newsTeaserThumbnail {  
float: left; 
width: 130px; 
margin: 0px 10px 0px 0px;
margin:6px 10px 10px 0;
height:auto;                              
padding:4px; 
}

.newsTeaserDate { 
font-weight: bold;
font-size:90%; 
}

.newsTeaser {}

.newsTeaser p {
margin:5px 0 0;
}

/*News Article Styles*/
.newsArticleDate { 
font-size: 100%; 
font-weight: bold; 
margin: 10px 0px 0px 0px; 
}

.contentHeader {
/*clear: both;*/ 
font-size: 200%; 
font-weight: normal; 
padding: 10px 0px 10px 0px; 
margin: 0px; 
}

.newsArticleHeader, .bodyHeader {
clear: both; 
font-size: 200%; 
font-weight: normal; 
padding: 10px 0px 10px 0px; 
margin: 0px; 
}

.searchInfo {
clear: both; 
font-size: 120%; 
font-weight: normal; 
padding: 0px 0px 0px 0px; 
margin: 0px;}

.newsArticleSubheader {  
font-size: 120%; 
font-weight: bold; 
margin: 0px; 
padding: 0px 0px 20px 0px; 
}

.newsArticleSupport { 
float: left; 
margin: 0px 10px 10px 0px; 
padding: 3px; 
}

/*News Filter Styles*/
.resultsSorting td { 
font-weight: bold; 
padding: 0px; 
margin: 0px; 
}

.sortButton { 
font-weight: bold; 
text-align: center; 
}

.sortButton a {  
padding: 5px 10px 5px 10px; 
display: block; 
text-transform: uppercase;
padding:2px; 
}

.sortButton .current { 
text-decoration: none; 
}

.sortButton a:hover { 
text-decoration: none; 
}

a.sortButtonSelected { 
text-decoration: none; 
}

/*Result Styles - News and Search*/
.resultsEntry { 
clear: both; 
margin: 0px 0px 15px 0px; 
padding: 15px 0px 25px 0px;  
}

.resultsEntryLastItem { 
border-bottom: none; 
margin-bottom: 0px; 
}

.resultsDate { 
font-size: 100%; 
font-weight: bold; 
float: left;  
padding: 0px 10px 0px 0px; 
margin: 0px 10px 0px 0px; 
}

.resultsHeader {  
font-size: 110%; 
font-weight: bold; 
margin: 0px; 
padding: 0px 0px 10px 0px; 
}

.resultsHeader a {}

.resultsHeader a:hover {}

.resultsTeaser { 
clear: left; 
}

.resultsLink { 
font-size: 90%; 
}

.resultsLink a {}

.resultsLink a:hover {}

/*Search Results*/
div.search div{
padding-left:0;
margin-left:-6px;
}

.searchInput { 
width: 300px; 
margin: 0px; 
}

.searchInputSmall { 
width: 100px; 
margin: 0px 3px 0px 0px; 
font-size: 110%; 
}

.searchForm { 
padding: 0px 0px 0px 0px;
padding-left:0;
float:left;
margin-left:-15px; 
}

.searchCopy h1.contentHeader{
display:none;
height:0;
margin:0;
padding:0;
}

.searchInfo{
border:0;
height:auto;
margin:0;
padding:0;
text-align:left;
margin-bottom:-10px;
margin-top:10px;
}

table.searchSorting{
width:735px;
margin-left:-19px;
}

table.searchSorting tr{
background-color:#636363;}

table.searchSorting td{
font-size:11px;
font-weight:bold;
margin:0;
background-color:#636363;}
}

div.search .resultsEntry{
width:auto;
}

div.searchForm{
margin-top:0;}

/*Related Links Styles*/
.relatedLinksContainer {  
max-width:220px;
float:right;
margin-top:15px;
clear: both;

}

.relatedLinksContainer div.box_senary{
margin: 0px 0px 0px 10px; 
padding: 0px 0px 0px 0px;
background:black; 
width:210px;
}

.relatedLinksContainer div.box_senary_top, .relatedLinksContainer div.box_senary_bottom{
height:auto;
padding:0px;
margin:0px;}

.relatedLinksContainer div.box_senary_top{
width:170px;
font-size: 100%; 
font-weight: bold; 
margin: 0px; 
padding: 3px 20px 3px 20px; 
text-transform: uppercase;
}

.relatedLinksContainer div.box_senary_top h3{
width:210px;
font-size: 100%; 
font-weight: bold;
text-transform: uppercase;
margin:0;
padding:0;
}

h2.related-links {  
font-size: 100%; 
font-weight: bold; 
margin: 0px; 
padding: 3px 25px 3px 25px; 
text-transform: uppercase; 
}

div.box_senary_middle{
width:auto;
padding:0;
}

.relatedLinksContainer .box_senary li{
padding:0;
}

.navigationRelatedLinks, div.related-links ul, .relatedLinksContainer div.box_senary_middle ul{ 
list-style: none; 
margin: 0px; 
padding: 0px; 
}

.navigationRelatedLinks li, div.related-links li, .relatedLinksContainer div.box_senary_middle li { 
font-size: 90%; 
}

.navigationRelatedLinks li a, div.related-links li a, .relatedLinksContainer div.box_senary_middle li a { 
padding: 5px 10px 5px 25px; 
display: block; 
}

.navigationRelatedLinks li a:hover, div.related-links li a:hover, .relatedLinksContainer div.box_senary_middle li a:hover { }

/*Inline Links Styles*/
.inlineLinksContainer { 
float: left; 
width: 230px; 
margin: 10px 0px 10px 0px; 
}

.inlineLinksContainer2 { 
float: right; 
width: 230px; 
margin: 10px 0px 10px 0px; 
}

.inlineLinksHeader { 
font-size: 130%; 
font-weight: bold; 
margin: 0px; 
padding: 3px 10px 3px 0px; 
}

.navigationinlineLinks { 
list-style: none; 
margin: 0px; 
padding: 0px; 
}

.navigationinlineLinks li { 
font-size: 100%; 
}

.navigationinlineLinks li a { 
padding: 5px 10px 5px 15px; 
display: block; 
}

.navigationinlineLinks li a:hover { 
background-image: url(/images/main/display/bulletInlineLinksOn.gif); 
}


/*================================
Begin SPIF Styles
=================================*/

/*Profile SPIFF Styles*/
.profileSPIFF {  
clear: left;  
float: left; 
padding: 5px; 
width: 730px; 
margin: 10px 0px 10px 0px; 
}

.profileSPIFFHeader { 
font-size: 200%; 
font-weight: normal; 
padding: 0px 0px 5px 0px; 
margin: 0px;
margin-top:5px; 
}

.profileSPIFFSubheader { 
font-size: 130%; 
font-style: italic; 
font-weight: bold; 
padding: 0px; 
margin: 0px 0px 5px 0px;
margin-top:5px;
}

.profileSPIFFSupport { 
float: left; 
margin: 0px 10px 0px 0px;
padding:4px; 
}

.profileSPIFFCopy { 
font-size:110%;
margin-top:20px;  
}

/*Page Intruder and SPIFF Styles*/
.pageIntruder { 
margin: 0px 0px 20px 0px;
padding:2px;
border:solid 1px #dadada; 
}

.pageSPIFF {  
float: left; 
padding: 5px; 
margin: 0px 0px 20px 0px;
margin-top:0px; 
}

.pageSPIFFHeader {  
font-size: 90%; 
font-weight: bold; 
margin: 5px 0px 5px 0px; 
}

.pageSPIFFTeaser {  
font-size: 80%; 
line-height: 125%; 
}

.pageSPIFFTeaser p {
margin-bottom:5px;
margin-top:10px;
}

/*Home Styles*/
	
.homeInfoBar {  
float: left; 
width: 940px; 
}
	
/*Home SPIFF Large*/
.homeSPIFFImage { 
float: left; 
height:206px;
width:310px;
display:block; 
}

.homeSPIFFImage img{
display:block;}

.homeSPIFFTeaser {  
float:right; 
font-size: 90%; 
padding: 5px 8px 5px 8px; 
height: 185px; 
width: 120px; 
position: absolute; 
top: 0px; 
left: 320px; 
}

.homeSPIFFTeaser p{  
line-height:125%;
}

.homeSPIFFLink { 
font-size: 90%; 
text-transform: uppercase; 
padding: 6px 10px 0px 28px; 
display: block; 
float: left; 
font-weight: bold; 
position: absolute; 
height: 19px; 
top: 188px; 
width: 97px; 
left: 325px;
z-index:1; 
}

a.homeSPIFFLink { 
color: #ffffff; 
}

a.homeSPIFFLink hover {}

.homeSPIFFOverlay { 
position: absolute; 
top: 220px; 
left: 0px; 
height: 23px; 
font-weight: bold; 
padding: 7px 5px 0px 5px; 
font-size: 125%; 
width: 930px; 
z-index: 10; 
display: block;
}

.homeSPIFFOverlay a {  
padding-left: 5px; 
}

.homeSPIFFContainer { 
float: left; 
position: relative; 
width: 460px; 
}
		
	/*Home Map*/
.homeMapContainer { 
float: left; 
width: 460px; 
position: relative; 
}

.homeMapCopy { 
font-size: 90%; 
font-weight: bold; 
padding: 5px; 
width: 470px; 
}

.homeMapWidget { 
text-align: center; 
position:relative;
top:-10px;
}

.homeMapWidget p{
margin-top:13px;}

.homeMapImage { 
padding:0px;
}

.homeMapOverlay { 
width: 460px; 
text-align: center;  
font-weight: bold; 
position: absolute; 
height: 25px; 
padding: 5px 5px 0px 5px; 
font-size: 145%; 
top: 220px; 
left: 0px; 
text-transform: uppercase; 
font-family: "Times New Roman", Times, serif; 
z-index: 10; 
}

/*Home Main Body*/
.homeMainBody {  
clear: both; 
padding: 15px 0px 0px 0px; 
float: left; 
width: 940px; 
line-height: 150%; 
}
				
/*Home Primary Column*/
.homeColumnPrimary { 
float: left; 
width: 350px; 
margin: 0px;  }
						
	/*Home Focus*/
	.homeFocus {  
	float: left; 
	padding: 0px 0px 20px 0px; 
	}

.homeFocus img.spifImg{  
	border:solid 1px #dadada; 
	padding:2px;
	}
	
	.homeFocusHeader { 
	margin: 0px 0px 5px 0px; 
	}
	
	.homeFocusEntryHeader { 
	font-weight: bold; 
	float:none; 
	padding: 5px 5px 0px 5px; 
	width:auto; 
	font-size: 110%;

	}
	
	.homeFocusThumbnail { 
	padding: 2px; 
	float: left; 
	padding-top: 0px !important;
margin-top:0px;
margin-right:10px;
width:120px; 
	}
	
	.homeFocusTeaser { 
	float:none;
width:auto;
padding:0px; 
	}
									
	/*Home News*/

.homeNews_top{
height:auto;
float:left;
padding:0;
width:auto;
}

	.homeNews { 
	padding: 0px; 
	} 

	.homeNewsHeader { 
	margin: 0px 0px 5px 0px; 
	}
	
	.homeNewsEntry { 
	padding: 5px 0px 15px 0px; 
	float: left;
margin-bottom:10px;
padding:5px 0;
	}
	
	.homeNewsEntryDate {  
	text-align: center; 
	width: 26px; 
	padding: 5px 5px 3px 5px; 
	float: left; 
margin-right:10px;
	}
	
	.homeNewsEntryDateMonth { 
	font-size: 90%; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin: 0px; 
	padding: 0px; 
	line-height: 100%;
	}
	
	.homeNewsEntryDateDay { 
	font-size: 150%; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin: 0px; 
	padding: 0px; 
	line-height: 100%;
	}
	
	.homeNewsEntryIcon { 
	float: left; 
	width: 36px; 
	} 

.newsHomeTeaserThumbnail{
float:left;
}
	
	/*Deprecated*/
	.homeNewsEntryHeader { 
	padding: 2px 5px 5px 0px; 
	float: left; 
	font-weight: bold; 
	font-size: 105%; 
	width: 295px;
 
	}
div.homeNewsEntry div.homeNewsEntryHeader{
text-transform:uppercase;
}

	
	.homeNewsEntryTeaser { 
	padding: 2px 5px 5px 0px; 
	float: left; 
	}

.homeNewsEntryTeaser p {
margin:0px;
}
	
	.homeNewsEntryTeaser a { 
	float: right; 
	}
	
	.homeNewsEntryTeaser a:hover { }

.more_link{
float:right;}
				
/*Home Secondary Column*/
.homeColumnSecondary { 
float: left; 
width: 350px; 
margin: 0px 12px 0px 13px;  
}

.homeSpecial { 
padding: 5px; 
float: left; 
margin: 0px 0px 20px 0px; }

.homeSpecialHeader { 
font-weight: bold; 
font-size: 130%; 
margin: 0px; 
padding: 2px 5px 2px 5px; 
}

	.homeSpecialAuthor {  
	font-weight: bold; 
	padding: 2px 5px 2px 5px; 
	}
	
	.homeSpecialImage {  
	float: left; 
	width: 340px; 
	margin: 0px 0px 10px 0px; 
	}

.homeSpecialImageCaption {
font-size:110%;
font-weight:bold;
}
	
	.homeSpecialSubheader { 
	font-weight: bold; 
	font-size: 110%;
	}
	
	.homeSpecialTeaser { 
	padding: 0px;
	}

.homeSpecialTeaser p{ 
	color:#000000;
 line-height:140%;
margin-top:8px;
font-family:Arial;
font-weight:normal;
margin:0px;
margin:5px 0;
	}

.homeSpecialTeaser a {
font-weight:bold;
}

.homeSpecialTeaser ul {
margin-top:0px;
margin-bottom:0px;
}
	
	.homeCopy { }
	
	.homeCopyImage { 
	clear: both;  
	padding: 2px; 
	float: right;
margin-left:15px;
width:120px; 
	}
	
	.homeCopyHeader { 
	padding: 0px; 
	margin: 0px 0px 15px 0px; 
	font-size: 150%; 
	font-weight: bold; 
	}

.homeCopyTeaser {
text-align:justify;
margin-bottom:15px;
}
				
		/*Home Tertiary Column*/
		.homeColumnTertiary { 
		float: left; 
		width: 215px;  
		}

.homeColumnTertiary h2 {
font-family:Arial;
font-size:120%;
margin:0 0 10px -5px;
padding:5px 5px 5px 10px;
font-weight:bold;
}

/*-- Code Snippet Social Media --*/
.social-icon{
margin-right:5px;
}


/*=======================
END SPIF Styles
=======================*/

#leftList  { 
list-style-type:none;  
margin: 0px; 
padding: 0px 0px 0px 20px; 
width: 180px; 
}

#leftList ul{ 
list-style-type:none;  
margin: 0px; 
padding: 0px 0px 0px 20px; 
width: 180px;
}

#leftList a {  
text-decoration: none; 
border: none; 
padding: 0; 
margin: 0; 
background: none; 
line-height: 15px;
}

.listActive { 
font-weight: bold; 
background-color:transparent;
display:block;
padding:5px 10px 5px 15px;
font-size:11px;
}

/*Opportunity to Bid Styles*/
.al { 
float: left; 
}

.odd { 
float: left;
width:100%; 
}

.even {  
float: left; 
top: -1px; 
position: relative; 
}

.odd .bidButton { 
text-align: center; 
width: 16px; 
}

.even .bidButton { 
text-align: center; 
width: 16px; 
}

.bidButton img { 
margin-top: 3px;
}

.bidEntry {
min-width:738px; 
width: 100%; 
font-size: 100%; 
font-weight: bold; 
padding:3px 0; 
}

.bidEntry div { 
float: left; 
padding: 5px; 
}

.bidEntry .bidDetails {
float:right;
}


.bidInvitationNumber { 
width: 135px; 
}

.bidInvitationNumber img { 
clear: left; 
float: left; 
margin: 0px 5px 0px 5px; 
}

.bidTitle { 
width: 270px; 
}

.bidOpeningDate { 
width: 150px; 
}

.bidDetails {}

.bidItemContainer p { 
margin: 0px; 
padding: 10px; 
line-height: 100%;
}

.bidLink { 
float: left; 
clear: left; 
font-size: 90%; 
margin: 0px 20px 5px 100px;
margin-left:50px;
}

.bidDetails img { 
clear: left; 
float: left; 
margin: 0px 5px 0px 0px; 
}

.bidAddendums{ 
clear: left; 
font-size: 100%; 
font-weight: bold; 
position: relative; 
top: -1px; 
}

.bidAddendums img { 
clear: left; 
float: left; 
margin: 0px 5px 0px 0px; 
}

.bidLinkTitle { 
float: left; 
clear: left; 
margin: 10px 20px 10px 38px; 
}

.bidAddendums .bidAddendumsList { 
padding: 0px 0px 10px 0px; 
}

.bidAddendums div { 
font-size: 90%; 
padding: 0px 30px 0px 100px; 
}

.bidSorting {  
border-collapse: collapse; 
font-size: 90%; 
width: 740px; 
}

.bidSorting td { 
font-weight: bold; 
padding: 5px; 
margin: 0px; 
}

.spacer {
display:none;
}

.bidItemContainer {  
border-top: none;
margin-bottom:30px;
height:auto; 
}

.footnote { 
margin: 8px 0px 8px 0px; 
font-size: 90%; 
font-weight: bold; 
}

div .footnote { 
margin: 15px 0px 20px 0px; 
font-size:100%;
font-weight:normal;
}

.bidDownloadsContainer { 
width: 300px; 
margin-bottom: 20px;
float:left;
}

.bidDownloads {  
width: 100%; 
font-size: 100%; 
font-weight: bold; 
float: left; 
padding: 8px 5px 8px 5px; 
}

.bidDownloads { }

.bidDownloads img { 
float: left; 
padding-right: 5px; 
}


.inlineContent { 
margin-bottom: 20px;
clear:both; 
}
	
/*RSS Link*/
.rssLinkContainer { 
position: relative; 
float: right; 
}

.rssLink { 
position: absolute; 
left: -50px; 
top: -20px; 
}
	
/********************************
	Emergency Notifications
********************************/
.notification-group {
clear:both;
margin-bottom:25px;
padding-bottom:15px;
}

.notification-item {
padding:7px;
margin-bottom:15px;
border-bottom: none;
padding-bottom: 3px;
padding-top: 3px;
}

.notification-item p {
margin:0px;	
}

.notification-item img {
margin-right:5px;
}

.notification-item.normal p  {
	font-weight: bold;
	font-size: 13px;
}

.notification-title {
font-weight:bold;
margin-right:5px;
font-size: 13px;
display: inline;
}

.notification-date {
margin-right:5px;
}

.notification-location {
margin-right:5px;
}

.gateway-box h3:hover a:hover {
text-decoration:none;
}

/** Style to Hide the footer on the Global Layout **/
div.footer_primary_wrapper{
display:hidden;
height:0;
width:0;
visibility:hidden;
}

/*--------------------------------------------
    Styles from Stopgap sheet
-------------------------------------------*/
h2.homeCopyHeader {
font-size:140%;
font-weight:bold;
}

.bio-image {
/*float:left;*/
clear:both;
margin-bottom:20px;
}

.bio-image p {
margin-top:0px;
}

/* BANNER STYLES */
/* These banner styles coincide with the global banner divs */
.box_quaternary{
padding-right:10px;
position:relative;
}

div.box_quaternary_top, div.box_quaternary_bottom{
}

div.box_quaternary_middle{
width:738px;
height:auto;
padding-right:10px;
float:left;
padding-left:0px;
margin-bottom:2px;}


/* KCTCS banner styling occurs on the image itself */
div.box_quaternary_middle img {
padding:2px;
width:734px;
overflow:hidden;
}

.image-left, .image-right {
padding:4px;
}

.image-left {
float:left;
margin-right:10px;
}

.image-right {
float:right;
margin-left:10px;
}

ul.left {
margin-left:20px;
margin-right:40px;
list-style:disc;
}

ul.left li {
margin-bottom:5px;	
}

.left-column {
float:left;
margin-right:20px;
width:350px;
}

.left-column h2, .right-column h2{
font-weight:bold;
margin-bottom:15px;
}


.right-column {
float:left;
width:350px;
}


table.bids {
width:100%;
border-collapse:collapse;
}

table.bids tr {
vertical-align:top;
}

table.bids p {
margin:0;padding:0;
}

table.bids td, table.bids th {
padding:5px;
}

table.bids th {
font-size:8pt;
}

#errorconsole {
display:none;
font-weight:bold;
}

#successconsole {
display:none;
font-weight:bold;
}

.gateway-icon {
margin-right:10px;
vertical-align:middle;
display:inline;
}

.gateway-box {
margin-bottom:10px;
padding:5px;
width:320px;
}

.gateway-box h3 {
cursor:pointer;
font-family:arial;
font-size:150%;
font-weight:bold;
padding:0;
margin: 0px 0px 0px 0px;
}

.gateway-box h3 a {
display:block;
}


.gateway-box p {
margin:5px;
padding:0px;
line-height:150%;
}

.gateway-box p.link {
text-align:right;
font-weight:bold;
}

.gateway-box p.link a {
padding-left:20px;
text-decoration:none;
}

.gateway-box a:hover {
text-decoration:underline;
}

p.attribution {
clear:both;
margin-right:40px;
padding-top:40px;
text-align:right;
}


.document-icon {
margin-right:7px;
}

a:hover img.document-icon {
text-decoration:none;
}

.top-link {
text-align:right;
font-weight:bold;
font-size:95%;	
}

.top-link a {
padding-left:16px;
}
/*---------------------------------------------------
	OTB Overrides
---------------------------------------------------*/

/*---------------------------------------------------
	Padded Tables
---------------------------------------------------*/
.padded-table td {
padding:5px;
}

.padded-table th {
padding:5px;
}

/*-------------------------------------------
	Catalog
-------------------------------------------*/
h2 a.openprog {
font-size:70%;
margin-left:20px;
}

.course {
padding:0 10px;
margin-bottom:40px;
}

.course h3 {
margin:0 -10px;
padding:5px 10px;
}

.course h5 {
/*font-size:11pt;*/
margin-bottom:5px;
margin-top:10px;
}

p.emphasis {
font-weight:bold;
padding:5px;
}

p.emphasis.total {
padding:0px;
}

.result-number {
float:right;
font-weight:bold;
margin:-5px -10px -5px 0;
padding-top:0px;
text-align:center;
width:25px;
}

.course-info {
margin:0 -10px 10px;
padding:5px 10px 10px;
}
/*-------------------------------------------
	Map Styles
-------------------------------------------*/
.form-left {
float:left;
width:300px;
}

.form-right {
float:left;
width:350px;
margin-left:10px;
clear:none;
}

.form-left label, .form-right label {
display:block;
font-weight:bold;
}

.form-right input[type=submit] {
margin-left:10px;
}

#route {
clear:both;
}

/*-----------------------------------------
	Survey Gizmo Overrides
-----------------------------------------*/
#sg_wrapper {
min-height:300px;
}
	
/*-----------------------------------------
	New Students Page
-----------------------------------------*/

.left-audience {
float: left;
width: 447px;
}

.audience-box h2	{
display: block;
font-size:20px;
height: 45px;
left: 5px;
line-height: 24px;
padding-left: 3px;
padding-right: 3px;
position:relative;
text-align: center;
top: -15px;
vertical-align: middle;
width:120px;
}

.audience-box a:hover {
display: block;
height: 110px;
text-decoration: none;
width: 130px;
}

.audience-box:hover	{
cursor: pointer;
}

.audience-box a {
display:block;
height: 110px;
text-decoration: none;
vertical-align: middle;
width: 130px;
}

.audience-box {
float:left;
height: 110px;
margin-bottom: 10px;
margin-right: 15px;
text-align:center;
width: 130px;
}

.audience-box-two a {
display: block;
}

.audience-box-two a:hover {
display: block;
}

.audience-box-two p {
padding: 5px;
}

.audience-box-two h2 a {
font-size: 20px;
}

.audience-box-two h2 {
margin:0;
}

.audience-box-two {
float: left;
padding; 5px;
width: 281px;
margin-bottom: 15px;
padding: 5px;
}

.help-icon-container a:hover {
text-decoration: none;
}

.help-icon-container {
margin-bottom: 4px;
margin-top: 4px;
}

.help-icon-container img {
margin-right: 5px;
vertical-align: middle;
}

.right-audience {
float: left;
width: 293px;
}

/*----------------------------------------
	Service Status
----------------------------------------*/

.outage-teaser {
    padding: 7px;
}
.outage-header img {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.outage-header {
    background: #666;
    padding: 4px;
    color: white;
}
.top-outage {
    width: 98%;
    border: solid 1px #ccc;
    margin: 5px auto;
}
.service img {
    margin-right: 5px;
	position: relative;
    top: 2px;
}
.service td {
    font-weight: bold;
    padding-right: 10px;
}

/*----------------------------------------
	Small Carousel
----------------------------------------*/

.stepcarousel {
	float: right;
	height: 130px;
	width:120px;
	padding: 8px;
	margin: 0px 0px 10px 10px;
}

.stepcarousel. panel {
    height: 130px;
    margin: 0;
    overflow: hidden;
    width:120px;
	
}

.widgetGallerySmallNext {
    height: 22px;
	left:415px;
	position: relative;
    top: 40px;
    width: 15px;
    z-index: 15;
}

.widgetGallerySmall {
	    float: right;
    padding: 0 0 0 20px;
    width: 426px;
	margin-right:30px;
}


#Div1 {
	overflow:hidden;
	width:160px;
}

.widgetGallerySmallPrevious {
    height: 22px;
    position: relative;
    width: 15px;
    z-index: 15;
	top:40px;
	left: 212px;
}

.mediaPrimary {
    background: url(/images/kctcs/carousel/media_primary.jpg) no-repeat scroll 0 0 transparent;
    float: right;
    height: 135px;
    margin: 15px 0 10px 10px;
    padding: 8px;
    width: 178px;
}

.stepcarousel .panel {
	width: 215px !important;
	margin: 7px 9px 11px 0px !important;
	position: relative;
}

.more {
	background: url(/images/kctcs/carousel/three_arrows.jpg) no-repeat scroll 0px 10px transparent;
	font-size: 114%;
    font-weight: bold;
    padding-left: 49px;
	padding-top: 10px;
}

.widgetGallerySmallTeaser {
	color: #333;
	line-height: 20px;
}

/* Random video spif */

.random-video, .random-video .SPIF_Container {
width:360px;
}


.random-video .youtube-video, random-video .youtube-video div {
position:relative;
z-index:999;
}

.random-video .youtube-video object {
width:360px!important;
height:270px!important;
margin-bottom:10px;
}

.random-video a {
color:#333;
text-decoration:underline;
font-size:8pt;
}

.random-video .more_link a
{ 
text-decoration:underline;
text-transform:uppercase;
color:#333;
font-weight:bold;
font-size:9pt;
display:block;
height:36px;
padding-right:45px;
position:relative;
z-index:999;
padding-top:5px;
}

.random-video .SPIF_Title {
  padding-bottom: 25px;
    padding-left: 2px;
    padding-right: 0;
    position: relative;
    top: 12px;
}

.newsBody .tableright {
	width: 60% !important;
	float: right;
	margin-left: 1%;
	border: solid 1px #ccc;
	padding: 1%;
}

/* Modal */

.close {
    background: none repeat scroll 0 0 #00467F;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 24px;
}

#mask {
  position:fixed;
  z-index:9000;
  background-color:#000;
  display:none;
  bottom: 0;
  top: 0;
  left: 0;
  right:0;
}
   
#boxes .window {
  position:fixed;
  width:650px;
  /*height:200px;*/
  display:none;
  z-index:9999;
  padding:20px;
  background: #fff;
}

#boxes #dialog {
    width: 375px;
    height: 203px;
}

#boxes img {
	float: right;
	width: 200px;
	padding: 5px;
	border: solid 1px #ccc;
	margin-left: 10px;
}

#boxes h2 {
	color: #00467f;
	margin:0px;
}
div.navigationPrimary {
    min-width: 1024px !important;
    display: block;
}
