﻿/*

	Structural Styles
	
*/

/* ID's
*********************************************************************************************/
#Uber
{
	position: relative;
    width: 980px;
    margin: auto auto;
    padding: 0px;
    /*float: left;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*margin-left: -490px;*/
    background-image: url('/en/images/uber-BG.jpg');
    background-repeat: repeat-y;
}
#SecondaryUber {
    width: 980px;
    float: left;
    margin: 0px 0px 0px 0px;
    background: url('/en/images/SubWrapper_BG.jpg') no-repeat left top; 
} 
#MainWrapper {
    width: 884px;
    float: left;
    margin: 24px 0px 0px 13px;
    display: inline;
}
#Header {
    width: 873px;
    height: 47px;
    text-align: right;
    padding: 9px 11px 0px 0px;
    font-family: Arial, Verdana, Serif;
    font-size: 11px;
    color: #b0383b;
    word-spacing: 4px;
    vertical-align: text-top;
}

#LogoLink
{
	position: absolute;
	top: 8px;
	left: 15px;
	float: left;
	width: 375px;
	height: 72px;	
}

	#LogoLink a, #LogoLink a:active, #LogoLink a:visited
	{
		display: block;
		float: left;
		width: 375px;
		height: 72px;
	}

#TopNav
{
	float: right;
	padding: 7px 0px 0px 0px;
}

#Search
{
	float: right;
	padding: 3px 0px 0px 0px;
}

#MainNav {
    width: 876px;
    height: 35px;
    padding: 16px 0px 6px 18px;
}
#SubNav {
    width: 884px;
    height: 27px;
}

#PrimarySubNav span
{
    color: #256d7c;
    text-decoration: none;
    font-weight: bold;
}

#PrimarySubNav {
    width: 567px;
    height: 27px;
    padding: 2px 0px 0px 20px;
    float: left;
}
#SecondarySubNav {
    width: 278px;
    height: 27px;
    padding: 2px 0px 0px 0px;
    float: right;
}
#MainContent {
	float: left;
    width: 884px;
}
#MainContent_Wide {
	float: left;
    width: 844px;
    min-height: 348px;
    height: auto !important;
    height: 348px;    
    padding: 0px 20px 20px 20px;
}

#PrimaryMainContent {
    width: 568px;
    /*height: 348px;*/
    float: left;
    padding: 0px 0px 5px 18px;
}
#PrimaryMainContentTWO {
    width: 586px;
    float: left;
    background: url('/en/images/TopDivider.gif') no-repeat 0px 0px;
}
#TwoColumnLeft {
    width: 161px;
    padding: 18px 0px 0px 18px;
    float: left;
}
#TwoColumnRight {
    /*width: 407px;*/
    width: 558px;
    padding: 18px 0px 30px 20px;
    float: left;
}
#SectionOne {
    width: 568px;
    height: 178px;
    float: left;
    border-bottom: solid 1px #104a5a;
}
#SectionTwo {
    width: 568px;
    height: 163px;
    border-top: solid 1px #104a5a;
    margin: 1px 0px 0px 0px;
    float: left;
}
#PrimarySectionTwo {
    float: left;
    width: 292px;
    height: 153px;
    padding-top: 10px;
}
#SecondarySectionTwo {
    float: left;
    width: 276px;
    height: 153px;
    padding-top: 10px;
}
#viewLink {
    
    width: 276px;
    text-align: right;
    padding-bottom: 5px;
    margin: 0px;
}
#Divider {
    width: 21px;
    height: 348px;
    float: left;
    background: url('/en/images/Divider.gif') no-repeat 0px 0px; 
}
#SecondaryMainContent {
    width: 265px;
    float: left;
    padding: 0px 12px 10px 0px;
    margin: 0px;
}
#ColumnOne {
    width: 263px;
    background-color: #eff4f5;
    border: solid 1px #9cb4ba;
    padding: 0px;
    margin: 0px;
}
.ColumnTwo {
    height: 44px;
    width: 263px;
    background-color: #eff4f5;
    border: solid 1px #9cb4ba;
    padding: 0px;
    margin-top: 3px;
}   

#footer {
    width: 980px;
    height: 94px;
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background: url('/en/images/footerBG.jpg') no-repeat left top;
}

#footer p { padding: 0px; margin: 0px; }

#PrimaryFooter {
    width: 460px;
    height: 47px;
    padding: 15px 0px 0px 30px;
    float: left;
}

#SecondaryFooter {
    font-size: 0.9em;
    color: #949494;
    width: 394px;
    height: 47px;
    padding: 15px 96px 0px 0px;
    float: right;
    text-align: right;
}

#FooterNav {
    width: 460px;
    height: 35px;
    padding: 0px 0px 0px 30px;
    float: left;
    word-spacing: 6px;
    color: #ffffff;
}
#SubSecondaryFooter {
    width: 394px;
    height: 35px;
    padding: 0px 96px 0px 0px;
    float: right;
    text-align: right;
}

#Directory {
	width: 688px;
	float: right;
}

#Directory  fieldset {
	margin-top: 0px !important;
}

#Directoryimage {
	width: 140px;
	float: left;
}

/* Classes
*********************************************************************************************/
.greyfootertext, whitefootertext, contact, address {
    font-size: 0.9em;
}
input#searchField {
	float: left;
    width: 153px;
    height: 15px;
    font-size: 11px;
    border: 1px solid #999999;
    padding: 3px 2px 1px 2px;
    margin: 0px 3px 0px 8px;
}
#SearchBTN {
	float: left;
    width: 26px;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: text-bottom;
}

.SubNavDivider {
    margin: 0px 5px 0px 5px;
}
.image01 {
    border-top: solid 1px #104a5a;
    border-bottom: solid 1px #104a5a;
    float: left;
}
.image02 {
    border-top: solid 1px #104a5a;
    border-bottom: solid 1px #104a5a;
    float: right;
    margin-right: 1px;
}
.image03 {
    border: solid 1px #557f8a;
    padding: 1px;
}
.clearboth {
    clear: both;
}
.clearleft {
    clear: left;
}
.heading {
    font-size: 1.6em;
    color: #104a5a;
    letter-spacing: 2px;
    word-spacing: 6px;
    margin: 0px;
    padding-top: 8px;
}
.headingtwo {
    font-size: 1.4em;
    color: #104a5a;
    margin: 0px;
    font-weight: bold;
}
.subheading {
    font-size: 1.4em;
    color: #a7272b;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
.date {
    color: #000000;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.title {
    color: #1d5e72;
}
.eventstitle {
    font-weight: bold;
    color: #104a5a;
    background: url('/en/images/EventsGraphic.gif') no-repeat 0px 0px;
    padding: 10px 0px 0px 45px;
    margin: 10px 0px 0px 5px;
    display: block;
}
.directorytitle {
    font-weight: bold;
    color: #104a5a;
    background: url('/en/images/DirectoryGraphic.gif') no-repeat 0px 0px;
    padding: 6px 0px 10px 45px;
    margin: 8px 0px 0px 5px;
    display: block;
}
.applicationtitle {
    font-weight: bold;
    color: #104a5a;
    background: url('/en/images/ApplicationGraphic.gif') no-repeat 0px 0px;
    padding: 6px 0px 10px 45px;
    margin: 7px 0px 0px 5px;
    display: block;
}
.newslettertitle {
    font-weight: bold;
    color: #104a5a;
    background: url('/en/images/NewsletterGraphic.gif') no-repeat 0px 4px;
    padding: 4px 0px 0px 45px;
    margin: 2px 0px 0px 3px;
    display: block;
}
.locationred {
    color: #9e0b0f;
}
.address {
    color: #949494;
    background: url('/en/images/HouseIcon.gif') no-repeat 0px 0px;
    padding: 3px 0px 2px 30px;
    vertical-align: middle;
    /*line-height: 47px;*/
}
.contact {
    color: #949494;
    background: url('/en/images/PhoneIcon.gif') no-repeat 0px 0px;
    padding: 0px 0px 0px 30px;
    vertical-align: middle;
    /*line-height: 47px;*/
}
.copyright {
    font-size: 10px;
    color: #a5a5a5;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    /*line-height: 47px;*/
}
.whitefootertext {
    color: #ffffff;
}
.greyfootertext {
    color: #949494;
}

.rss {
    background: url('/en/images/PrinterIcon.gif') no-repeat 0px 0px;
    padding: 2px 20px 2px 22px;
    margin: 0px 0px 0px 2px;
}   

.print {
    background: url('/en/images/PrinterIcon.gif') no-repeat 0px 0px;
    padding: 2px 0px 2px 22px;
    margin: 0px 0px 0px 2px;
}    

.email {
    background: url('/en/images/EmailIcon.gif') no-repeat 0px 2px;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 20px;
} 

.titletwo {
    font-weight: bold;
}

/*

	Site Map
	
*/
.siteMapSection
{
	width: 261px;
	float: left;
	padding-right: 30px;
}

.siteMapSection a, .siteMapSection span.heading a
{
	display: block;
	padding: 3px 0px 3px 5px;
}

.noLink
{
	display: block;
	padding: 3px 0px 3px 5px;
}

.siteMapSection span.heading
{
	display: block;
	font-weight: bold;
	border-bottom: solid 1px #c5c5c5;
}

.siteMapSection span.heading a
{
	margin: 0px 0px 0px 0px;
}