/* ------------------------------------------------
Basic Style Sheet for Eaton Hall Exhibitions

version:    1.00 (06-12-2009)
author:     J.Trail
website:    http://www.eatonhall.com/
------------------------------------------------- */

HTML {
	margin: 0px;
	padding: 0px;
	color:  #434343;
	font-size:0.75em;
	font-family: Arial, Helvetica, sans-serif;
	
}

/* type selectors */
BODY {
	margin: 0px;
	padding: 0px;
	background-image: url(../img/body-background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:100%;
	font-size:16px;
}

H1 {
    font-size:1.25em;
    color: #004271;
	font-weight: bold;
	margin:0px;
	padding:0px;
}

H2 {
    font-size:1.0em;
    color: #2e2e2e;
	font-weight: bold;
}

H3 {
	font-size:0.875em;
	line-height: 14px;
	color: #004271;
	font-weight: bold;
}
A:link, A:visited {
	color: #1953a5;
	font-size:0.875em;
	text-decoration: underline;
	font-weight: bold;
}
A:hover, A:active {	
    color: #1953a5;
	font-size:0.875em;
	text-decoration: underline;
	font-weight: bold;
}
P {
	font-size:0.875em;
}

.clear {
	clear:both;
}
.font14px {
	font-size:0.875em;
}
.alert {
	color:#FF0000;
}
.green {
	color:#00CC00;
}
.obscure {
	display:none;
}

.pageWrap {
	width:1000px;
	margin:0 auto;
	border: 1px solid #666666;
	margin-top:15px;
}

.branding {
	background-color:#1953a5;
	width:1000px;
	height:64px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
}
.brandingLeftCol {
	float:left;
	width:300px;
	padding-left:25px;
	padding-top:18px;
}
.brandingRightCol {
	float:right;
	width:650px;
	padding-right:10px;
	padding-top:21px;
}
.mastHead {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
}
.primaryNavBar {
	background-color:#1953a5;
	width:1000px;
	height:45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
	position:relative;
}

.navDivider {
	float:left;
	width:1px;
	height:25px;
	background-color:#5e87c0;
	display:block;
	margin-top:10px;
}

/* home nav */
A.homePage:link, A.homePage:visited {
	float:left;
	width:88px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-home.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
A.homePage:hover, A.homePage:active {	
	float:left;
	width:88px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-home-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

A.homePageOn:hover, A.homePageOn:active, A.homePageOn:link, A.homePageOn:visited {	
	float:left;
	width:113px;
	height:45px;
	background-image: url(../img/nav-about-eaton-hall-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* about us nav */
A.aboutUs:link, A.aboutUs:visited {
	float:left;
	width:113px;
	height:45px;
	background-image: url(../img/nav-about-eaton-hall.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
A.aboutUs:hover, A.aboutUs:active {	
	float:left;
	width:113px;
	height:45px;
	background-image: url(../img/nav-about-eaton-hall-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

A.aboutUsOn:hover, A.aboutUsOn:active, A.aboutUsOn:link, A.aboutUsOn:visited {	
	float:left;
	width:113px;
	height:45px;
	background-image: url(../img/nav-about-eaton-hall-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* unique format nav */
A.uniqueFormat:link, A.uniqueFormat:visited {
	float:left;
	width:186px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-unique-format.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
A.uniqueFormat:hover, A.uniqueFormat:active {	
	float:left;
	width:186px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-unique-format-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

A.uniqueFormatOn:hover, A.uniqueFormatOn:active, A.uniqueFormatOn:link, A.uniqueFormatOn:visited {	
	float:left;
	width:186px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-unique-format-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* our events nav */
A.ourEvents:link, A.ourEvents:visited {
	float:left;
	width:124px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-events.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
A.ourEvents:hover, A.ourEvents:active {	
	float:left;
	width:124px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-events-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

A.ourEventsOn:hover, A.ourEventsOn:active, A.ourEventsOn:link, A.ourEventsOn:visited {	
	float:left;
	width:124px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-events-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* out team nav */
A.ourTeam:link, A.ourTeam:visited {
	float:left;
	width:114px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-team.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
A.ourTeam:hover, A.ourTeam:active {	
	float:left;
	width:114px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-team-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

A.ourTeamOn:hover, A.ourTeamOn:active, A.ourTeamOn:link, A.ourTeamOn:visited {	
	float:left;
	width:114px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-team-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* news nav */
A.ourNews:link, A.ourNews:visited {
	float:left;
	width:79px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-news.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
A.ourNews:hover, A.ourNews:active {	
	float:left;
	width:79px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-news-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

A.ourNewsOn:hover, A.ourNewsOn:active, A.ourNewsOn:link, A.ourNewsOn:visited {	
	float:left;
	width:79px;
	height:45px;
	background-image: url(../img/nav-eaton-hall-news-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* contact us nav */
A.contactUs:link, A.contactUs:visited {
	float:left;
	width:126px;
	height:45px;
	background-image: url(../img/nav-contact-eaton-hall.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
A.contactUs:hover, A.contactUs:active {	
	float:left;
	width:126px;
	height:45px;
	background-image: url(../img/nav-contact-eaton-hall-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

A.contactUsOn:hover, A.contactUsOn:active, A.contactUsOn:link, A.contactUsOn:visited {	
	float:left;
	width:126px;
	height:45px;
	background-image: url(../img/nav-contact-eaton-hall-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



.eatonLogo {
	width:125px;
	height:136px;
	background-image: url(../img/eaton-hall-exhibitions-logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	top:-100px;
	left:840px;
}

/* large touts - home page */
.toutArea {
	background-image: url(../img/bkg-tout-area.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color:#ffffff;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

.toutOne {
	float:left;
	width:302px;
	height:242px;
	background-image: url(../img/bkg-tout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:165px;
	margin-right:25px;
	text-align:center;
	padding-top:25px;
	cursor:pointer;
}
.toutTextOne {
	font-size:1.0em;
	color:#444444;
	padding-top:17px;
	padding-bottom:15px;
}

.toutTwo {
	float:left;
	width:302px;
	height:212px;
	background-image: url(../img/bkg-tout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:25px;
	padding-top:55px;
	text-align:center;
	cursor:pointer;
}
.toutTextTwo {
	font-size:1.0em;
	color:#444444;
	padding-top:37px;
	padding-bottom:15px;
}

.toutThree {
	float:left;
	width:302px;
	height:260px;
	background-image: url(../img/bkg-tout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
	margin-left:165px;
	margin-right:25px;
	padding-top:7px;
	cursor:pointer;
}
.toutTextThree {
	font-size:1.0em;
	color:#444444;
	padding-top:5px;
	padding-bottom:15px;
}

.toutFour {
	float:left;
	width:302px;
	height:262px;
	background-image: url(../img/bkg-tout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:25px;
	padding-top:5px;
	text-align:center;
	cursor:pointer;
}
.toutTextFour {
	font-size:1.0em;
	color:#444444;
	padding-top:37px;
	padding-bottom:15px;
}


.toutFive {
	float:left;
	width:302px;
	height:262px;
	background-image: url(../img/bkg-tout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:5px;
	text-align:center;
	cursor:pointer;
}
.toutTextFive {
	font-size:1.0em;
	color:#444444;
	padding-top:37px;
	padding-bottom:15px;
}






A.toutLink:link, A.toutLink:visited {
	color: #1953a5;
	font-size:1.125em;
	text-decoration: none;
	font-weight:normal;
}
A.toutLink:hover, A.toutLink:active {	
    color: #1953a5;
	font-size:1.125em;
	text-decoration: none;
	font-weight:normal;
}

/* small touts */
.toutAreaSm {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
}

.toutOneSm {
	float:left;
	width:253px;
	height:185px;
	background-image: url(../img/bkg-tout-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:140px;
	margin-right:25px;
	text-align:center;
	padding-top:8px;
	cursor:pointer;
}
.toutTextOneSm {
	font-size:0.75em;
	color:#444444;
	padding-top:17px;
	padding-bottom:5px;
}

.toutTwoSm {
	float:left;
	width:253px;
	height:185px;
	background-image: url(../img/bkg-tout-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:25px;
	padding-top:25px;
	text-align:center;
	cursor:pointer;
}
.toutTextTwoSm {
	font-size:0.75em;
	color:#444444;
	padding-top:22px;
	padding-bottom:5px;
}

.toutThreeSm {
	float:left;
	width:253px;
	height:185px;
	background-image: url(../img/bkg-tout-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
	margin-left:140px;
	margin-right:25px;
	padding-top:25px;
	cursor:pointer;
}
.toutTextThreeSm {
	font-size:0.75em;
	color:#444444;
	padding-top:5px;
	padding-bottom:5px;
}

.toutFourSm {
	float:left;
	width:253px;
	height:185px;
	background-image: url(../img/bkg-tout-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:25px;
	padding-top:25px;
	text-align:center;
	cursor:pointer;
}
.toutTextFourSm {
	font-size:0.75em;
	color:#444444;
	padding-top:22px;
	padding-bottom:5px;
}

.toutFiveSm {
	float:left;
	width:253px;
	height:185px;
	background-image: url(../img/bkg-tout-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:25px;
	text-align:center;
	cursor:pointer;
}
.toutTextFiveSm {
	font-size:0.75em;
	color:#444444;
	padding-top:22px;
	padding-bottom:5px;
}





A.toutLinkSm:link, A.toutLinkSm:visited {
	color: #1953a5;
	font-size:0.875em;
	text-decoration: none;
	font-weight:normal;
}
A.toutLinkSm:hover, A.toutLinkSm:active {	
    color: #1953a5;
	font-size:0.875em;
	text-decoration: none;
	font-weight:normal;
}

.contentArea {
	background-image: url(../img/bkg-tout-area.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color:#ffffff;
	padding-top:40px;
	padding-bottom:50px;
	padding-left:70px;
	padding-right:70px;
}
.contentAreaThreshold {
	float:left;	
	width:1px;
	height:350px;
}
.contentAreaCol1 {
	float:left;
	width:850px;
}
.contentAreaCol2 {
	float:left;
	width:300px;
}

.footer {
	height:31px;
	background-image: url(../img/bkg-footer.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align:center;
	font-size:0.875em;
	color:#FFFFFF;
	padding-top:18px;
}
.contactInfo {
	float:left;
	width:250px;
	padding-left:40px;
	font-size:12px;
	
}

#formWrap {
	float:left;
	margin:0 auto;
	width:460px;
	padding:20px;
	border: 1px solid #CCCCCC;
	margin-left:50px
}
.formField {
	width:200px;
}
.formRow {
	float:left;
	margin-bottom:5px;
}
.formRowCheckbox {
	margin:0;
	padding:0;
	padding-left:70px;
}
.formRowSubmit {
	margin:0;
	padding:0;
}
.formCell1 {
	float:left;
	width:130px;
	text-align:right;
	padding-right:15px;
	padding-top:3px;
}
.formCell2 {
	float:left;
	width:300px;
}

.youtTube {
	float:right;
	padding-top:10px;
	margin-bottom:-5px;
}