/* 
	See 1u-graphic-design.doc for more design information.
*/

/* Core Defaults - Establish base font-family and font-size */
body
{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}
td
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

/* Site Defaults - Standard Elements */
h1
{
	margin: .2em 0em .2em 0em;
	font-size: 1.5em;
	font-weight: normal;
}
h2
{
	margin: 0px 0px .5em 0px;
	font-size: 1.2em;
}
h3
{
	margin: 0px 0px .5em 0px;
	font-size: 1em;
}
h4
{
	margin: 0px 0px .5em 0px;
	font-size: .9em;
}
h5
{
	margin: 0px 0px .5em 0px;
	font-size: .85em;
}
p
{
	margin: 0 0 .5em 0;
	font-weight: lighter;
}
ul
{
	margin: 0 0 .5em 2em;
}
ul li
{
	margin: .2em 0 .2em 0 0;
}
ol
{
	margin: 0 0 0 2em;
}
ol li
{
	margin: .2em 0 .2em 0 0;
}

img
{
	border: 0;
}
form
{
	margin: 0;
}
table
{
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;	
	vertical-align: middle;
}
fieldset
{
	margin: .5em;
	padding: .5em;
}

/* Site Defaults - Site Specific Classes */
.header-cell
{
	color: black;
	font-weight: bold;
	background-color: #DDDDDD;
	border: solid 1px #999999; 
}
.label-cell
{
	color: black;
	background-color: #DDDDDD;
	/* border-top: solid 1px #999999;
	border-bottom: solid 1px #999999; */
	border: solid 1px #999999; 
	
}
.data-cell, .field-cell, .link-cell
{
	/* border-top: solid 1px #999999;
	border-bottom: solid 1px #999999; */
	border: solid 1px #999999; 
}
.error-cell
{
	color: Red;
}
.error-summary
{
	color: Red;
}
.error-summary ul li
{
	color: Red;
}
.button
{
	margin-top: .5em;
}

/* Site Default Layout Styles */
#header
{
	width: 100%;
	background-color: #bfbfff;
}
#header-logo
{
	vertical-align: bottom;
	background-color: #1f1fff;
}
#header-logo-float
{
	/* float: left;
	clear: both; */
	/* filter: alpha(opacity=75); */
}
#header-logo-float h1
{
	margin: 0;
	padding: 0 .25em 0 .25em;
	font-size: 1.5em;
	font-weight: normal;
	background-color: #1f1fff;
	color: #dfdfff;
}
#header-logo-float h2
{
	margin: 0px;
	font-size: 1em;
	font-weight: normal;
	background-color: #1f1fff;
	color: #dfdfff;
}
#header-top-links
{
	vertical-align: top;
	padding: 0px;
}
#header-top-links-float
{
	float: right;
	filter: alpha(opacity=75);
}
#header-top-links-float a
{
	font-size: .75em;
	color: #d2004d;
	text-decoration: none; 
	text-transform: uppercase;
}
#header-top-links-float a:hover, #header-top-links-float a:active
{
	color: #d2004d;
	text-decoration: underline; 
}
#header-bottom-links
{
	vertical-align: bottom;
	padding: 0px;
}
#header-bottom-links-float
{
	float: right;
	filter: alpha(opacity=75);
}
#header-bottom-links-float a
{
	font-size: .8em;
	font-weight: bold;
	color: #0000ff;
	text-decoration: none; 
	text-transform: uppercase;
	
}
#header-bottom-links-float a:hover, #header-bottom-links-float a:active
{
	color: #0000ff;
	background-color: #dfdfff;
	text-decoration: underline; 
}
#header-dropdown-menus
{
}
#header-dropdown-menus-float
{
}
#header-tabs
{
	width: 100%;
	vertical-align: bottom;
}
#header-tabs-float
{
	width: 100%;
}
#header-tabs-float td
{
	vertical-align: bottom;
}

#footer
{
	width: 100%;
	background-color: #bfbfff;
}
#footer-logo
{
	vertical-align: top;
	padding: 0px;
	background-color: #1f1fff;
}
#footer-logo-float
{
	float: right;
	clear: both;
	filter: alpha(opacity=75);
}
#footer-logo-float h1
{
	margin: 0px;
	padding: 0 .25em 0 .25em;
	font-size: 1.5em;
	font-weight: normal;
	background-color: #1f1fff;
	color: #dfdfff;
}
#footer-logo-float h2
{
	margin: 0px;
	font-size: 1em;
	font-weight: normal;
	background-color: #1f1fff;
	color: #dfdfff;
}
#footer-top-links
{
	vertical-align: top;
	padding: 0px;
}
#footer-top-links-float
{
	float: left;
	filter: alpha(opacity=75);
}
#footer-top-links-float a
{
	font-size: .75em;
	color: #d2004d;
	text-decoration: none; 
	text-transform: uppercase;
}
#footer-top-links-float a:hover, #footer-top-links-float a:active
{
	color: #d2004d;
	text-decoration: underline; 
}
#footer-bottom-links
{
	vertical-align: bottom;
	padding: 0px;
}
#footer-bottom-links-float
{
	float: left;
	filter: alpha(opacity=75);
	font-size: .7em;
}
#footer-bottom-links-float a
{
	margin: 0;
	font-weight: bold;
	color: #0000ff;
	text-decoration: none; 
	
}
#footer-bottom-links-float a:hover, #footer-bottom-links-float a:active
{
	color: #0000ff;
	background-color: #dfdfff;
	text-decoration: underline; 
}

/* body-table is a two column container for the menu and main panes. I tried
   using just CSS to create this layout, but, without using a fixed column width, 
   I couldn't get it to work on the supported browsers. I believe that the problem
   is that NN6 and Opera don't support height: 100% when float: left is in use... */
#body-table
{
}
#body-left-menu
{
	height: 100%;
	background-color: #ffa000;
	vertical-align: top;
	padding: .25em;
}

/* content is where the page's content goes - it has to be there somewhere, doesn't it? */
#content
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#content-header
{
	background-color: #d2004d;
	color: #ffd9e6;
	padding: 0;
}
#content-header h1
{
	margin: 0px;
	text-align: right;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
}
#content-body
{
	padding: 0 .5em 0 .5em;
}
/* In IE, 100% wide tables will cause horizontal scrolling problems when
   when placed inside a div with margins (like content-body). Putting
   them inside another 100% wide div (like content-body-width) is a workaround. */
#content-body-width
{
	width: 100%;
}
/* workaround for the workaround */
#content-body-width fieldset
{
	margin: .5em 0 .5em 0;
	padding: .5em;
}

#content-menu
{
	margin: 0em 0em .5em 0em;
}
#content-menu p
{
	margin: 0em 0em .2em 0em;
	font-size: .9em;
	font-weight: bold;
}
#content-menu ul
{
	margin: 0 0 0 2.25em;
	padding: 0;
	font-size: .8em;
	font-weight: normal;
	list-style-image: url(images/content-arrow-down.gif);
}
#content-menu h2
{
	margin: 0em 0em .2em .5em;
	font-size: .8em;
	font-weight: normal;
}
.content-top-link
{
	display: block;
	margin: 1em 0em 2em .5em;
	font-size: .6em;
}
#content-footer
{
	background-color: #d2004d;
	color: #ffd9e6;
}
#content-footer p
{
	margin: 0px;
	text-align: right;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
}
/* h1, h2, h3, h4, p, td, etc. via Site Default */

/* Home Layout */
.home-table
{
	width: 100%;
	margin: .25em 0 0 0;
}
.home-table td
{
	padding: .25em;
	font-size: .8em;
	vertical-align: top;
}
.home-table td a, .home-table td a:visited
{
	text-decoration: none;
}
.home-table-image
{
	text-align: center;
}
.home-title
{
	text-align: center;
	color: #ff0000;
	margin: .75em 0 .75em 0;
	font-size: 1.5em;
}
.home-signature
{
	text-align: center;
}

/* Control Panel Layout */
.control-panel-table
{
	width: 100%;
	margin: .25em 0 0 0;
}
.control-panel-table td
{
	padding: .25em;
	font-size: .8em;
	vertical-align: bottom;
	text-align: center;
}
.control-panel-table td a, .control-panel-table td a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: Black;
}

/* Billing Layout */
.billing-table
{
	width: 100%;
}
.billing-table td
{
	vertical-align: top;
}

/* About Layout */
.about-table
{
	margin: .25em 0 0 0;
}
.about-table td
{
	padding-right: 1em;
	font-size: .8em;
	vertical-align: top;
}

/* Hosting Layout */
.hosting-table
{
	margin: .25em 0 0 0;
}
.hosting-table td
{
	padding-right: 1em;
	font-size: .8em;
	vertical-align: top;
}

/* Support Layout */
.support-question-list
{
	list-style-image: url(../images/q.gif);
}

/* Dialog Layout */

#dialog-body
{
	padding: 0px .5em 0px .5em;
}
#dialog-body h2
{
	text-align: center;
}
.dialog-table
{
	background-color: eeeeee;
	padding: 0;
}

/* Login Layout */

/* spaw HTML editor Defaults (not end user visible) */
.spaw
{
	margin: 0;
}
.spaw table
{
	margin: 0;
}
.spaw td
{
	margin: 0;
	padding: 0;
}