body {
    margin: 0;
    padding: 0;
    font: 13px 'Trebuchet MS', Lucida Sans Unicode, Arial, sans-serif;
    background: #CCC;
    text-align: center;
}


#wrapper {
	width:900px;
	margin: 0 auto;
	padding:5px;
	text-align:left;
	position:relative;
}

#header {
	background:url(../images/head_bg.jpg);
	width:900px;
	height:227px;
	margin:0;
	padding:0;

}

div#logo {
	position:absolute;
	width:320px;
	height:175px;
	left:35px;
	top:30px;
	cursor:pointer;
}



#content {
	position:relative;
	background:url(../images/content_bg.jpg) repeat-y;
	width:900px;
	margin:0;
	padding:20px;

}

/*===================================*/
/*This is here so I can place the bottom section of the header
/*===================================*/
#content_top{
	position:relative;
	bottom:20px;
	right:20px;
	background:url(../images/main_content_bg.jpg);
	width:900px;
	height:82px;
	padding:0;
}

/*===================================*/
/*This uses relative position to make it overlap the content_top section */
/*===================================*/
#main_content{
	position:relative;
	bottom:90px;
	left:30px;
	width:670px;
}


#footer {
	background:url(../images/foot_bg.jpg);
	width:862px;
	height:108px;
	margin-left:17px;
}

/*===================================*/
/*This section is for the styles on the search form */
/*===================================*/

#search {
	position:relative;
	width:220px;
	left:670px;
	top:110px;
}

#search #search_term {
	width:135px;
}


/*===================================*/
/*This section is for the cameo pics */
/*===================================*/
#cameo {
	position:absolute;
	left:734px;
	top:-93px;

}

/*===================================*/
/*This section is for cameo text below the cameo pics */
/*===================================*/
#cameo_txt{
	position:absolute;
	left:740px;
	width:135px;
	top:90px;
	font-family:Verdana;
	font-size: 8pt;
	color:#2D5421;
}

.cameo_name {
	font-weight:bold;
}
.cameo_head {
	color:#000;
	margin:-3px 0 3px 0;

}

#cameo_txt a:visited {
	color:#000;
}

#cameo_txt a:hover{
	color:#668F41;
}



/*===================================*/
/*This section is for the group photo position*/
/*===================================*/
#group {
	position:absolute;
	left:356px;
	top: 5px;
}

/*===================================*/
/*This section is for the Links next to the video player */
/*===================================*/
#links {
	position:absolute;
	left:455px;
	top: -10px;
	width:215px;
	font-size:9pt;
	padding: 0 10px 0 0; 
}

#links p {
	line-height:30px
}

#links p a {
	line-height:18px;
}

#links span a {
	line-height: 25px;
}

#bottom_links {
	position:absolute;
	left:455px; 
	top:180px; 
	width:215px;
	line-height:25px;
	padding-top:10px;
	border-top:1px solid #fff;
	font-size:9pt;
}

#bottom_links a {
	margin:0 2px 0 2px;
}

#links p {
	margin:5px;
}

a{color:#000;}

a:hover{color:#fff;}

a:visited{color:#668F41;}

/*===================================*/
/*This section is for the area map styles */
/*===================================*/
#group img {
	border:none;
	cursor:pointer;
}

/*===================================*/
/*This section is for the hidden images on the page*/
/*===================================*/
.group_hidden{
	display:none;
}




/*===================================*/
/*This section is for the Text in the upper right-hand cornder*/
/*===================================*/
#pickTxt {
	position:absolute;
	left:670px;
	top:30px;
	color:#363636;
	line-height:.6em;	
}

#pickTxt h3 {
	font-size:.9em;
}

#pickTxt p {
	font-size:.9em;
}

/*===================================*/
/*This section is for experiemtal iFrame for the video thumbnails */
/*It will control the positioning of the iframe in the main document and width*/
/*===================================*/
#main_video{
	position:relative;
	margin-bottom:30px;
}

#thumb_src {
	margin:30px 10px -100px 0; /*I need the large negative bottom margin because the iFrame produced a huge gap between its bottom border and the top of the footer*/
	border:1px solid #6A6C69;
	position:relative;
	height:115px;
	width:100%;
	overflow:auto;
	background:#fff;
}

/*===================================*/
/*********This div is the section where we will increase the width once we get more videos *******/
/*===================================*/
#thumb_content {
	overflow:auto;
	height:90px;
	/*width:3000px;*/
}

div#thumbs{
	padding:5px;
	
}

div#thumbs img {
	margin:0 0 0 5px;
	display:inline;
	padding:1px;

}

div#thumbs .thumb {
	border:1px solid #999999;
	cursor:pointer;
}

div#search_results {
	position:absolute;
	top: 561px;
	left:56px;
	z-index:1000;
	height:83px;
	color:#fff;
	text-align:center;
	overflow:hidden;
}

.noVideo {
	position:relative; 
	top:-50px;
	padding:0 10px 0 10px;
	font-weight:bold;
	color:#C4211D;
}

div#filler{
	float:left;
	height:50px;
}
/*===================================*/
/*This section will control contact information */
/*===================================*/
div#contact {
	position:relative;
	top:30px;
	left:220px;
	width:400px;
}

div#contact a:hover {
	color:#668F41;
}

/*===================================*/
/*This section will control the registration icon and form */
/*===================================*/

div#register {
	position:absolute;
	left:684px;
	top:285px;
	display:block;
	font-size:11px;
	width:195px;
	cursor:pointer;
}

div#register span{
	position:relative;
	left:10px;
}


div#register a:hover {
	color:#C1C1C1;
}


div#reg_form {
	color:#fff;
	position:absolute;
	background:#6A983E;
	padding:10px;
	left:684px;
	top:120px;
	width:230px;
	height:500px; /*This will change back to 375 for Browsers other than IE */
	border: 2px solid #fff;
}

div#reg_form h1 {
	font-size:1.2em;
	margin-bottom:-1px;
}

div#reg_form a:visited {
	color:#000;
}

div#reg_form a:hover {
	color:#fff;
}

div#reg_form .small_txt{
	margin-top:2px;
	font-size:.8em;
}

div#reg_form input {
	margin-bottom:5px;
}

div#reg_form select {
	margin-bottom:5px;
}

div#text_only_reg_form {
	color:#fff;
	position:absolute;
	background:#6A983E;
	padding:10px;
	left:640px;
	top: -152px;
	width:230px;
	height:500px; /*This will change back to 375 for Browsers other than IE */
	border: 2px solid #fff;
}

div#confirmation {
	position:absolute;
	text-align: center;
	top:150px ;
	left:-5px;
}

div#text_only_reg_form h1 {
	font-size:1.2em;
	margin-bottom:-1px;
}

div#text_only_reg_form .small_txt{
	margin-top:2px;
	font-size:.8em;
}

div#text_only_reg_form input {
	margin-bottom:5px;
}

div#text_only_reg_form select {
	margin-bottom:5px;
}

div#text_only_register {
	position:absolute;
	left:810px;
	top:-140px;
	display:block;
	font-size:11px;
	width:57px;
	z-index:1000;


}


.alert{
	font-size:.9em;
	color:#000;
	padding-left:15px;
	background:url(../images/error.gif) left top no-repeat;
}


.info {
	font-size: .9em;
	padding-left:20px; 
	background:url(../images/info.jpg) left top no-repeat;
}

div#tooltip {
	position:absolute;
	display:none;
	z-index:100; 
	background: #E6E6B8;
	width:200px; 
	border:1px solid #C0C09F;
}





/*===================================*/
/*This section will control the cool autocomplete function styles of the site */
/*===================================*/
.autocomplete {
	position:absolute;
	width:250px;
	background-color:#fff;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	z-index:1000;
	display:block;
}

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

div.autocomplete ul li{
	list-style-type:none;
	display:block;
	font-family: 'Trebuchet MS', Lucida Sans Unicode, Arial, sans-serif;
	font-size:90%;
	color:#444;
	margin:0;
	padding:.1em;
	height:1.5em;
	line-height:1.5em;
	cursor:pointer;
	border-bottom:1px solid #888;
}

div.autocomplete ul li.selected {
	background-color: #ff9;
}

/*===================================*/
/*This section will is for the text only version of the website  */
/*===================================*/

div.text_div {
	width:650px;
	padding:5px; 
	margin-bottom:25px; 
	border-bottom:1px solid #fff; 
}

div.text_div p {
	position:absolute;
	left:105px;
	margin:-95px 0 0 0;
	width:500px; 
}

div.text_div img {
	margin:0 10px 10px 0;
	padding:5px;
	border:1px solid #999999;
}

div.text_div ul {
	position:relative;
	font-size:9pt;
	margin:50px 0 0 0;
	padding:0;
}

div.text_div ul li {
	margin:0 0 5px 0; 
	padding:0;
	display:inline;
	list-style-type:none;
	line-height:25px;
}

div.text_div ul li a {
	margin: 0 5px 0 5px; 

}

/*===================================*/
/*This section will is for the Question and Comments Section  */
/*===================================*/
#qc {
	margin:0 0 10px 0;
}

h1 {
	font-size: 1.1em;
}

#home {
	font-size: 1.2em;
}