body
{
	background: white;
	margin: 0 auto 10px auto;
	width: 740px;
	color: black;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-family: verdana,ariel,helvetica,sans-serif;
	text-align: center;
}

#username {font-weight: bold; }

/* Sets basic colors for headlines */
h1,h2,h3,h4 { color: #609; background: transparent; }
h5,h6 { color: black; background: transparent; }

/* Sets Size and decoration/style for headlines */
h1 { font-size: 24px; margin: 6px 0; padding: 0; }
h2 { font-size: 16px; margin: 0; padding: 0; }
h3 { font-size: 13px; margin: 0; padding: 0; }
h4 { font-size: 11px; margin: 0; padding: 0; }
h5 { font-size: 11px; margin: 0; padding: 0; }
h6 { font-size: 13px; font-style: oblique; font-weight: normal; margin: 0 0; padding: 0; }

/* Basic paragraph styling allows for tight spacing 
   with elements above it and automatic spacing below it */
p { text-align: left; margin: 0 0 10px; padding: 0; }

ul { font-style: oblique; margin: -10px 0 10px; padding: 0; }
li { font-style: normal; margin: 0 0 0 1.5em; }

/* Color and background here are the same because different browsers
   use one or the other element to define the color of the rule */
hr { height: 1px; background: #609; color: #609; border: 0 none; margin: 2px 0; }

table { margin: 0; }

.nowrap { white-space: nowrap; }

/* these are the classes for table highlighting */
.odd { background: #ff9; color: black; }
.evn { background: #ffc; color: black; }

div.category { width: 200px; margin: 8px 0; clear: both; vertical-align: middle; }
div.cat-buttons { width: 50px; vertical-align: middle; display: inline; }
div.cat-text { margin: 0 0 0 50px; padding: 2px 0 0; width: 150px; vertical-align: middle; display: block; }

/* The folowing three table classes are interchangeable in the code
   merely plug in "yellow," "white," or "rolodex" in class in the table 
   tag of the template code, and the style will plug in everything else
   (provided you have not altered any of the class attributes in the 
   dependent td tags) */ 
table.yellow { margin: 0; text-align: left; background: #ffc; color: black; }
table.yellow td.UL { background: #ffc url('_images/yellow_corner_UL.gif') no-repeat; color: black; }
table.yellow td.top { background: #ffc url('_images/yellow_top.gif') repeat-x; color: black; }
table.yellow td.UR { background: #ffc url('_images/yellow_corner_UR.gif') no-repeat; color: black; }
table.yellow td.left { background: #ffc url('_images/yellow_left.gif') repeat-y; color: black; }
table.yellow td.right { background: #ffc url('_images/pixel_ffc.gif'); color: black; }
table.yellow td.LL { background: #ffc url('_images/yellow_corner_LL.gif') no-repeat; color: black; }
table.yellow td.bottom { background: #ffc url('_images/pixel_ffc.gif'); color: black; }
table.yellow td.LR { background: #ffc url('_images/yellow_corner_LR.gif') no-repeat; color: black; }

table.white { margin: 0; text-align: left; background: white; color: black; }
table.white td.UL { background: white url('_images/white_corner_UL.gif') no-repeat; color: black; }
table.white td.top { background: white url('_images/white_top.gif') repeat-x; color: black; }
table.white td.UR { background: white url('_images/white_corner_UR.gif') no-repeat; color: black; }
table.white td.left { background: white url('_images/white_left.gif') repeat-y; color: black; }
table.white td.right { background: white url('_images/white_right.gif') repeat-y; color: black; }
table.white td.LL { background: white url('_images/white_corner_LL.gif') no-repeat; color: black; }
table.white td.bottom { background: white url('_images/white_bottom.gif') repeat-x; color: black; }
table.white td.LR { background: white url('_images/white_corner_LR.gif') no-repeat; color: black; }

table.rolodex { margin: 0; text-align: left; background: white; color: black; }
table.rolodex td.UL { background: white url('_images/white_corner_UL.gif') no-repeat; color: black; }
table.rolodex td.top { background: white url('_images/white_top.gif') repeat-x; color: black; }
table.rolodex td.UR { background: white url('_images/white_corner_UR.gif') no-repeat; color: black; }
table.rolodex td.left { background: white url('_images/white_left.gif') repeat-y; color: black; }
table.rolodex td.right { background: white url('_images/white_right.gif') repeat-y; color: black; }
table.rolodex td.LL { background: white url('_images/white_corner_LL.gif') no-repeat; color: black; }
table.rolodex td.bottom { background: white url('_images/white_rolodex.gif') repeat-x top center; color: black; }
table.rolodex td.LR { background: white url('_images/white_corner_LR.gif') no-repeat; color: black; }

/* Similar in style structure to the three tables above the code provided in the tempatles
   is not interchangeable with the counterpart tables seen in the templates (td tags have
   different dimmensions) */
table.reviews { margin: 0; text-align: center; background: #fc0; color: black; }
table.reviews { background: #fc0; color: black; }
table.reviews td.UL { background: #fc0 url('_images/gold_corner_UL.gif') no-repeat; color: black; }
table.reviews td.top { background: #fc0 url('_images/gold_top.gif') repeat-x; color: black; }
table.reviews td.UR { background: #fc0 url('_images/gold_corner_UR.gif') no-repeat; color: black; }
table.reviews td.left { background: #fc0 url('_images/gold_left.gif') repeat-y; color: black; }
table.reviews td.right { background: #fc0 url('_images/gold_right.gif') repeat-y; color: black; }
table.reviews td.LL { background: #fc0 url('_images/gold_corner_LL.gif') no-repeat; color: black; }
table.reviews td.bottom { background: #fc0 url('_images/gold_bottom.gif') repeat-x top center; color: black; }
table.reviews td.LR { background: #fc0 url('_images/gold_corner_LR.gif') no-repeat; color: black; }

/* This is the table styling used on the reviews and ratings pages. */
table.QandA { margin: 1em 0 0; width: 420px; text-align: left; background: #ffc; color: black; }
table.QandA tr { vertical-align: top; }
table.QandA tr.info { font-size: 11px; }
table.QandA tr.group { text-align: right; }
table.QandA td.date { text-align: right; }
table.QandA td.summary { font-weight: bold; }
table.QandA td.answer { text-align: right; }
table.QandA td.question { text-align: left; padding: 0 0 0 5px; }
table.QandA h3 { font-style: oblique; padding: 0 0 5px; }

/* This is the table styling used on appropriate forms. */
table.forms { margin: 1em 0 0; width: 420px; text-align: left; background: #ffc; color: black; }
table.forms tr { vertical-align: middle;}
table.forms td { padding: 5px 2px; }
table.forms td.label { text-align: right; white-space: nowrap; }
table.forms tr.error td.label { color: #c00; font-weight: bold; }
table.forms tr.no-error { display: none; }
table.forms tr.error .required { color: #c00; background: transparent; }
table.forms td.field { text-align: left; padding: 0 0 0 5px; }

table.checklists { margin: 0 auto .75em auto; clear: both; }
table.checklists td { width: 130px; }
table.checklists p { margin: 0 0 0 2em; padding-right: 5px; text-indent: -2em; }
table.checklists p input { margin-right: 0; vertical-align: middle; text-align: center; }

/* This is basic size and layout formatting for nav buttons and breadcrumb navigation */
.navtext { margin: 0 10px; font-size: 9px; text-align: center; white-space: normal; }
.nav-bread { margin: 0; font-size: 9px; text-align: left; white-space: normal; }

/* These are the style classes that control the look of the main navigation bar */
.nav-main { background: #fc0 url(_images/nav_main_underlay.gif) repeat-x top; padding: 0; border: 0; color: black; }
.nav { background: white url(_images/nav_main_button.gif) repeat-x top; color: black; padding: 0; border: 0; }
.nav-select { background: #fc0 url(_images/nav_main_button_select.gif) repeat-x; color: black; padding: 0; border: 0; }

/* These are the style classes that control the look of the contextual navigation bar
   (when it is on the light yellow background) */
.nav-bar { background: white url(_images/nav_yellow_button.gif) repeat-x top; color: black; padding: 0; border: 0; }
.nav-bar-select { background: #fc0 url(_images/nav_yellow_button_select.gif) repeat-x; color: black; padding: 0; border: 0; }

.required { font-weight: bold; }
.error { color: #c00; background: #ff9; }

a:link { color: #09f; background: transparent; text-decoration: none; }
a:visited { color: #66c; background: transparent; text-decoration: none; }
a:hover { color: white; background: #09f; text-decoration: none; }
a:active { color: white; background: #66c; text-decoration: none; }

table.pick-to-rate tr.odd td { padding: .5em 2px; }
table.pick-to-rate tr.evn td { padding: .5em 2px; }

/*	*/