/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
:focus {
outline : 0;
}
a {
color : #0088cc;
text-decoration : underline;
}
img {
border-style : none;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
body {
background:  #c6c5ae url(images/vert-background-2.gif) top center repeat-y;
color : #000;
font-family :  Arial, Trebuchet MS, sans-serif;
font-size : 13px;
line-height : 1.4em;
}
#headerWrapper {
width: 100%;
background:   url(images/background-8.gif) top left repeat-x;
height: 348px;
}
#wrapper {
width: 930px;
position: relative;
margin: 0 auto;
}
#header {
width : 930px;
height: 76px;
}
.logo {
position: absolute;
top: 20px;
left: 15px;
}

ul#menu {
	list-style: none;
	position: absolute;
	top: 30px;
	right: 15px;
	}
	ul#menu li {
		display: inline;
	}
	ul#menu li a  {
		text-indent: -9999px;
		display: block;
		height: 27px;
		float: left;
		}
	
		ul#menu li a.invitation {
			background:  url(images/invitation.png) no-repeat bottom center;
			width: 94px;			
			}
			
			
		ul#menu li a.weekend {
			background:  url(images/weekend.png) no-repeat bottom center;
			width: 94px;
			
		}
		
		
	 ul#menu li a.team {
			background:  url(images/team.png) no-repeat bottom center;
			width: 94px;			
			}
			
				
			
		ul#menu li a.registration {
			background:  url(images/registration.png) no-repeat bottom center;
			width: 94px;
			
		}
		ul#menu li a.faq {
			background:  url(images/faq.png) no-repeat bottom center;
			width: 94px;
			}
			ul#menu li a.invitation:hover, ul#menu li a.invitation:active,
			ul#menu li a.weekend:hover, ul#menu li a.weekend:active,
			ul#menu li a.team:hover, ul#menu li a.team:active,
			ul#menu li a.registration:hover, ul#menu li a.registration:active,
			ul#menu li a.faq:hover, ul#menu li a.faq:active{ 
				background-position: center center;
			}
			
			body#invitation ul#menu li a.invitation,
		    body#weekend ul#menu li a.weekend,
		    body#team ul#menu li a.team,
		    body#registration ul#menu li a.registration,
		    body#faq ul#menu li a.faq {
			background-position: center center;
		}				
	
	
#imageContainer {
width: 923px;
height: 289px;
margin: 0 auto;
}
#mainWrapper {
margin: 0 auto;
position: relative;
padding: 0px 10px 10px 40px;
width: 930px;
}
#mainContent {
width: 895px;
float: left;
}
#mainContent p {
font-family : Arial, Trebuchet MS, sans-serif;
font-size : 13px;
line-height : 1.4em;
margin-bottom: 10px;
}
#mainContent h1 {
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
color: #55523A;
}
#mainContent h2 {
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
margin: 20px 0 10px 0;
color: #55523A;
}
#leftCol {
float : left;
width : 700px;
padding : 15px 15px 0 20px;
border-top : 1px dotted #b0b09f;
margin : 15px 10px 15px 10px;
}
#leftCol p {
font-family : Arial, Trebuchet MS, sans-serif;
font-size : 14px;
line-height : 1.5em;
}
#leftCol h1 {
font-family : georgia, times new roman, serif;
font-size : 18px;
color : #000;
margin-bottom : 10px;
}
#wideCol {
float : left;
width : 900px;
padding : 15px 15px 0 20px;
border-top : 1px dotted #b0b09f;
margin : 15px 10px 15px 10px;
}
#wideCol p {
font-family : Arial, Trebuchet MS, sans-serif;
font-size : 14px;
line-height : 1.5em;
}
#wideCol h1 {
font-family : georgia, times new roman, serif;
font-size : 18px;
color : #000;
margin-bottom : 10px;
}
#wideCol h2 {
font-family : georgia;
font-size : 14px;
font-weight : bold;
color : #B59651;
margin : 15px 0 5px 0;
clear : both;
}
#rightCol {
float : right;
width : 160px;
padding : 15px 15px 10px 15px;
border-top : 1px dotted #b0b09f;
margin : 15px 10px 15px 0;
}
#rightCol p {
font-family : Arial, Trebuchet MS, sans-serif;
font-size : 10px;
line-height : 1.5em;
}
#rightCol h1 {
font-family : georgia, times new roman, serif;
font-size : 15px;
font-weight : bold;
color : #000;
margin-bottom : 10px;
}
#leftCol h2 {
font-family : georgia;
font-size : 14px;
font-weight : bold;
color : #B59651;
margin : 15px 0 5px 0;
clear : both;
}
#footer {
clear : both;
width : 900px;
height : 65px;
border-top: 1px dotted #ccc;
margin-top: 10px;
float: left;
}
#footer a{
text-decoration : none;
color : #000;
}
#footer a:hover{
text-decoration : underline;
color : #000;
}
.footerContent {
padding : 12px 0 0 0;
}
.footerContent p {
font-family : Arial, Trebuchet MS, sans-serif;
font-size : 11px;
line-height : 1.0em;
margin-bottom: 5px;
}
#footerContent a {
text-decoration : none;
color : #000;
}
#footerContent a:hover {
text-decoration : underline;
color : #000;
}
#footerLogo {
position : absolute;
right : 15px;
bottom : 0;
}
img.display {
float : right;
margin : 10px 0 10px 10px;
}
img.display2 {
float : right;
margin : 5px 0 10px 15px;
}
#imageView {
text-align : center;
width : 140px;
padding-left : 5px;
}
#imageView {
font-family : Arial, Trebuchet MS, sans-serif;
font-size : 10px;
line-height : 1.5em;
}
#leftView {
float : left;
width : 60px;
margin-right : 10px;
margin-bottom : 10px;
}
#rightView {
float : right;
width : 60px;
margin-bottom : 10px;
}
.highlightit img {
border : 5px solid #fff;
}
.highlightit:hover img {
border : 5px solid #e0e0d1;
}

.blockquote {
margin: 15px auto;
padding: 15px;
background: #fff;
border-top: 2px dotted #ccc;
border-bottom: 2px dotted #ccc;
width: 700px;
text-align: center;
font-style: italic;
font-family: Georgia;
font-size: 13px;
}

.shortQuote {
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
float: right;
margin: 10px 0 10px 10px;
width: 160px;
font-style: italic;
font-family: Georgia;
font-size: 13px;
}

ol#faq {
list-style-position: outside;
font-family : Arial, Trebuchet MS, sans-serif;
font-size : 13px;
line-height : 1.4em;
list-style-type: decimal;
margin-left: 25px;
}
ol#faq li {
margin-bottom: 10px;
}
.highlight{
background: #fff;
}
.accordionmenu{
width: 895px; /*width of menu*/
}

.accordionmenu .headerbar{
font: bold 13px Arial;
color: black;
background: #cacab5;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
padding: 10px 0 10px 10px; /*31px is left indentation of header text*/
border-left: 5px solid #55523A;
border-right: 1px solid #55523A;
}

.accordionmenu .headerbar a{
text-decoration: none;
color: black;
display: block;
}

.accordionmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.accordionmenu ul li{
padding: 8px 0px 8px 10px;
}

.accordionmenu ul li a{
font: normal 13px Arial;
color: black;
background: #D9D8BF;
display: block;
padding: 5px 0;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.accordionmenu ul li a:visited{
color: black;
}

.accordionmenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

#instructions {
text-align: center;
font: Arial, Trebuchet MS, sans-serif;
font-size: 9px;
margin-bottom: 10px;
}

#topYTVids {
float: left;
display: inline;
width: 890px;
margin-bottom: 20px;
}

.leftYTVid {
float: left;
margin-right:35px;
width: 425px;
}

.rightYTVid {
float: left;
width: 425px;
}

#botYTVid {
width: 890px;
text-align: center;
}