/*// Global Styles //*/
* {margin: 0; padding: 0;}
a {color:#2c60aa; text-decoration: none}
a:hover {color:black; text-decoration: underline;}
form {margin: 0; padding: 0;}
html, body {background: #f4f4f4 url(images/header_bg.gif) repeat-x left top; margin: 0px; padding: 0px; text-align: center; color: #2D2B2B;}
body, tr, td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2D2B2B;}
h3 {font-size:18px;}

/* Typography
---------------------------------------------------------------------------------------------------*/

h1
{
	font-size:20px;
	color:#62605F;
	font-weight: normal;
}

h1 strong em
{
	font-weight: normal;
	font-style: normal;
}

h3#inner
{
	font-size: 13px;
	color: #2D2B2B;
}

small
{
	font-size: 11px;
}


/*// Main Content Structure //*/
#sitewrapper {width: 980px; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0; overflow: hidden;}
* html div#sitewrapper {width:983px;}
#topbar {width:980px; height:30px; margin:0px auto; padding: 0;}
#topbar p {padding: 8px 3px 0 10px; font-size: 11px; color:#656461; text-align:right;}
#topbar a {color:#fff;}
#topbar a:hover {color:#2c60aa;}
#leftbin {width: 650px; position:relative; text-align: left;}
#rightbin {float:right; width: 310px; text-align: left;}
#middlebin {position:relative; width: 622px; text-align: left;}

/*// Left side //*/
#logo {float:left; width:200px; height:70px; background: url(/images/logo_gone_webmic.jpg) no-repeat left top;}
.sidebox {background: url(images/sidebox_bg.gif) no-repeat left top; width: 308px; border: 1px solid #e6e6e6; background-color: #fff; margin: 12px 0 3px 0;}
.sidebox h5 {width:308px; height: 23px; border-bottom: 1px dotted #e6e6e6; display:block; color: #646262; padding:11px 0 0 9px; font-size:12px; font-weight: bold;}
.sidebox ul {padding: 10px 0px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
.sidebox li {list-style: none;}
.sidebox ul li {line-height: 15px; padding-left: 10px; background: url(images/sponsorbullet_grey.gif) no-repeat 0 50%;}
.sidebox ul li.selected {line-height: 15px; padding-left: 10px; background: url(images/sponsorbullet_blue.gif) no-repeat 0 50%;}
.sidebox a {color: #565656; text-decoration: none;}
.sidebox a:hover {color: #565656; text-decoration: underline;}
.sidebox p {padding: 10px 10px 10px 10px; font-size: 12px;}
.sidebox table {padding: 5px;}
.sideboxads {width: 308px; margin: 12px 0 3px 10px;}

#subcats {
	width: 615px;
	border-top: 1px dotted #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
}

#subcats tr td {
	font-size: 14px;
	padding: 10px 10px;
	font-weight: normal;
}

#subcats tr td a {
	font-size: 15px;
	font-weight: bold;
}

.quotes {
	margin-left: 15px;
	font-style:italic;
	float: right;
	width: 240px;
	padding: 20px;
	color: #999999;
	text-align: left;
	border: 1px dotted #999999;
}
.quotes strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 19px;
}

.quotes a {
	color: #999999;
	text-decoration: underline;
}


/*// newsbox //*/
.newsbox {background: url(images/sidebox_bg.gif) no-repeat left top; width: 308px; border: 1px solid #e6e6e6; background-color: #fff; margin: 12px 0 3px 0;}
.newsbox h5 {width:308px; height: 23px; border-bottom: 0px dotted #e6e6e6; display:block; color: #646262; padding:11px 0 0 9px; font-size:12px; font-weight: bold;}

.newsbox h3 {
	background: #f4f4f4 url(images/arrow-square.gif) no-repeat right -47px;
	padding: 10px 10px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 1px #e6e6e6;
	border-bottom: none;
	cursor: pointer;
}
.newsbox h3:hover {
	background-color: #e3e2e2;
}
.newsbox h3.active {
	background-position: right 9px;
}
.newsbox p {
	margin: 0;
	padding: 10px 10px 10px;
	display: none;
}

/*// Main Navigation //*/
#topnavigation {width: 765px; float:right; margin-top: 45px; display: block;}
.mainnav { width: 765px; padding: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 25px; list-style-type: none;}
* html .mainnav {line-height: 26px;}
.mainnav li {display:inline; margin:0px; padding:0px;}
.mainnav li a {text-decoration: none; padding: 12px 9px; color: #f5f8fd;}
.mainnav li a:visited {color: #f5f8fd;}
.mainnav li a:hover {color: #1a447f;}
.mainnav li a:active {color: #1a447f;}
.mainnav li.selected a {position: relative; color: #3364a9; border: 1px solid #FFF; background: #fff url(images/main_nav_active.gif) repeat-x left top;}
.mainnav li.selected a span {color: #3364a9; margin-top: 5px;}
.mainnav li ul {display: hidden; }

/*// Sub-navigation and Search //*/
#subnavigation {width: 650px; height: 45px; margin-top: 5px; margin-bottom: 10px; text-align: left; font-size: 11px;}
* html div#subnavigation {margin-top:10px; margin-bottom: 6px;}
#subnavigation-form {float:right; width: 230px; margin-top: 5px; text-align: right;}
* html div#subnavigation-form {margin-top: 0px;}

#subnavigation ul {padding-top: 12px;}
* html div#subnavigation ul {padding-top: 6px;}
#subnavigation li {display:inline; margin:0; border-right: 1px solid #ebe9e1; border-left: 1px solid #fff;}
#subnavigation li a {text-decoration: none; color: #6b6969; padding: 3px 10px; margin-top: 15px;}
#subnavigation li a:hover {text-decoration: underline;}
#subnavigation li img {padding: 0px 5px;}
#subnavigation form {margin: 0; padding: 0;}

.qbutton {font-size: 11px; font-weight: bold; color: #FFF; background: #312e2e url(images/searchbutton_bg.gif) repeat-x right top; border: 1px solid #DDDCD8; padding:4px;}
.qbutton:hover {font-size: 11px; font-weight: bold; color: #FFF; background: #2256a0 url(images/searchbutton2_bg.gif) repeat-x right top; border: 1px solid #DDDCD8; padding:4px; cursor: pointer;}
.qsearch {margin-right: 5px; width: 140px; background: #fff url(images/searchform_bg.gif) repeat-x right top; line-height: 15px; border: 1px solid #a6a6a6; padding:5px; font-size: 12px; color:#797777;}

/*// index styles //*/
#randomimg {width:648px; border: 1px solid #e6e6e6; background-color: #fff; font-size:0px;}
#randomimg img {padding: 2px;}
#randomimg form {margin: 0px; padding: 2px;}

.tutlist {display:block; width: 615px; height: auto; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px;}
.thumbs { border: 1px solid #e6e6e6; float:left; padding: 5px; margin-right: 15px; font-size:0px; width:60px; height: 60px;}
.timg { width:40px; height: 40px;}
.con-description { width: 545px; margin-bottom: 15px; margin-left: 70px;}

/*// reusable styles //*/
.middlewhitebox {margin-top: 13px; width:618px; border: 1px solid #e6e6e6; background-color: #fff; padding:10px 15px; font-size:13px; line-height: 16px;}
.middlewhitebox tr td {color:#666666;}
.middlewhitebox h1, .middlewhitebox tr td h1 {font-size:20px; margin: 10px 0 15px 0;}
.middlewhitetopbox {margin-top: 0px; width:618px; border: 1px solid #e6e6e6; background-color: #fff; padding:10px 15px; font-size:12px;}
.middlewhitetopbox h1, .middlewhitetopbox tr td h1 {font-size:20px; margin: 5px 0 15px 0;}
.middlewhitebox h3 {margin:0; padding:0; color: #646262; font-size: 18px; line-height: 21px;}

#tnt_pagination {
	display:block;
	text-align:left;
	line-height:30px;
	clear:both;
	padding-top:3px;
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:5px;
	margin-bottom:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}

#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;	
}

#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:5px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}

.lists {padding-left: 20px;}
.lists li {padding-left: 5px;}

.formfield {font-size: 13px; color:#6E6E6E; padding: 3px; border: 1px solid #a6a6a6;}
.formfield:focus {border: 1px solid #312E2E;}
.formtext {color: #626060; font-weight: bold; line-height: 18px;}

.middledreambox {width:638px; border: 1px solid #e6e6e6; background-color: #fff; padding:5px; font-size:0px;}

/*// Footer styles //*/
#footer-border { clear:both; border-top: 1px solid #e6e6e6; background: #fff url(images/footer_bg.gif) repeat-x left bottom; margin: 15px 0px 0px 0px; padding: 15px 0px; width: 100%; text-align: center;}
#footer {width: 960px; text-align: left; color:#85827F; padding:15px 10px; margin:0 auto;}
#footerbin1 { width: 209px; float: left; border-right: 1px solid #C7C5BD; padding-right: 20px;}
#footerbin2 { width: 490px; float: left; border-right: 1px solid #C7C5BD; padding: 0px 20px 0px 20px;}
#footerbin3 { width: 179px; float: right; padding: 0px 0px 0px 20px;}
#footerbin4 { clear:both; margin-top:10px; width: 960px; padding: 10px 0px 5px 0px; text-align: center;}
* html div#footerbin2 { width: 490px; padding: 0px 10px 0px 20px;}
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#footer a:link, #footer a:active, #footer a:visited { color: #85827F; text-decoration: none;}
#footer a:hover { color: #2D2B2B; text-decoration: underline;}

#textpad { padding:5px; }