body, td, th, p					{ font-family:"helvetica"; font-size:12px; color:#000000; }
body							{ margin:0px; background:#ffffff; }

h1								{ margin-bottom:6px; font-size:24px; color:#333333; }
h2								{ margin-bottom:6px; font-size:20px; color:#333333; }
h3								{ margin-bottom:6px; font-size:16px; color:#333333; }
h4								{ margin-bottom:6px; font-size:12px; color:#333333; }

ul.nosymbol						{ margin:0; padding:0; }
ul.nosymbol li					{ margin:0 0 2px 0; padding:0; list-style:none; }
p								{ margin-top:0px; margin-bottom:6px; }
li								{ margin-bottom:2px; }

input							{ border:#b2b2b2 1px solid; }
textarea						{ border:#b2b2b2 1px solid; font-family:helvetica; font-size:11px; }
.row							{ margin-bottom:2px; }
.heading						{ float:left; width:128px; color:#666666; font-size:10px; }
.input							{ float:left; width:340px; }
.inputwide						{ float:left; width:504px; }

th								{ text-align:left; color:#666666; font-size:10px; }

.good							{ color:#339933 }
.warning						{ color:#FF7F00 }
.bad							{ color:#cc0000; }
.faded							{ color:#999999; }
.tiny							{ font-size:10px; }
.big							{ font-size:18px; }
.huge							{ font-size:28px; font-weight:bold; }
.disclaimer						{ font-size:10px; color:#999999; }
.newmessage						{ font-weight:bold; }

a								{ color:#3366cc; }
a:hover							{ color:#668cd9; }

a.checkbox						{ color:#000000; text-decoration:none; }
a.checkbox:hover				{ color:#000000; text-decoration:underline; }

a.hideline						{ text-decoration:none; }
a.hideline:hover				{ text-decoration:underline; }

.tabs							{ position:relative; height:20px; }
.tabs ul						{ position:absolute; margin:0; padding:0; }
.tabs ul li						{ float:left; margin:0; padding:0; list-style:none; }
.tabs ul li a					{ float:left; padding:0 8px; text-decoration:none; display:block; height:20px; line-height:20px; font-weight:bold; background-color:#f0f0f0; border-top:#b2b2b2 1px solid; border-left:#b2b2b2 1px solid; border-right:#b2b2b2 1px solid; margin-right:4px; }
.tabs ul li a:hover				{ background-color:#f7f7f7; }
.tabs ul li a.active			{ background-color:#ffffff; color:#333333; }

a img							{ border:none; }


.button							{ width:40px; height:20px; vertical-align:middle; border:none; }
.buttonsmall					{ width:16px; height:16px; vertical-align:middle; border:none; }
.buttonlarge					{ width:184px; height:60px; vertical-align:middle; border:none; }
.photo							{ background-color:#ffffff; padding:3px; border:#cccccc 1px solid; }
.icon16							{ width:16px; height:16px; }
.icon20							{ width:20px; height:20px; }
.icon24							{ width:24px; height:24px; }
.icon32							{ width:32px; height:32px; }
.icon64							{ width:64px; height:64px; }

hr								{ color:#e0e0e0; background-color:#e0e0e0; height:1px; border:none; }
.br								{ margin-bottom:24px; }



/* Quesitons */
.questionrow					{ padding:12px 0; border-bottom:#cccccc 1px dotted; }
.question						{ float:left; margin-right:24px; width:256px; }
.answer							{ float:left; width:354px; }

.radiorow						{ margin-bottom:6px; }
.radiobutton					{ float:left; margin-right:4px; width:20px; }
.radiobutton input				{ border:none; }
.radiotext						{ float:left; width:330px; padding-top:2px; }



/* Tables. */
.tableborder					{ border:#3366cc 1px solid; }
.light							{ background-color:#ffffff; }
.dark							{ background-color:#f7f7f7; }
.marked							{ background-color:#ffffcc; }
td.tableheading					{ padding:0px 8px; height:20px; margin:0; background-color:#3366cc; color:#ffffff; line-height:20px; font-size:12px; font-weight:bold; }
td.list							{ padding:2px 8px; }



/* Bubbles */
.bubblecorner					{ width:3px; height:3px; }
.bubblecornertopleft			{ background:url(Images/Layout/Bubble.png) 0px 0px; }
.bubblecornertopright			{ background:url(Images/Layout/Bubble.png) 3px 0px; }
.bubblecornerbottomleft			{ background:url(Images/Layout/Bubble.png) 0px 3px; }
.bubblecornerbottomright		{ background:url(Images/Layout/Bubble.png) 3px 3px; }
.bubbletop						{ height:2px; background-color:#f7f7f7; border-top:#e0e0e0 1px solid; }
.bubblebottom					{ height:2px; background-color:#f7f7f7; border-bottom:#e0e0e0 1px solid; }
.bubbleleft						{ width:2px; background-color:#f7f7f7; border-left:#e0e0e0 1px solid; }
.bubbleright					{ width:2px; background-color:#f7f7f7; border-right:#e0e0e0 1px solid; }
.bubblespacervert				{ width:1px; height:2px; }
.bubblespacerhoriz				{ width:2px; height:1px; }
.bubble							{ padding:9px; background-color:#f7f7f7; }
.bubble h3						{ margin-top:0; margin-bottom:6px; }



/* Columns */
.column1of2						{ float:left; width:468px; margin-right:24px; }
.column2of2						{ float:left; width:468px; }
.column1of3						{ float:left; width:304px; margin-right:24px; }
.column2of3						{ float:left; width:632px; }
.column3of3						{ float:left; width:304px; }
.column1of5						{ float:left; width:184px; margin-right:10px; }
.column5of5						{ float:left; width:184px; }
.clearboth						{ clear:both; }


/* Vertical Align */
.valign1						{ display:table; #position:relative; overflow:hidden; width:100%; } /* Must specify height when using. */
.valign2						{ #position:absolute; #top:50%; display:table-cell; vertical-align:middle; width:100%; }
.valign3						{ #position:relative; #top:-50%; width:100%; }




/* News */
.calendarmonth					{ font-size:10px; color:#ffffff; }
.calendarday					{ font-size:20px; color:#333333; }
.newstitle						{ font-size:20px; }
.newsdate						{ font-size:10px; color:#999999; }
.linktitle						{ color:#333333; font-size:13px; font-weight:bold; }



/* Layout */
.pagewidth						{ width:960px; height:100%; text-align:left; margin:auto; }
.spacerrow						{ height:12px; }
#canvas							{ width:100%; height:100%; }

#headerrow						{ height:85px; text-align:center; background-color:#000000; }
#header							{ text-align:left; }
#header a						{ color:#668cd9; text-decoration:none; }
#header a:hover					{ color:#ffffff; }

#logo							{ float:left; width:400px; }
#logo img						{ width:400px; height:64px; margin-top:11px; }

#login							{ float:left; width:412px; color:#ffffff; margin-top:12px; margin-right:8px; }
#login input					{ border:none; }

#messages						{ float:left; width:184px; color:#ffffff; text-align:right; margin-top:35px; }
#messages img					{ width:12px; height:12px; }

#loggedon						{ float:left; width:228px; color:#ffffff; text-align:right; margin-top:28px; margin-right:8px; }
#tabs							{ font-size:10px; }
#tabs a.active					{ text-decoration:none; color:#ffffff; }
#tabs a.active:hover			{ text-decoration:underline; }

#chat							{ float:left; width:140px; color:#ffffff; margin-top:12px; }

#pagesrow						{ height:45px; text-align:center; background:#cccccc url(Images/Layout/Tabs.gif); }
#pages							{ text-align:left; }
#pages ul						{ margin:0px; padding:0px; }
#pages li						{ float:left; margin:0px; padding:0px; list-style:none; }
#pages li a						{ float:left; display:block; padding:0 24px; height:45px; line-height:45px; text-align:center; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold; color:#000000; }
#pages li a:hover				{ background:#bbbbbb url(Images/Layout/TabHover.gif); }
#pages li a.active 				{ background:#3366cc url(Images/Layout/TabActive.gif); color:#ffffff; }
#pages li a.active:hover		{ background:#3366cc url(Images/Layout/TabActive.gif); }

#spacerrow						{ height:24px; background-color:#ffffff; }

#navrow							{ text-align:center; height:20px; background-color:#000000; }
#nav							{ text-align:left; font-size:10px; line-height:20px; color:#3366cc; }

#titlerow						{ text-align:center; height:80px; background-color:#000000; }
#title							{ text-align:left; }
#title h1						{ margin:0; display:block; height:32px; padding-top:24px; color:#3366cc; }

/*
#linerowdark					{ height:1px; background-color:#cccccc; }
#linerowlight					{ height:1px; background-color:#ebebeb; }
*/
.blackcontentpaddingrow			{ background-color:#000000; height:24px; }

#blackcontentrow				{ text-align:center; background-color:#000000; height:1px; }
#blackcontent					{ text-align:left; }
#blackcontent a					{ color:#668cd9; text-decoration:none; }
#blackcontent a:hover			{ color:#ffffff; }

#contentrow						{ text-align:center; background-color:#ffffff; }
#content						{ text-align:left; color:#000000; }

#help							{ float:left; width:238px; margin-right:24px; }
#helpcontent					{ float:left; width:634px; }

#footerrow						{ text-align:center; height:72px; background:#000000; }
#footer							{ }
#copyright						{ float:left; width:33%; text-align:left; line-height:72px; font-size:10px; color:#666666; }
#codeofconduct					{ float:left; width:34%; text-align:center; line-height:72px; font-size:10px; color:#666666; }
#wyattsoftware					{ float:right; width:33%; text-align:right; }
#wyattsoftware img				{ width:16px; height:11px; margin-top:30px; }