/* Stlyes for Containers */

body {
	background: #666666 url(media/bkg_fade.gif) bottom left fixed repeat-x;
	margin: 0;
	text-align: center;
}
	
#wrapper {
	background: url(media/content_bkg2.gif) repeat-y;
	width: 700px;
	border-top: 5px solid #000;
	border-bottom: 1px solid #ff7e09;
	margin: 15px auto 0px auto;
	text-align: left;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

#leftbar {
	display: inline; /* IE hack for double float margin - MS SUCKS DONKEY */
	float: left;
	width: 130px;
	margin-left: 20px;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	margin-top: -15px;
}

#rightbar {
	display: inline; /* IE hack for double float margin - MS SUCKS DONKEY  */
	float: right;
	width: 130px;
	margin-right: 15px;
	margin-top: 26px;
	color: #666;
	font-size: 10px;
}

#content {
	margin: 0px 165px 60px 185px;
}

/* Gotta Hack the 3px Float Bug for IE - MS SUCKS DONKEY */
/* Hide from IE5-mac \*/

* html #leftbar {
	margin-right: 32px;
}

* html #rightbar {
	margin-left: 17px;
}

* html #content {
	height: 1%;
	margin-left: 0px;
	margin-right: 0px;
}

/* End IE5/mac hide */

#footer {
	clear: both;
	padding: 3px 0px;
	border-left: 185px solid #000;
	color: #ccc;
	background-color: #000;
	width: 515px;
}

#copy {
	width: 700px;
	margin: 7px auto;
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #999;
	text-align: right;
}



/* Typography Styles */

b.white {
	color: #fff;
}

p {
	margin-top: 0px
}

ul {
    margin-top: 0px;
    margin-bottom: 15px;
	margin-left: 0;
	padding-left: 2.5em;
}

li {
    margin-bottom: 4px;
}

h1 {
	font-size: 12px;
	color: #f60;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

h2 {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

h2.right {
	font-size: 10px;
	color: #666;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

h3 {
	font-size: 11px;
	color: #f60;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0px;
}

.indent {
	margin: 0px 0px 10px 20px;
}

#tips {
	margin: 0px 0px 30px 0px;
	padding-left: 2.5em;
}

#tips li {
	margin-bottom: 4px;
}

.gloss_head {
	width: 350px; 
	padding: 2px; 
	background-color: #ccc;
	margin-top: 30px;
}

.gloss_top {
	float: right;
	width: 100px;
}

a:active, a:link, a:visited, a:hover {
	color: #000;
	text-decoration: underline;
}

a.right:link, a.right:visited, a.right:hover {
	line-height: 16px;
	color: #666;
	text-decoration: underline;
}

a.left:link, a.left:visited, a.left:hover {
	line-height: 16px;
	color: #fff;
	text-decoration: underline;
}



/* Nav Styles */

#nav {
	height: 26px;
	width: 530px;
	border-left: 170px solid #333;
	background-color: #000;
	margin-bottom: 25px;
}

#nav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
} 

#nav ul li {
	display: block;
	float: left;
	text-align: center;
}


#nav ul li a {
	float: left;
	background: #000;
	padding: 2px 15px 2px 15px;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
 }

#nav ul li a:hover {
	color: #fff;
	background: #666;
	border-top: 3px solid #000;
	border-bottom: 3px solid #333;
}

#nav li#current a {
	background: #fff;
	border-top: 3px solid #000;	
	border-bottom: 3px solid #ff7e09;
	color: #000;
}


#sidenav { 
 	width: 130px;
 	border-top: 1px solid #CC6507;
	margin-top: 5px;
	margin-bottom: 30px;
}

#sidenav ul {
	margin-bottom: 0;
 	margin-left: 0;
 	padding-left: 0;
 	list-style-type: none;
}

#sidenav li {
	margin-bottom: 0;
}

#sidenav a {
	display: block;
	padding: 5px 0px;
	width: 130px;
	border-bottom: 1px solid #CC6507;
}

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

#sidenav a:hover {
	background-color: #FF983A;
	color: #fff;
}

#active a:link, #active a:visited, #active a:hover {
	color: #fff;
	font-weight: bold;
	background: url(media/sidenav_bkg.gif) repeat-x;
}

#sidenav a.two {
	display: block;
	padding: 2px 0px 2px 3px;
	width: 126px;
	background-color: #CC6507;
	border-bottom: 1px solid #FF983A;
	border-left: 1px solid #CC6507;
}

#sidenav a.two_btm {
	display: block;
	padding: 2px 0px 2px 3px;
	width: 126px;
	background-color: #CC6507;
	border-bottom: 1px solid #CC6507;
	border-left: 1px solid #CC6507;
}

#sidenav a.two:link, #sidenav a.two:visited, #sidenav a.two_btm:link, #sidenav a.two_btm:visited {
	color: #EEE;
	text-decoration: none;
}

#sidenav a.two:hover, #sidenav a.two_btm:hover {
	background-color: #FF983A;
	color: #fff;
}

#active2 a:link, #active2 a:visited, #active2 a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #FF983A;
}


a.newlogin {
	display: block;
	border: 3px double #fff;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	margin: 3px 0px 5px 0px;
	color: #fff;
	font-weight: bold;
}

a.newlogin:hover {
	border: 3px double #fff;
	background-color: #F93;
}