body {
	background: url(../images/template/bkgBody.jpg) 0 0 repeat-x #fff;
	font-family: arial;
	font: 62.5% arial, Helvetica, sans-serif; /*creates a 10px base which allows all subsequent font sizes to be easily calculated*/
}


/* heading tags */

h1 {
	font-size: 2.4em;
	color: #0078BB;
	margin: 0 0 10px 0;
	/*margin: 0 0 10px 5px;*/
	font-weight: normal;
}

h1 a, h2 a {
	color: #0078BB;
}

h2 span, h2 span {
	visibility: hidden;
}

h2 {
	color: #0078BB;
	font-size: 1.6em;
	font-weight: normal;
}

h2.h2Margin1 {
	margin: 0 0 2px 5px;
}

h2.grey {
	color: #666;
	margin: 0 0 5px 0;
}

h3 {
	color: #0097D3;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 2px 16px;
}

#mainCol h3 {
	color: #0078BB;
	margin-left: 0;
	}

/* generic styles */

.clearFloat {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
}

.noMargin {margin: 0!important;}

.marginTop20 {
	margin-top: 20px;
}
.marginBottom10, .marginBottom {margin-bottom: 10px;}
.marginBottom40 {margin-bottom: 40px;}


.horizList li {
	float: left;
	background-image: none;
	padding-left: 0;
	margin: 0;
	}

.horizList li a {
	float: left;
	display: block;
}

#footer ul.footerSignOff li
{
	margin-right:10px;
}


.footerSignOff li {
	float: left;
	background-image: none;
	padding-left: 0;
	margin: 0;
	}

.footerSignOff li a {
	float: left;
	display: block;
}	

strong {font-weight: 700;}

/* text */

p {
	font-size: 12px;
	margin-bottom: 16px;
	color: #666;
}

p.introText {
	font-size: 1.2em;
	padding-top: 8px;
}

p.small {
	font-size: 1em;
	color: #9B9B9B;
}

a {text-decoration: none; color:#16567f; }
a:hover {text-decoration: underline;}

#mainCol p a {
	color: #004A76;
}

sup {
	vertical-align: super;
}

ol, ul {
	margin-bottom: 16px;
}

ol li {
	list-style: decimal;
	margin-left: 24px;
}

ol li, ul li {
	font-size: 1.1em;
	margin-bottom: 4px;
	color: #666;
}

ol li a, ul li a {
	color: #004A76;
	text-decoration: none;
}

ol li a:hover, ul li a:hover {
	text-decoration: underline;
}

#leftCol ul
{
	padding:0;
}


ul.bullet
{
	margin:0;
	padding:0;
}

ul.bullet li
{
	background:url("../images/content/blue-bullet.jpg") 0 3px no-repeat;
	padding-left:10px;
}

/* page structure */

#uberContainer {
	background: url(../images/template/bkgHeader.png) 0 0 no-repeat;
}

#header {
	/*width: 995px;*/
	height: 188px;
	width: 100%;
	min-width: 995px;
}

#content {
	background: url(../images/template/bkgContent.jpg) 0 28px no-repeat;
	width: 100%;
	min-width: 995px;
}

#leftCol {
	float: left;
	display: inline;
	margin: 3px 26px 0 20px;
	width: 180px;
	overflow: visible;
	margin-bottom:100px;
}

#mainCol {
	min-width: 425px;
	/*float: left;*/
	/* display: inline; maybe for ie6? breaks rest */
	margin-top: 3px;
	margin-right:9px;
	position: relative;
	overflow-x: visible;
}

#rightCol {
	float: right;
	display: inline;
	margin: 0 10px 0 8px;
	width: 231px;
}

/* leftCol */

#leftCol ul li.disabled a {
	background: url(../images/template/bkgLeftColDisabled.png) 0 0 no-repeat;
	color: #b4b4b4;
}



/* leftCol */

#leftCol ul {
	float: left;
	width: 180px;
	margin-bottom: 500px;
}

#leftCol ul li {
	margin: 0 0 2px 0;
	width: 180px;
	line-height: 28px;
	text-indent: 16px;
	font-size: 1.4em;
}

#leftCol ul li ul {
	margin-bottom: 0;
}

#leftCol ul li ul li {
	margin: 0 0 2px 25px;
	width: 180px;
	height: 15px;
	text-indent: 13px;
	font-size: .8em;
}

#leftCol ul li ul li ul li {
	font-size: 1em;
	margin: 2px 0;
	text-indent: 26px;
	padding: 0 0 2px 0;
}

#leftCol ul li a {
	float: left;
	width: 180px;
	height: 30px;
	background: url(../images/template/bkgLeftCol.png) 0 0 no-repeat;
	display: block;
	color: #000;
}

#leftCol ul li a:hover {
	background: url(../images/template/bkgLeftColHover.png) 0 0 no-repeat;
	text-decoration: none;
	color: #4e7dbe;
}

#leftCol ul li.current a {
	background: url(../images/template/bkgLeftColCurrent.png) 0 0 no-repeat;
	color: #fff;
}

#leftCol ul li ul {
	margin-top: 4px;
	margin-bottom: 0;
}

#leftCol ul li ul li a {
	float: left;
	width: 152px;
	height: 15px;
	line-height: 1em;
	background: url(../images/template/arrowLeftCol.png) 3px 0 no-repeat;
	display: block;
	color: #2b4c74;
	padding-left: 3px;
}

#leftCol ul li ul li a:hover {
	background: url(../images/template/arrowLeftCol.png) 3px 0 no-repeat;
	color: #12304D; text-decoration:underline;
}

#leftCol ul li ul li.parent a {
	background: url(../images/template/arrowLeftCol2.png) 0 2px no-repeat;
}

#leftCol ul li ul li.parent ul li a,
#leftCol ul li ul li ul a {
	width: 152px;
	background: url(../images/template/arrowLeftCol.png) 13px 0 no-repeat;
	color: #4e7dbe;
}
#leftCol ul li.current ul a  {background: url(../images/template/arrowLeftCol.png) 3px 0 no-repeat;color: #12304D;}
#leftCol ul li ul li ul a:hover {
	background: url(../images/template/arrowLeftCol.png) 13px 0 no-repeat;
	color: #12304D;
}

.leftLogos {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.leftLogos a {
	margin-top: 20px;
	float: left;
	clear: both;
}


/* footer */

#footer {
	width: 100%;
	clear: both;	
	padding-bottom:25px;
	margin-bottom: 25px;
	margin-top: 60px;
	position: relative;
	overflow: visible;
}

#footer ul {	
	clear: both;
	float: left;
	text-align: center;
	margin: 17px auto 0 auto;
	float: none;
	color: #666;
}

#footer ul.horizList
{
	width: 390px;
}
#footer ul.footerSignOff
{
	margin: 13px auto 20px auto;
	padding:0;
	width: 580px;
}

#footer ul li {
	margin-right: 10px;
}

#footer ul li a {
	color: #666;
	font-size:11px;
}

#footer p {
	clear: both;
	margin: 0 auto 0 auto;
	padding-top: 13px;
	width: 300px;
	text-align: center;
	font-size: 11px;
}



/* logo */

#logo {
	margin: 45px 0 0 20px;
	float: left;
}

#logo span {
	visibility: hidden;
}

#logo a {
	text-decoration: none;
	background: url(../images/template/siteLogo.gif) 0 0 no-repeat;
	width: 195px;
	height: 42px;
	display: block;
}

/* boxes */

div.boxRightContainer {
	float: left;
	width: 231px;
}

div.boxRight 
{
	background: url(../images/template/bkgRightBoxMiddle.png) 0 0 repeat-y;
	position: relative;
	width: 231px;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.boxRight h2
{
	margin-left:16px;
}

div.boxRight #signin
{
	width:100%;
}

div.boxRight #signin hr
{
	margin:5px 19px 10px 16px;
	color:#b3b3b3;
}

div.boxRight .registerlink
{
	float:right;
	margin-right:16px;
	display:block;
}


div.boxRight .signIn
{
	float:right;
	margin-right:16px;
	display:block;
}


div.boxRight p {
	margin-left: 16px;
display: inline;
	width: 200px;
	float: left;
}

div.boxRightContainer span.boxRightTop {
	background: url(../images/template/bkgRightBoxTop.png) 0 0 no-repeat;
	width: 231px;
	height: 6px;
	display: inline;
	float: left;
	font-size: .01em;
}

div.boxRightContainer span.boxRightBottom {
	background: url(../images/template/bkgRightBoxBtm.png) 0 0 no-repeat;
	width: 231px;
	height: 8px;
	display: block;
	float: left;
}

.emailNewsletter {
	background: url(../images/icons/iconEnvelope.jpg) 159px 6px no-repeat;
}

.emailNewsletter form {
	margin-left: 16px;
}

.emailNewsletter label {
	font-size: 1.1em;
	color: #666;
}

	 /* maincol boxes (now in footer) */

div#boxMain {
	width: 540px;
	float: none;
	clear: both;
	margin: 0 auto 0 auto;	
}
	
div.boxMainContainer {
	float: left;
	width: 260px;
	margin-right: 10px;
	display: block;
}

div.boxMain {
	background: url(../images/template/bkgBoxMainMiddle.gif) 0 0 repeat-y;
	width: 240px;
	float: left;	
	padding:0 10px 0 10px;
}

#register.boxMain
{
	position:relative;
	height:120px;
}

#signin.boxMain
{
	height:120px;
}

#register.boxMain a.registerlink
{
	position:absolute;
	right:10px;
	bottom:10px;
}

#register.boxMain  h2 {	
	padding-bottom:5px;
}

div.boxMain img {
	float: left;
	margin: 0 10px 0 12px;
	display: inline;
}

#footer div.boxMain h2 {	
	margin-top: 6px;
	font-weight: 700;
	font-size: 1.2em;	
	margin-left: 0;
}

#footer div.boxMain p 		
{
	clear:none;
	width:120px;
	margin: 0;
	float:left;
	padding: 0 10px 10px 0;
	text-align: left;	
	font-size:1.1em;
}

#footer div.boxMain p.moreLink {
	float: right;
	text-align: right;
	margin-right: 30px;
	margin-bottom: 10px;
}

div.boxMain a {
	color: #004A76;
	float:right;
}

div#boxRight.boxMain a {
	color: #004A76;
	float:none;
}

div#boxRight.boxMain a.podimg
{
	float:left;
}

div.boxMainContainer span.boxMainTop {
	background: url(../images/template/bkgBoxMainTop.gif) 0 0 no-repeat;
	width: 260px;
	height: 9px;
	display: block;
	float: left;
	font-size: .01em;
}

div.boxMainContainer span.boxMainBottom {
	background: url(../images/template/bkgBoxMainBtm.gif) 0 0 no-repeat;
	width: 260px;
	height: 11px;
	display: block;
	float: left;
}

/* headerTools */

#headerTools {
	float: right;
	margin: 20px 20px 0 0;
	width: 218px;
	overflow: visible;
}

#headerTools form#search {
	clear: both;
	width: 228px;
}

#headerTools form#search input.searchBox {
	clear: both;
	width: 202px;
	_width: 191px;
	height: 23px;
	padding-top: 0px;
	background: url(../images/template/bkgSearch.png) 0 0 no-repeat;
	border: 0;
	margin: 0;
	float: left;
	color: #12304D;
	font-size: 1.4em;
	text-indent: 8px;
	padding-left: 0px;
}

#headerTools form#search input.searchButton {
	width: 16px;
	height: 25px;
	float: left;
	background: url(../images/buttons/btnSearch.png) 0 0 no-repeat;
	border: none;
}



#headerTools a:hover {
	text-decoration: none;
}

.signout, .signIn 
{
	float:right;
	margin: 0 8px 11px 0;
	display: inline;
}

#langSelect {
	position: relative;
	overflow: visible;
}

/* this needs to toggle visibility hidden or position top -1000px/21px or something */
#langSelect ul {
	position: absolute;
	top: 21px;
	left: 80px;
}

#langSelect ul li a span,
#langSelect div#current a span {
	visibility: hidden;
	}

#langSelect ul li a,
#langSelect div#current a {
	float: left; 
	display: block; 
	width: 138px; 
	height: 22px;
	}

#langSelect ul li.englishInt a {background: url(../images/buttons/langEnglishInt.png) 0 0 no-repeat;}
#langSelect ul li.englishInt a:hover,
#langSelect div#current.englishInt a {background: url(../images/buttons/langEnglishInt2.png) 0 0 no-repeat;}

#langSelect ul li.englishGB a {background: url(../images/buttons/langEnglishGB.png) 0 0 no-repeat;}
#langSelect ul li.englishGB a:hover,
#langSelect div#current.englishGB a {background: url(../images/buttons/langEnglishGB2.png) 0 0 no-repeat;}

#langSelect ul li.french a {background: url(../images/buttons/langFrench.png) 0 0 no-repeat;}
#langSelect ul li.french a:hover,
#langSelect div#current.french a {background: url(../images/buttons/langFrench2.png) 0 0 no-repeat;}

#langSelect ul li.spanish a {background: url(../images/buttons/langSpanish.png) 0 0 no-repeat;}
#langSelect ul li.spanish a:hover,
#langSelect div#current.spanish a {background: url(../images/buttons/langSpanish2.png) 0 0 no-repeat;}

#langSelect ul li.german a {background: url(../images/buttons/langGerman.png) 0 0 no-repeat;}
#langSelect ul li.german a:hover,
#langSelect div#current.german a {background: url(../images/buttons/langGerman2.png) 0 0 no-repeat;}

#langSelect ul li.italian a {background: url(../images/buttons/langItalian.png) 0 0 no-repeat; height: 23px;}
#langSelect ul li.italian a:hover,
#langSelect div#current.italian a {background: url(../images/buttons/langItalian2.png) 0 0 no-repeat;}

/* pageTools */

#pageTools {
	float: right;
}

#pageTools ul li a span {
	visibility: hidden;
}

#pageTools ul li a:hover {
	text-decoration: none;
}

#pageTools ul li.email a {
	width: 15px;
	height: 16px;
	display: inline-block;
	float: left;
	background: url(../images/icons/iconEmail.gif) 0 0 no-repeat;
	margin-right: 9px;
}

#pageTools ul li.email a:hover {background: url(../images/icons/iconEmail2.gif) 0 0 no-repeat;}

#pageTools ul li.print a {
	width: 12px;
	height: 16px;
	display: block;
	float: left;
	background: url(../images/icons/iconPrint.gif) 0 0 no-repeat;	
}

#pageTools ul li.print a:hover {background: url(../images/icons/iconPrint2.gif) 0 0 no-repeat;}

/* content */

.leftImage {
	float: left;
	margin: 0 10px 10px -10px;
	clear: both;
}

.leftUnit {
	float: left;
	margin: 0 10px 10px -10px;
	width: 267px;
}




/* sitemap */

ul.sitemapLeft {
	font-size: 1.1em;
	margin-left: 5px;
	float: left;
	width: 250px;
}

ul.sitemapLeft li {
	padding-top: 15px;
}

ul.sitemapLeft li a {
	color: #004A76;
}

ul.sitemapLeft li ul li a {
	color: #0078BB;
}

ul.sitemapLeft li ul li {
	margin-left: 10px;
	padding-top: 0;
}




.topLeft {background: url(../images/template/shadowTopLeft.png) left top no-repeat;  float: left; z-index: 1;}
.topRight {background: url(../images/template/shadowTopRight.png) right top no-repeat; padding-top: 5px; float: left; z-index: 2;}
.bottomLeft {background: url(../images/template/shadowBottomLeft.png) left bottom no-repeat; padding-left: 5px; float: left; z-index: 3;}
.bottomRight {background: url(../images/template/shadowBottomLeft2.png) left bottom no-repeat; padding-bottom: 12px; float: left; z-index: 4;}

.bottomRightCnr {background: url(../images/template/shadowBottomRightCnr.png) right bottom no-repeat; z-index: 100; float: left; padding-right: 11px;}

.bottomRight img {float: left; border: 8px solid #fff;}


/* forms */


.boxMain #btnReg
{
	float:right;
}

.boxMain a.forgotten
{
	font-size:0.8em;
}

div.frmRow {
	clear: both;
	margin-bottom: 0;
	width: 300px;
}

.boxMain div.frmRow
{
	margin-bottom:0px;
}

div.fieldBkg {
	background: url(../images/template/bkgField.png) 0 20px no-repeat;
}

.boxMain div.fieldBkg {
	background: url(../images/template/bkgField.png) 90px -1px no-repeat;
}

.field, .smallField {
	width: 130px;
	font: 1.2em "Arial";
	height: 16px;
	float: left;
	padding-top: 4px;
	margin-bottom: 10px;
	border: none;
	background: none!important;
	}
	
.smallField {
	width: 85px;
	}
	
#form label {
	display: block;
	font-size: 1.3em;
	text-align: left;
	margin-right: 5px;
	padding-top: 5px;
	color: #0078bb;
	}
	
#form .field
{
	margin-left:5px;
	width:240px;
} 	

#form #RememberMe
{
	margin-top:7px;
} 

#form #btnReg
{
	float:right;
}

.boxMain #form label.small 
{
	width: 90px;
	display: block;
	font-size: 1.1em;
	float: left;
	text-align: left;
	margin-right: 5px;
	padding-top: 5px;	
}

#form label.smallLink 
{
	width: 120px;
	display: block;
	font-size: 1.1em;
	float: left;
	text-align: left;
	margin-right: 5px;
	padding-top: 5px;	
}

#activeSuccess #form label.smallLink 
{
	width: 150px;
	display: block;
	font-size: 1.1em;
	float: left;
	text-align: left;
	margin-right: 5px;
	padding-top: 5px;	
}

.boxMain #form label.smallLink a
{
	float:none;
}

#form label.small {
	width: 200px;
	display: block;
	font-size: 1.1em;
	float: left;
	text-align: left;
	margin-right: 5px;
	padding-top: 5px;
	color: #666;
	}
	
#form .lblSignIn
{
	float:left;
}
	
#form select {
	font-size: 1.2em;
	float: left;
	width: 248px;
	margin-bottom: 8px;
	background: #fff!important;
	border-top: 1px solid #858586;
	border-left: 1px solid #c2c2c1;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #c1c1c0;
	}
	
#form .textarea {
	border: none;
	width: 253px;
	height: 89px;
	margin-top: 10px;
	font: 1.2em "Arial";
	float: none;
	background: url(../images/template/bkgTextarea.gif) 0 0 no-repeat;
}

#form input.checkbox {
	/*border: 1px solid #999;*/
	float: right;
	margin: 6px 52px 0 0;
	width: 14px;
}

.checkboxLabel {
	width: 200px!important;
	text-align: left!important;
	padding-top: 0!important;
}

span.blue {
	color: #0078bb;}
	

ul.bullets li {
	background: url(../images/icons/bulletGrey.gif) 0 4px no-repeat;
	padding-left: 7px;
}


.leftReg
{
	float:left;
	width:300px;
}

.rightReg
{
	float:left;
	width:230px;
}

.highlightBox
{
	margin-top:10px;
	border:1px solid #000000;
	padding:5px;
}

.highlightBox p
{
	color:#000000;
	font-weight:bold;
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
}

.highlightBox a
{
	text-decoration:underline;
}


#mainCol .highlightBox p a
{
	color:#000000;
}

p.blue
{
	color:#0979bc;
}

#introVideo
{
	position:absolute;
	top:0;
	left:0;
}

.validation-summary-errors
{
	border:1px solid #cc1b1b;
	margin-bottom:20px;
}

.validation-summary-errors ul
{
	padding:10px;
	margin-bottom:0;
}

.validation-summary-errors ul li
{
	padding-bottom:5px;
	color:#cc1b1b;
}

/** SLIDE SORTER AREA */

form.rating
{
    font-family: Arial;
    font-style: normal;
    font-size: 11px;
    white-space: nowrap;
} 

div.headline, form.rating
{
    display: block;
}
div.headline a
{
    font-family: Arial;
    font-style: normal;
    font-size: 13px;
    color: #0093D3;
}
p.teaser
{
    font-family: Arial;
    font-style: normal;
    font-size: 11px;
    color: #666666;
}
           
p.moreLink a
{
    font-family: Arial;
    font-style: normal;
    font-size: 12px;
    color: #004A76;
} 

 


/* boxes */

div.boxContentContainer {
	float: left;
	width: 125px;
}

div.boxContentRight 
{
	background: url(../images/template/bkgRightBoxMiddle.png) 0 0 repeat-y;
	position: relative;
	width: 125px;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.boxContentRight img
{
	padding-left:8px;
	padding-right:8px;
}

div.boxContentRight p {
	margin-left: 16px;
	display: inline;	
	float: left;
}

div.boxContentContainer span.boxContentTop {
	background: url(../images/template/bkgRightBoxTop.png) 0 0 no-repeat;
	width: 125px;
	height: 6px;
	display: inline;
	float: left;
	font-size: .01em;
}

div.boxContentContainer span.boxContentBottom {
	background: url(../images/template/bkgRightBoxBtm.png) 0 0 no-repeat;
	width: 125px;
	height: 8px;
	display: block;
	float: left;
}

#events h2
{
	margin-top:20px;
	margin-bottom:10px;
}

#datepicker_div
{
	background-color:#ffffff;
	padding:8px;
}