/* Why Hello There Developers... Have a good read why dont you? */
/* Simple Browser Reset Here */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
body {line-height:1.64em;height: 100%;}
table {border-collapse:separate;border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Begin The Magic */
body{background:#bed3d5;font: 80% Arial, Helvetica, sans-serif; line-height:20px;color:#333;;font:Arial, Helvetica, sans-serif;}
.wrapper{width:920px; margin:0 auto;padding:10px 30px 20px 30px; background:url(images/wrapper.png) repeat-y;}
#chat{float:right; width:730px;text-align:right;}

a{color:#69bbcd}
h1{height:40px;float:left;margin-top:10px}

.intro{margin-top:10px;border-top:1px solid #ccc;float:left;padding-top:10px;margin-bottom:20px;;}
.navigation{float:left;text-align:left;;width:100%;margin-top:10px}

	.main_content{width:530px;margin-right:40px;float:left; }
		.main_content p{margin-bottom:15px;}
		.main_content h2{margin-bottom:10px; font:190% Arial, Helvetica, sans-serif;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:0px}
		.sidebar h2{margin-bottom:10px; font:190% Arial, Helvetica, sans-serif;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:0px}
		.main_content img{margin-bottom:5px;}
		.main_content ul{margin-bottom:15px;}
		.main_content li{margin-left:30px;list-style-type:square;}
		.feel_free{margin-left:10px;}
		.ad{margin-top:20px;}
	.sidebar{float:left;width:350px;}
		.sidebar img{margin-bottom:5px}
.magic_stuff{clear:both;}

.footer{border-top:1px solid #cccccc;font-size:85%;line-height:17px;width:920px;padding-top:10px;margin-top:20px;float:left;}
.footer a{color:#6a6a6a;text-decoration:none;}
.footer a:hover{color:#2d2d2d;text-decoration:none;}
form{margin-bottom:30px;}
.this_way{float:left}
.that_way{float:right;text-align:right;}
.topwaaa{margin-top:35px;}

table {width:100%;border-top:1px solid #e5eff8;border-right:1px solid #e5eff8;margin-bottom:30px;}
td {border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;padding:0m 1em;
text-align:center;}
th {font-weight:bold;text-align:left;border-bottom: 1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 1em;}	
.center{text-align:center; padding-left:1em}

h3{margin-bottom:20px;font-weight:bold;color:#69bbcd}
/* JQuery Navigation Styling*/

.topnav{width:730px;}

ul.topnav {
	list-style: none;
	margin: 0;
	float: left;
}
ul.topnav li {
	float: left;
	margin-right:30px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 6px 5px 0px;
	display: block;
	color:#333;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	color:#666;
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 26px;
	background: #fefefe;
	margin: 0; padding: 0;
	display: none;
	float: left;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
 /*--Create bevel effect--*/
	clear: both;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #fefefe url(dropdown_linkbg.gif) no-repeat 10px center;
	border-bottom:1px solid #ccc;
	padding-left: 10px;padding-bottom:5px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #fefefe url(dropdown_linkbg.gif) no-repeat 10px center;
}


/* Form Styles */
a,input,textarea,select{outline:0 none;}


#form div.rounded_small{
margin-bottom:10px;
width:260px;
float:left;
margin-right:150px;
height:31px;
background:url(images/smallform.png) no-repeat top left;
display:inline-block;
}

#form div.rounded_small input{
padding:5px 10px 5px 10px;float:left;
width:260px;
margin-right:50px;
height:18px;
background:#FF9;
border:1px solid #CCC;
}

#form div.rounded_large{
margin-bottom:15px;
width:420px;float:left;
height:136px;
background:#f6f6f6; no-repeat top left;
display:inline-block;}

#form div.rounded_large textarea{
padding:5px 10px 5px 10px;float:left;
width:420px;
height:120px;
color:#445135;
border:0;
resize:none;
vertical-align:top;
background:#FF9;
border:1px solid #CCC;}

#form div.label{
width:90px;float:left;
margin-bottom:10px;
color:#445135;

}

#form label.error{
color:#990000;}



#form .button{
float:right;
width:128px;
height:31px;
border:none;
margin:0 0px 0 5px;
padding:2px auto;
cursor:pointer;
background:#bed5c5}

#form .righty{
float:right;
width:128px;
height:31px;
border:none;
margin:0 160px 0 5px;
padding:2px auto;
cursor:pointer;
background:#bed5c5}