body{
	background:#3884D0 url(images/bg.gif) repeat-x;
	margin:0;
	padding:0;
	text-align:center;
    font:11px tahoma, arial;
}

h4{
    font-size:12px;
}

h3{
    font-size:13px;
    margin:1em 0 .5em 0;
}

a, a:visited{
    color:blue;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:none;
}

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

q {
    font-style:italic;
}


#content ul {
	list-style:disc outside;
	margin-left:1em;
}

#content ul ul {
	list-style:circle;
}

#content h2 {
    margin:1.8em 0 0 0;
    font-size:14px;
}


.code {overflow:scroll;width:580px; border:1px solid black; background-color:white;}


#container {
	margin:auto;
	margin-top:3px;
	padding:0px 5px;
	background:#3884D0 url(images/allcontent_bg.gif) repeat-x;
	height:808px;	
	width:772px;
	text-align:left;
}

#head {
	background:url(images/top.gif) no-repeat;
	width:772px;
	height:88px;
    overflow:hidden;
}


#head p {
	margin:0;
	padding:0;
	width:80px;
	position:relative;
	left:300px;
	top:17px;
	filter:shadow(color:black, strength:1, direction:135);

}


/*****FORM*****/

#login .text, #login .button{
	background:#FFE1AB;
	height:12px;
	border:1px solid #B48C2C;
	font-size:10px;
	margin:0;
	padding:0;
}

#login .text {
	width:90px;
}
#login .button {
	height:15px;
	border-top:1px solid #FFFFBA;
	border-left:1px solid #FFFFBA;
}

#login .text, #login .button:focus {
	border-right:1px solid #FFFFBA;
	border-bottom:1px solid #FFFFBA;
}

#login {
	position:relative;
	left:383px;
	top:-35px;
	width:383px;
	height:50px;
	overflow:hidden;
}


#login form{
	background:url('images/user_pass_nl') no-repeat 5px 4px;
	margin:0;
	padding:10px 0 0 3px;
}

#login p {
    left:10px;
    top:0px;
    width:110px;
    color:#795300;
filter:none;
}
#login #reg p {
	filter:shadow(color:black, strength:1, direction:135);
}

#login div p {
	left:0;
	top:0;
	margin:0;
	width:100px;
}

#login div {
    position:relative;
    top:-49px;
	left:130px;
    height:51px;
    width:250px;
    overflow:hidden;

}

#login div ul {
    margin-top:23px;
    list-style-type:disc
}

#login div ul li {
    margin-left:15px;
}

#login a,#login a:visited {
    color:#795300;
    text-decoration:underline;
}

#login a:hover {
    text-decoration:none;
}


#login div img {
    margin-top:2px;
    float:right;
}

#login div#reg {
	position:relative;
	top:-44px;
	left:230px;

	width:152px;
	height:46px;
	background:url('images/register_top.gif') no-repeat;
	padding:5px 5px 5px 45px;
}

#login img {
	padding:5px 0 0 5px;
}

#head a.toplink,#head a.toplink:visited, marquee a {
	color:white;
	font:bold 10px tahoma, arial;
}



#head marquee {
	width:512px;
	position:relative;
	top:-23px;
	left:255px;
    height:16px;
    color:#4d7200;

}
#head marquee img{
    height:16px;
    vertical-align:-4px;
}

marquee a,marquee a:visited{
    color:#4d7200;

    padding-left:5px;
}


#msgbar {
    position:relative;
    top:9px;
    left:268px;
}
/*
IE
*/
* html #login div#reg { top:-47px;}
* html #login { top:-37px;}
* html #head marquee {top:-25px;}
* html #head p {top:15px;}
* html #login p{ top:0px;}
* html #login div p {top:0;}
/* end*/

/**********************nav**************/


#navbar {
	background:url(images/navbar.gif) no-repeat;
	height:25px;
	margin-top:3px;
	font:bold 11px tahoma, arial;
	
}


#navbar div {
	float:right;
	position:relative;
	left:-8px;
	top:6px;

}

#nav {
	width:700px;
	margin-left:20px;

}

ul#nav li {
	float:left;
	width:90px;
	position:relative;
	text-align:center;
	
}

#nav li a{
	display:block;
	height:25px;
	padding-top:5px;

	color:#175492;
}

#nav li a:visited{
	color:#175492;
}


#nav li ul {
	display:none;
	position: absolute; 
  	top: 21px;
  	left: -15px;
	z-index:1000;
	width:124px;
	padding-top:7px;
	background:url(images/dropdown_top.gif) no-repeat;
}





#nav li ul li a{
	padding:0;
	margin:0;
	display:block;
	width:124px;
	height:16px;
	
	text-align:left;
	margin-left:20px;
}


#nav li.last a {
	height:20px;
}

#nav li:hover ul,  #nav li.over ul {
	display:block;
}

#nav li:hover,  #nav li.over {
	background:url(images/navbg_hover.gif);	
}

#nav li ul li, #nav li ul li:hover {
	width:124px;
	float:none;
	display:block;
	background:url(images/dropdownitem.gif) no-repeat;
}

#nav li.last, #nav li.last:hover{
	background:url(images/dropdownitem_last.gif) no-repeat;
}


/**********************************/

#menus {
	float:left;
	width:150px;
}
.menu, .menu ul, .menu li {
	margin:0;padding:0;
	width:143px;
}

.menu h2 {
	font-size:11px;
	text-align:center;
	margin:0px;
	padding:0px;
}

.menu li a {
	display:block;
	height:18px;
	padding:0 0 0 25px;
}

.menu ul li a:hover {
	text-decoration:none;
}

.menu {
	padding-top:9px;
	margin-bottom:.5em;

}
.menu ul {

	margin-top:5px;
	padding-bottom:7px;
}

#m1 {
	background:url(images/mgreen_top.gif) no-repeat;
}

#m1 li a {
	background:url(images/mgreen.gif) no-repeat;
}

#m1 li a, #m1 h2 {
	color:#4d7200;
}

#m1 li a:hover {
	background:url(images/mgreen_hover.gif) no-repeat;
}


#m1 ul {
	background:url('images/mgreen_bottom.gif') bottom left no-repeat;
}

#m2 {
	background:url(images/morange_top.gif) no-repeat;
}

#m2 li a {
	background:url(images/morange.gif) no-repeat;
}

#m2 li a, #m2 h2 {
	color:#795300;
}

#m2 li a:hover {
	background:url(images/morange_hover.gif) no-repeat;
}


#m2 ul {
	background:url('images/morange_bottom.gif') bottom left no-repeat;
}


#m3 {
	background:url(images/mblue_top.gif) no-repeat;
}

#m3 li a {
	background:url(images/mblue.gif) no-repeat;
	color:#0759ab;

}

#m3 li a, #m3 h2 {
	color:#0759ab;
}

#m3 li a:hover {
	background:url(images/mblue_hover.gif) no-repeat;
}


#m3 ul {
	background:url('images/mblue_bottom.gif') bottom left no-repeat;
}

#m1 li a:hover, #m2 li a:hover,#m3 li a:hover{
	color:white;
}

/**********************************/



#content {
	margin-left:150px;
	margin-top:6px;
	width:618px;
	
	background:#EAF6FF url('images/content_bg.gif') repeat-x;
	
}
* html #content {
	margin:0;
}
#content table {

font-size:11px;
}
#content div#c2{
	padding:10px 15px;
	min-height:615px;
	height:615px;

}

#content > div#c2 {
	height:auto;
}


.box .head{
	margin:0 5px;
}

.box p {
	margin:0;
	padding:.5em .5em;
}

.box .head h2 {
	font-size:13px;
	padding-left:20px;
}

.box .head a {
	font-size:10px;
}


#news, #toptones, .google, .box {
	width:280px;
}

#tones {
    width:580px;
}

#news h2, #toptones h2, #packs h2, #tones h2, #lastposts h2, #multinews h2, .box h2{
	margin:0; 
}


#news div, .orangebox div {
	background:white url('images/boxorange_bg.gif') repeat-x;
	color:#915e00;
} 

#news .head, .orangebox .head {
	border-bottom:1px solid #d5a724;
}

#news .head h2, .orangebox .head h2 {
	background:#fff8e6 url('images/arrow_orange.gif') 7px no-repeat;
	color:#705400;
}

#news a, .orangebox a {
	color:#705400;
}

#news .nitem small.date {
	float:right;
	color:#c68100;
	font-weight:bold;

}

#news .nitem {
	background:none;
	color:#915e00;
	margin:0 7px;
	padding:1em 0 .4em 0;
	border-bottom:1px solid #915e00;
}

#news .headlines{
	border-bottom:none;
}
#news .nitem h2 {
	font-size:12px;
}

#news .nitem p {
	padding:0;
	text-align:justify;
}

#news .nitem p.info {
	font-size:11px;
	margin-top:.5em;
	text-align:center;
	font-style:italic;
}

.nitem a,.nitem a:active, .nitem a:visited{
text-decoration:underline;
}

.nitem a:hover{
text-decoration:none;
}


#packs {
	clear:both;
	width:580px;
	margin-top:1em;
}

#packs img {
    border:1px solid #89B343;
    margin-left:9px;
}



#toptones div, #packs div, #tones div, .greenbox div {
	background:white url('images/boxgreen_bg.gif') repeat-x;
} 

#toptones .head, #packs .head, #tones .head, .greenbox .head {
	border-bottom:1px solid #89b343;
}

#toptones h2, #packs h2, #tones h2, .greenbox h2 {
	background:#f9ffec url('images/arrow_green.gif') 7px no-repeat;
	color:#466d07;
}

#toptones a, #packs a, #tones a, .greenbox a {
	color:#466d07;
}
#toptones div, .greenbox div{
	color:#466D07;
}

#toptones a,#toptones a:visited {
text-decoration:underline;
}
#packs p {
    text-align:center;
}

.google {
	
	margin:1em 0em;
}
#multinews {
	margin-top:1em;
}

.google div{
	text-align:center;
	background:#eff8ff;
}

/*************************************/

#footer {
	margin-left:152px;
	margin-top:5px;
	width:618px;
	height:25px;
	background:url('images/footer_bg.gif') repeat-x;
    color:#4d7200;
    font-weight:bold;
}

#footer a, #footer a:visited{
    color:#4d7200;
}

#footer p{
	height:25px;
	background:url('images/footer_left.gif') no-repeat;
	padding:5px 0 0 1em;
}

#footer ul {
	height:25px;
	float:right;
	background:url('images/footer_right.gif') no-repeat center right;
}

#footer ul li{
	float:left;
	padding:5px 1em 0 0;
}

/********************************/

#news .quote_header, #news .code_header,#news .quote_body, #news .code_body{
	margin-left: 10px;
	background:white;
	border:1px dashed black;
	margin-top:.5em;
	padding:.2em;

}

#news .quote_header, #news .code_header{
	border-bottom:none;
	font-weight:bold;	
}

#news .quote_body, #news .code_body {
	border-top:none;
}

#gbottom {
    text-align:left;
    width:560px;
}

#pfdtable {
    width:580px;
}
/*******************/
table td{
    vertical-align:top;
}

.items {
    margin:0 auto;
}


.folders {
list-style-image:url(images/imagefolder.gif);
margin-top:0px;
margin-left:20px;
width:100px;
}
.folders li {
padding:1px 0 1px 5px;
}

#search * {
padding:0;
margin:0 auto;
}

#home {display:block;position:absolute;width:245px;height:88px;}

#lastposts ul, #multinews ul {
margin-top:.5em;
text-align:left;
padding-left:1em;
}