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

* {
margin:0;
padding:0;
}

body {
text-align:center;
background:#dcdcdc url(images/background_top.jpg) top center no-repeat;
}

h1, h2, h3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
font-size: 1.6em;
line-height:1.4em;
margin-bottom:10px;
text-align:left;
font-weight: normal;
color:#ADADAD;
}

h2 {
font-size: 1.2em;
line-height:1.4em;
font-weight: normal;
margin:10px 0;
color:#ADADAD;
}

h3 {
font-size:0.8em;
color:#333;
font-weight:bold;
text-transform:uppercase;
}

p, li {
 font: 0.85em/1.4em "Myriad Pro", Arial, Helvetica, sans-serif;
 font-weight:normal;
 padding-bottom:0.9em;
 color:#333;
}

p.intro {
font-size:1.4em;
}

p.small	 {
font-size:1.1em;
line-height:1.7em;
}

p.indent {
padding-left:40px;
}

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

/* PSEUDO CLASSES
================= */

a:link, a:visited {
color:#CC0000;
text-decoration:none;
}

a:hover, a:active {
color:#0064B4;
text-decoration:none;
border-bottom:1px solid #CC0000;
}


/* ID SELECTORS
======================================*/

#container {
margin:0 auto;
padding:0;
}

* html #container {
height:1%;
}

#wrapper {
width:855px;
margin:0 auto;
background-color:#FFFFFF;
text-align:left;
}

#header {
width:100%;
height:146px;
}

#logoholder {
width:442px;
padding:31px 0 0 8px;
}

#maincontent {
width:100%;
margin-bottom:20px;
}

#phonezone {
width:472px;
display:inline;
float:right;
margin:0 22px 22px 0;
background:url(images/phonebase.png) 0px 0px repeat-y;
}

#phonezonetop {
width:100%;
position:relative;
height:102px;
background:url(images/phonebase_top.png) -1px 0px no-repeat;
}

#phonezonevideo {
width:100%;
text-align:center;
background:transparent;
}

#phonezonebtm {
width:100%;
height:102px;
background:url(images/phonebase_bottom.png) -1px 0px no-repeat;
}

/* HOME PAGE MAIN BUTTONS
========================== */

.phonebutton_search {
display:block;
width:100%;
text-align:center;
border:none;
margin-top:12px;
height:72px;
background:url(images/startbtn_search.png) bottom center no-repeat;
}

.phonebutton_search a:link, .phonebutton_search a:visited {
display:block;
width:100%;
text-align:center;
border:none;
height:72px;
background:url(images/startbtn_search.png) top center no-repeat;
}

.phonebutton_search a:hover, .phonebutton_search .selected a {
background-position:bottom center;
}

.phonebutton_upload {
display:block;
width:100%;
text-align:center;
border:none;
margin-top:12px;
height:72px;
background:url(images/startbtn_upload.png) bottom center no-repeat;
}

.phonebutton_upload a:link, .phonebutton_upload a:visited {
display:block;
width:100%;
text-align:center;
border:none;
height:72px;
background:url(images/startbtn_upload.png) top center no-repeat;
}

.phonebutton_upload a:hover, .phonebutton_upload .selected a {
background-position:bottom center;
}

.phonebutton_join {
display:block;
width:100%;
text-align:center;
border:none;
margin-top:12px;
height:72px;
background:url(images/startbtn_join.png) bottom center no-repeat;
}

.phonebutton_join a:link, .phonebutton_join a:visited {
display:block;
width:100%;
text-align:center;
border:none;
height:72px;
background:url(images/startbtn_join.png) top center no-repeat;
}

.phonebutton_join a:hover, .phonebutton_join .selected a {
background-position:bottom center;
}
/* ===== */

#sidebar {
width:345px;
float:left;
margin-top:30px;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar p,
#sidebar ul,
#sidebar ol {
padding-left:24px;
}

#sidebar h1,
#sidebar h2 {
background:url(images/head_divider.png) bottom left no-repeat;
}

#sidebar ul {
list-style:inside;
}

#sidebar ol li ol li {
margin:0;
font-size:0.9em;
padding:3px 0 3px 0;
}

#footer {
width:100%;
clear:both;
height:45px;
background-color:#dcdcdc;
}

#footer p {
font-size:10px;
color:#333;
text-align:left;
padding:8px;
}

/* NAVIGATION
============== */

#navbar {
margin:0 11px 0 0;
display:inline;
width:380px;
height:75px;
float:right;
background:url(images/nav_divider.jpg) top right no-repeat;
}

#navbar ul {
  padding:0;
  width: 100%;
  list-style: none;
}

#navbar ul li {
  float: right;
}

#navbar ul a {
	display: block;
	width: 75px;
	height:75px;
	font:14px/120px "Myriad Pro", Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-align:center;
	color: #0064B4;
	background:url(images/nav_divider.jpg) top left no-repeat;
}

#navbar a:hover, #navbar .selected a {
	color: #CC0000;
	text-decoration:none;
}

/* INSIDE SECTION DIVS AND BASES: SEARCH, UPLOAD, JOIN, GENERAL
================================================================ */

#searchbase, #uploadbase, #joinbase, #genbase {
width:472px;
text-align:center;
margin:12px 0 0 0;
}

#searchbase {
background:url(images/searchbase.png) top center repeat-y;
}
#uploadbase {
background:url(images/uploadbase.png) top center repeat-y;
}
#joinbase {
background:url(images/joinbase.png) top center repeat-y;
}
#genbase {
background:url(images/genericbase.png) top center repeat-y;
}

#search_top, #upload_top, #join_top, #gen_top {
width:100%;
height:19px;
}
#search_top {
background:url(images/searchbase_top.png) top center no-repeat;
}
#upload_top {
background:url(images/uploadbase_top.png) top center no-repeat;
}
#join_top {
background:url(images/joinbase_top.png) top center no-repeat;
}
#gen_top {
background:url(images/genericbase_top.png) top center no-repeat;
}

#search_bottom, #upload_bottom, #join_bottom, #gen_bottom {
width:100%;
height:19px;
}
#search_bottom {
background:url(images/searchbase_bottom.png) bottom center no-repeat;
}
#upload_bottom {
background:url(images/uploadbase_bottom.png) bottom center no-repeat;
}
#join_bottom {
background:url(images/joinbase_bottom.png) bottom center no-repeat;
}
#gen_bottom {
background:url(images/genericbase_bottom.png) bottom center no-repeat;
}

#searchbase p, #uploadbase p, #joinbase p, #genbase p {
text-align:left;
font-size:0.95em;
/*line-height:1.4em; */
padding-left:60px;
padding-right:60px;
color:#FFF;
}

#searchbase h3, #uploadbase h3, #joinbase h3, #genbase h3 {
text-align:left;
font-size:0.9em;
line-height:1.4em;
padding:6px 60px 10px 60px;
color:#FFFF00;
}

#genbase p, #genbase h3 {
color:#000 !important;
}

#genbase h2, #uploadbase h2 {
text-align:left;
padding:0px 60px 5px 60px;
color:#003366;
font-size:1.8em;
}

/* FORMS
========== */

form {
display:inline;
  width:472px;
  text-align:left;
}

/* fieldset styling
fieldset {
  margin:0px 0px 12px 0px;
  padding: 2em 1em;
 border : 1px solid #798FC4;
  background:#EBEBEB;
}*/

/* style for  labels */
label {
  display: block;
  font-family:Helvetica, Arial, sans-serif;
  padding-bottom:3px;
}

/* style for required labels */
label .required {
font-size: 10px;
color:#FF0000;
}

input {
width: 340px;
padding:5px;
margin-right:10px;
font-size:14px;
color: #666;
border:1px solid #F4F4F4;
background-color:#F4F4F4;
}

.uploadfield, input.file {
width:340px;
padding:5px;
font-size:14px;
color: #FFF;
border:none;
background-color:#1F966D !important;
}

input.radio {
  width: auto;
}

input.submit, input.reset {
background:transparent url(images/buttonback_form.png) no-repeat center top;
border:none;
display:inline;
font:bold 12px Helvetica, Arial,sans-serif;
line-height:19px;
height:27px;
width:75px;
color:#0064B4;
}

input.submitImage {
	border:none;
	background:transparent;
	width:115px;
	height:33px;
}

/* style form elements on focus */
input:focus, textarea:focus {
  border:1px solid #000;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
width: 340px;
padding:4px;
height: 140px;
font-size:14px;
color: #525252;
border: 1px solid #F4F4F4;
background-color:#F4F4F4;
}

/* YOUTUBE VIDEO INSERTS & OVERLAYS
==================================== */

#youtubelist{
margin:0px 20px 0px 20px;
padding:5px 5px 0px 5px;
list-style: none;
display: block;
}

#youtubelist a:hover {
border:none;
}

#youtubebox {
clear: right;
display: inline;
padding: 0;
margin: 3px;
}

#youtubethumb {
margin-bottom: 5px;
width: 80px;
height: 70px;
border: 4px solid #333;
}

#youtubecontent {
height: 342px;
width: 400px;
margin-left: -90px;
top: -125px;
position: absolute;
left:50%;
top:120px;
border:10px solid #333;
background-color:#333;
z-index:200;
font:bold 12px/15px Helvetica, Arial, sans-serif;
}

#youtubeoverlay {
background:transparent;
overflow: visible;
position: absolute;
height: 1px;
width: 100%;
top:124px;
}

/* IMAGES
========== */

a img {
	border:0px;
	text-decoration:none;
}

#logoholder a:hover {
	border-bottom:0px;
}

strong {
	font-weight: bold;
}