/* GENERAL STYLES */
body						{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-align: center; margin: 15px 0px 0px 0px; background: url(images/2009/background.gif) top left repeat-x #397C75; }
h1							{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #336666; text-align: left; margin: 0px 0px 9px 0px; }
h2							{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #336666; text-align: left; margin: 21px 0px 9px 0px; }
td h2						{ font-size: 120%; margin: 9px 0px 9px 0px; }
p							{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; text-align: left; margin: 9px 0px 9px 0px; line-height: 1.3em; }
td p						{ font-size: 120%; margin: 3px 0px; }
p.small						{ font-size: 70%; margin: 0px 0px 6px 0px; }
td p.small					{ font-size: 100%; margin: 6px 0px 6px 0px; }
ul							{ margin: 6px 0px 18px 25px; padding: 0px 0px 1px 0px; /* Need padding for cross-browser differences */ }
li							{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; margin: 0px; text-align: left; }
html>body li				{ margin: 0px 0px 3px 0px; }
a:link, a:visited, a:active	{ color: #BD186B; text-decoration: none; }
a:hover						{ color: #BD186B; text-decoration: underline; }
ul.vd2 li					{ font-size: 100%; margin: 4px 0px 4px 0px; }
span p, span li				{ font-size: 85%;  }
html>body span p, html>body span li	{ font-size: 70%;  }


/* ADMIN FORM STYLES */
form 						{ margin: 0px; }
input 						{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; width: 246px; margin: -1px 0px -1px 0px; }
select						{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; width: 246px; }
textarea					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; width: 246px; }
.xsmall						{ width: 50px; }
.xwide						{ width: 520px; margin: 0px 0px 5px 0px; }
.auto						{ width: auto; margin: 0px; }
div.searchrow select		{ width: 150px; font-size: 70%; }
div.searchrow input			{ width: 150px; font-size: 70%; }


/* LAYOUT STYLES */
#outer						{ position: relative; width: 980px; margin-right: auto; margin-left: auto; }
#logo						{ position: absolute; top: 0px; left: 20px; text-align: left; }
#header						{ position: relative; height: 90px; background: url(images/2009/header.gif) bottom left no-repeat #FFFFFF; }
#available					{ position: absolute; top: 10px; right: 20px; font-size: 80%; color: #FFFFFF; }
#content					{ text-align: left; background: url(images/2009/page.gif) top left repeat-y #FFFFFF; margin: 0px; padding: 0px; }
#column1					{ float: left; width: 280px; margin: 0px; padding: 0px 0px 0px 20px; }
/* WEIRD IE6 PADDING NEEDS CORRECTING */
html>body #column1			{ width: 260px; margin: 0px; }
#column2					{ position: relative; float: left; width: 665px; padding: 20px 0px 0px 46px; }
html>body #column2			{ width: 619px; }
#column2b					{ position: relative; float: left; width: 495px; padding: 20px 0px 0px 46px; }
html>body #column2b			{ width: 449px; }
#column3					{ position: relative; float: left; width: 170px; padding: 24px 0px 0px 30px; }
html>body #column3			{ width: 140px; }
#column3 .vframe			{ width: 145; height: 130px; background: url(images/2009/vframe.gif) top left no-repeat #FFFFFF; margin: 0px 0px 10px 0px; }
#column3 .vinner			{ float: left; overflow:hidden; border-left: 5px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; margin: 7px 0px 0px 2px;}
#column3 .vinner img		{ float: left; overflow:hidden; margin: 0px -8px -5px -8px; }
html>body #column3 .vinner img	{ float: left; overflow:hidden; margin: 0px -5px -5px -5px; }
#column3 h2					{ margin: -1px 0px 9px 0px; text-align: center; }
#column3 p.small			{ margin: -6px 0px 12px 0px; text-align: center; }


#footer						{ position: relative; clear: both; height: 97px; background: url(images/2009/footer.gif) bottom left no-repeat #FFFFFF; padding: 57px 20px 0px 20px }
html>body #footer			{ height: 75px; padding: 22px 20px 0px 20px }
#swaylogo					{ position: absolute; top: -17px; left: 20px; }
#homebuylogo				{ position: absolute; top: 13px; left: 20px; }
#radianlogo					{ position: absolute; top: 13px; right: 20px; }
#footer p					{ font-size: 70%; color: #666666; margin: 35px 0px 0px 0px; }
#footer a					{ color: #666666; }
#footer .fright				{ float: right; margin: 0px; }
.fright						{ float: right; margin: -1px 20px 0px 0px; }
p.error						{ color: #FF0000; }


/* TAB STYLES */
ul#nav						{ position: absolute; top: 39px; left: 20px; list-style: none; margin: 0px; z-index: 2; }
ul#nav li					{ float: left; margin: 0 2px 0 0; font-size: 70%; font-weight: bold; }
ul#nav a					{ background: url('images/2009/tabs_curves10.gif') top left no-repeat; color: #666666; display: block; float: left; height: 36px; text-decoration: none; padding: 0px 0px 0px 14px; }
ul#nav a:hover				{ background-position: 0 -36px; }
ul#nav a:hover span			{ background-position: 100% -36px; }
ul#nav li.current a			{ background-position: 0 -36px; color: #333333; }
ul#nav li.current span		{ background-position: 100% -36px; }
ul#nav span					{ background: url('images/2009/tabs_curves.gif') 100% 0; display: block; line-height: 36px; padding: 0px 14px 0px 0px; }


/* SUBTAB STYLES */
ul#navsub					{ background: url('images/2009/tabs_sub.gif') bottom left repeat-x; position: absolute; top: 0px; right: 0px; list-style: none; margin: 0px; width: 738px; }
ul#navsub li				{ float: right; margin: 0 0 -1px 2px; font-size: 70%; font-weight: bold; }
ul#navsub a					{ background: url('images/2009/tabs_curves10sub.gif') top left no-repeat; color: #666666; display: block; float: left; height: 28px; text-decoration: none; padding: 0px 0px 0px 14px; }
ul#navsub a:hover			{ background-position: 0 -28px; }
ul#navsub a:hover span		{ background-position: 100% -28px; }
ul#navsub li.current a, ul#navsub li.current a:hover			{ background-position: 0 -56px; color: #333333; }
ul#navsub li.current span, ul#navsub li.current a:hover span	{ background-position: 100% -56px; }
ul#navsub span				{ background: url('images/2009/tabs_curvessub.gif') 100% 0; display: block; line-height: 28px; padding: 0px 14px 0px 0px; }


/* SIDE NAV STYLES */
#sidenav					{ list-style: none; font-size: 100%; margin: 0px 0px 30px 0px; }
#sidenav li					{ width: 171px; font-size: 70%; margin: 0px 0px 2px 0px; }
#sidenav li a				{ display: block; height: 26px; color: #000000; text-decoration: none; padding: 6px 15px 0px 15px; background: #E6EDF0 url('images/2009/navoff.gif'); }
html>body #sidenav li a		{ height: 20px; }
#sidenav li a:hover			{ color: #FFFFFF; background: #58869B url('images/2009/navon.gif'); }
#sidenav li.current a		{ color: #FFFFFF; font-weight: bold; background: #58869B url('images/2009/navon.gif'); }