@charset "utf-8";
/* CSS Document */

body {
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	line-height:140%;
	background-color:#FF0000;
	color:#222;
}

ul{
margin:0;
padding:0;
list-style : none;
}

ul li{
display:inline;
margin-right:5px;
}

ul li a{

text-align : left;
	margin : 0;
	padding : 10px;
}

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

ul li a:visited {
	color:#FF8000;
	text-decoration : none;
}


/*:::::::::::::::::::::::::::::::   TOP   :::::::::::::::::::::::::: */

#styleSwap{  /* swap to mobile  */
float:right;
margin-top:-10px;
}

.styleSwap{
float:right;
border:0;
padding:0;
margin:2px;
background-color:#FF0000;
color:#FFFBF0;
font-size:9px;
cursor:pointer;
}



/* =================  outside of page  ==================== */

#prepage{
width:100%;
}

#prelim{  /* accessibility  for screen readers*/
float:left;
height:1px;
}

#prelim a, #prelim ul li a{
font-size:1px;
color:#ff0000;
text-decoration:none;
padding:0;
}

#prelim a:hover, #prelim ul li a:hover{
color:#ff0000;
text-decoration:none;
}

#preMast{
background-image:url(../images/mastheadBG3.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:150px;
	margin:0;
}

/* ==============================  inside of page ======================== */

#page {
	background-image:url(../images/background.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:1150px;
	margin:10px auto;
}

#pageInner{
width:900px;
clear:none;
margin:0 auto;
margin-top:-5px;
background-color:#fff;
padding:0 20px;
}


#masthead{     /* everything within 'page' above the headline  */
margin:0 auto;
}

.mainLogo{
float:left;
border:0;
margin-top:-100px;
margin-left:30px;
width:520px;
}

.slogan{
float:right;
}

.slogan p{
text-transform:uppercase;
font-size:10px;
color:#222;
line-height:100%;
float:right;
margin-right:210px;
margin-top:50px;
}

.sloganIMG{
float:right;
margin-top:-60px;
height:150px;
width:300px;
}

#handy{   /* container above the headline  */
float:right;
border-top:1px dotted #FF9F00;
border-bottom:1px dotted #FF9F00;
margin-bottom:10px;
width:200px;
}

#souvenirs{
float:right;
}

#souvenirs ul li a{
float:right;
font-size:10px;
color:#666;
margin:0;
text-decoration:none;
padding-left:5px;
}

#souvenirs ul li a:hover{
	color : #222;
	text-decoration : none;
	}


#mainNav{
clear:both;
margin:10px 0;
}

#mainNav ul{
list-style:none;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

#mainNav ul li{
display:inline;
}

#mainNav ul li a{
display:block;
float:right;
font-size:12px;
padding:5px 0;
width:99px;
text-align:center;
text-decoration:none;
background-color:#00BFFF;
color:#FFFFFF;
text-transform:uppercase;
margin-left:1px;
}

#mainNav ul li a:hover{
text-decoration : none;
background-color:#FF7F00;
color:#FFFFFF;
}


body.H #mainNav #nav1, body.H #mainNav #nav1 a,
body.N #mainNav #nav2, body.N #mainNav #nav2 a,
body.G #mainNav #nav3, body.G #mainNav #nav3 a,
body.Ac #mainNav #nav4, body.Ac #mainNav #nav4 a,
body.Ab #mainNav #nav5, body.Ab #mainNav #nav5 a,
body.C #mainNav #nav6, body.C #mainNav #nav6 a,
body.M #mainNav #nav7, body.M #mainNav #nav7 a{
background-color:#FFf;
color:#000;
}

/*::::::::::::::::::::::::::::::: MIDDLE :::::::::::::::::::::::::: */
#main{
clear:both;
margin-top:10px;
padding-bottom:10px;
background-color:#FFFFFF;
background-image:url(../images/PART8275.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}

#mainC{
margin-top:10px;
clear:both;
padding-bottom:10px;
background-color:#FFFFFF;
}

#topBoxSet{
clear:both;
background-color:#FFFFFF;
}

.topBox{
border:1px dotted #FFBF00;

}

#topBox1{
float:left;
background-image:url(../images/Broom!%20Broom!%20Bec1.jpg);
background-repeat:no-repeat;
background-position:top;
margin-right:10px;
width:290px;
}

#topBox2{
float:right;
background-image:url(../images/Broom!%20Broom!%20Hardy1.jpg);
background-repeat:no-repeat;
background-position:top;
margin-left:10px;
width:290px;
}

#topBox3{
clear:none;
margin-left:300px;
margin-right:300px;
background-image:url(../images/Two%20Dozen%20377.jpg);
background-repeat:no-repeat;
background-position:top;
}

.header{
background-color:#FF7F00;
color:#FFFFFF;
text-transform:uppercase;
font-style:italic;
font-weight:bolder;
font-size:12px;
padding:5px;
margin-top:170px;
}

.text{
padding:5px;
font-size:11px;
}

.headline{
}

.headline h1{
color:#444;
line-height:160%;
font-size:24px;
}


.headlineIMG{
}


#main .textBox, #mainC .textBox{
padding-bottom:30px;
clear:left;
width:690px;
}

.item{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #00BFFF;
}

.colSheet{
width:143px;
float:left;
border:none;
margin-right:10px;
}

.pullQuote{
clear:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
line-height:150%;
color:#666;
margin:30px;
}

.quotes{
float:left;
margin-top:-15px;
margin-right:35px;
}

.attribute{
font-size:12px;
text-transform:uppercase;
margin-bottom:30px;
}

.right{
float:right;
}

.rightIMG{
border:0;
width:200px;
float:right;
margin:0 0 20px 20px;
}

.rightIMGstrip{
border-right:4px solid #000;
border-left:4px solid #000;
border-top:2px solid #000;
border-bottom:2px solid #000;
width:200px;
float:right;
clear:right;
margin-left:20px;
}

.leftIMG{
border:0;
width:180px;
float:left;
margin:0 20px 20px 0;
}

.youTube{
float:left;
width:600px;
height:380px;
text-align:left;
}

#feedback{
font-family:Trebuchet, Arial, Helvetica, sans-serif;
float:left;
width:600px;
margin-bottom:20px;
}

.feedbackLabel{
float:left;
clear:both;
font-size:12px;
color:#444;
}

.feedbackName, .feedbackEmail, .feedbackText{
width:384px;
padding:5px;
margin-bottom:10px;
border: 2px solid #00bfff;
float:right;
}

.feedbackName{
}

.feedbackEmail{
}

.feedbackText{
}

.feedbackSend{
margin-left:200px;
width:400px;
margin-bottom:10px;
clear:right;
}

.feedbackName:focus, .feedbackEmail:focus, .feedbackText:focus, select:focus{
border: 2px solid #ff0000;
}

.feedbackName:focus{
}

.feedbackEmail:focus{
}

.feedbackButton{
margin-top:10px;
width:200px;
float:left;
}

/*::::::::::::::::::::::::::::::: BOTTOM :::::::::::::::::::::::::: */

#footer{
margin-top:20px;
}

#footer a{
color:#808080;
padding:0;
margin:0;
}

#footer .header{
}

#footer .text{
}


#botBoxSet{
clear:both;
background-color:#FFFFFF;
padding-bottom:10px;
}

.botBox{
border:1px dotted #808080;
}

#botBox1{
float:left;
margin-right:10px;
width:290px;
}

#botBox2{
float:right;
margin-left:10px;
width:290px;
}

#botBox3{
clear:none;
margin-left:300px;
margin-right:300px;
}

#botBoxSet .header{
background-color:#808080;
color:#FFFFFF;
text-transform:uppercase;
font-style:italic;
font-weight:bolder;
font-size:12px;
padding:5px;
margin:0;
}

#botBoxSet .text{
padding:5px;
font-size:11px;
height:40px;
}



#credits{
float:left;
margin-left:-10px;
}

#credits, #credits p, #credits a{
color:#FFBF55;
font-size:10px;
}
#credits a{
text-decoration:none;
}

#postpage{  /* tech stuff at bottom right */
float:right;
width:290px;
margin-right:-10px;
}

#postpage ul{
list-style:none;
}

#postpage ul li{
display:inline;
font-size:10px;
color:#FFBF55;
}

#postpage ul li a{
font-size:10px;
color:#FFFBF0;
float:right;
display:block;
}

#postpage ul li a:hover{
	color : #fff;
	text-decoration : none;
	}

.footIMG{
margin:0 auto;
margin-top:-40px;
clear:none;
}