/* CSS Document */
/*$Id: mainstyles.css,v 1.6 2011/10/18 13:54:08 fliptop Exp $*/

body {
  background-color:#000000; 
  left: 50%;
  margin: 0 0 0 0;
  position: absolute;
  top: 0px;
}

a {
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #686838;
}

a:hover {
  color: #989868;
  text-decoration: underline;
}

a.navbar {
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #686838;
}

a.navbar:hover {
  color: #989868;
  text-decoration: underline;
}

p {
  text-align: justify;
}

p.nav {
  text-align: left;
}

#container {
	position:absolute;
	left:50%;
	top:145px;
	width:769px;
	margin: 0 0 0 -385px;
}

#header {
	position:absolute;
	left:50%;
	top:0px;
	width:800px;
	margin: 0 0 0 -385px;
	height:140px;
}

#header h1 {
	height: 43px;
	width: 157px;
	background-image:url(/images/title.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
}

#header h1 span {
	display: none;
}

#navigation {
	float: left;
	width:769px;
	height:38px;
	background-image:url(/images/nav_bg.jpg);
	background-repeat: repeat-x;
	line-height:38px;
}

#navigation a, #navigation a:active, #navigation a:visited, #navigation a:link{

}

#navigation a:hover{
	
}

#navigation h1 {
	height: 37px;
	width: 54px;
	background-image:url(/images/nav_logo.jpg);
	background-repeat:no-repeat;
	padding: 0 16px 0 0;
	margin: 0;
	float: left;
	display:block;
}

#navigation h1 span {
	display: none;
}

#search {
	background-image:url(/images/search_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
;	width: 100px;
	height: 38px;
	float: right;
}
	
.searchform {
	background-image:url(/images/navline.jpg);
	background-repeat: no-repeat;
	width: 115px;
	height: 38px;
	padding: 0 0 0 12px;
	margin: 0;
}

.searchbox {
	width: 105px;
	height: 19px;
	background-image:url(/images/searchbox.jpg);
	background-repeat:no-repeat;
	padding: 2px 8px 0 19px;
	border:none;
	margin: 9px 0 9px 0;
	color: #888888;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
}

/*
#mixer {
	float: left;
	height: 246px;
	width: 249px;
	margin: 11px 0 0 0;
}

#mixer h1 {
	float: left;
	height: 25px;
	width: 249px;
	background-image:url(/images/left_top_yellow.jpg);
	background-repeat:no-repeat;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #383838;
	line-height: 25px;
	padding: 0 0 0 12px;
	margin: 0;
}

#mixer_cont {
	float:left;
	height:236px;
	width:236px;
	background-image:url(/images/mixer_bg.jpg);
	background-repeat:repeat-x;
	border: 1px solid #dbdbdb;
	border-bottom: none;
	padding: 5px; 
	margin: 0 0 0 1px;
	background-color:#FFFFFF;
}

#left {
	float: left;
	height: 210px;
	width: 249px;
        margin: 11px 0 0 0;
}

#left h1 {
	float: left;
	height: 25px;
	width: 249px;
	background-image:url(/images/left_top_yellow.jpg);
	background-repeat:no-repeat;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #383838;
	line-height: 25px;
	padding: 0 0 0 12px;
	margin: 0;
}	

#left_cont {
	float:left;
	height:205px;
	width:236px;
	background-image:url(/images/mixer_bg.jpg);
	background-repeat:repeat-x;
	border: 1px solid #dbdbdb;
	border-bottom: none;
	padding: 5px; 
	margin: 0 0 0 1px;
	background-color:#FFFFFF;
}
*/

table.main {
  border: 0px solid #000000;
  width: 769px; 
}

td.title {
  height: 43px;
  width: 769px;
  text-align: left;
}

td.content_header {
  background-color: #FFFFFF;
  color: #000000;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

table.header {
  background-color: #FFFFFF;
  border: 0px solid #000000;
  line-height:39px;
  height: 39px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 769px; 
}

table.body {
  border: 0px solid #000000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 769px; 
}

table.nav_links {
  padding: 0 0 0 0;
  width: 245px;
}

td.nav_links {
  color: #383838;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 14px;
  border-bottom: none;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: none;
  width: 245px;
}

td.nav_cont {
  background-color: #FFFFFF;
  padding: 5px 0 0 0;
  width: 245px;
}

td.mixer_cont {
  background-color: #FFFFFF;
  padding: 5px 0 0 0;
  width: 245px;
}

td.cont_header {
  background-color: #EFEF37;
  color: #383838;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 14px;
  line-height: 25px;
  border-bottom: none;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: none;
  width: 245px;
}

td.mixer_player {
  color: #383838;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 14px;
  border-bottom: none;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: none;
  width: 245px;
}

table.content {
  margin: 1px 0 0 0;
  width: 510px;
}

td.content {
  background-color: #FFFFFF;
  border-bottom: none;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: none;
  color: #383838;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 14px;
  vertical-align: top;
}

td.content_small {
  background-color: #FFFFFF;
  border-bottom: none;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: none;
  color: #383838;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 10px;
  vertical-align: top;
}

#feature {
	float: right;
	width:509px;
	height:277px;
	margin: 11px 0 0 11px;
}

/*
#content {
	float: right;
	width:509px;
	padding: 0;
	margin: -11px 0 0 11px;
	background-image:url(/images/mixer_bg.jpg);
	background-repeat:repeat-x;
	background-position: 25px 0;
	background-color:#FFFFFF;
}

#content h1 {
	width: 503px;
	height: 25px;
	background-image:url(/images/content_yellow.jpg);
	background-repeat:no-repeat;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #383838;
	padding: 0 0 0 6px;
	margin: 0;
	line-height: 25px;
}
*/

#welcome {
	width: 497px;
	min-height: 230px;
	border: 1px solid #dbdbdb;
	border-bottom: none;
	padding: 5px; 
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #383838;
}

#welcome ul {
	float: left;
	list-style-type: disc;
	padding: 20px 0 0 20px;
	margin:0;
}
#register {
	float: right;
	height: 140px;
	width: 161px;
	background-color: #FFFFFF;
	background-image: url(/images/register_bg.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
	border: 1px solid #dedede;
	padding: 2px;
	text-align:center;
	color: #1c1c1c;
	margin: 5px 0 0 0;
}
#clear {
	clear:both;
	height: 5px;
	background-image:url(/images/clear.gif);
	background-repeat:no-repeat;
}

td.footer {
  background-color: #000000;
  border-top: 1px solid #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
  color: #DFDFDF;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 10px;
  width: 760px;
}

a.copyright {
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 10px; 
  color: #DFDFDF;
}

a.copyright:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

td.normal {
  background-color: #FFFFFF;
  color: #383838;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 14px;
  vertical-align: top;
}

td.normalcentered {
  background-color: #FFFFFF;
  color: #383838;
  font-size: 14px;
  text-align: center;
}

#footer {
	float: left;
}

#footer a{
	color: #9A9A9A;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
}

