/* General Text */

body
{
	background: white;
	font-family: Verdana, Tahoma, Arial;
	font-size: 70%;
}

p, ul
{
	MARGIN-TOP: 0.5em;
	MARGIN-BOTTOM: 1em;
	LINE-HEIGHT: 170%;
}

body
{
	padding: 0px;
	margin: 0px;
}

.smallertext
{
	font-size: 85%;
}

.biggertext
{
	font-size: 120%;
}

.bigheading, h1
{
	font-family: Trebuchet MS;
	font-size: 190%;
	font-weight: bold;
	color: #4071C7;
	padding-bottom: 3px;
}

.mediumheading, h2
{
	font-family: Verdana;
	font-size: 120%;
	font-weight: bold;
}

p.smallheading
{
	background: #F4F4F4;
	border-left: 3px solid #648CD2;
	font-weight: bold;
	padding: 1px 1px 1px 6px;
	color: black;
}

td.mainpadding
{
	padding-left: 12px;
	padding-right: 5px;
	padding-top: 10px;
}

/* Inset Panels */

div.insetpanel
{
	border-bottom: 1px dotted #D5DCEB;
	background: white;
}

div.insetpanel .content
{
	color: #555555;
}

div.insetpanel .heading
{
	background: url(/images/panel/header.gif) repeat-x;
	color: black;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
}

.panelleftmargin
{
	background: url(/images/panel/leftmargin.gif) repeat-y;
}

.panelrightmargin
{
	background: url(/images/panel/rightmargin.gif) repeat-y;
}

div.insetpanel .smallheading
{
	border: none;
	background: transparent;
	color: Black;
	font-weight: bold;
	font-size: 115%;
}

/* Right Margin */

.rightmargin
{
	background: url(/images/waterside/rightnav-back.gif) top left repeat-y #EDEDED;
	height: 100%;
	padding-left: 14px;
	padding-right: 2px;
	color: #555555;
}

.rightmargin p
{
	line-height: 140%;
}

.rightmargin p.smallheading
{
	font-weight: bold;
	background: none;
	padding: 0px;
	border: none;
	font-size: 110%;
	color: #4071C7;
}

.rightmargin a, .rightmargin a:visited, .rightmargin a:active
{
}

.rightmargin .sectionitem
{
	background: url(/images/horizontaldot.gif) bottom left repeat-x;
	padding-top: 2px;
	padding-bottom: 5px;
}

.rightmargin .sectionitem a, .rightmargin .sectionitem a:visible
{
	color: darkblue;
	text-decoration: none;
}

/* Left Margin */

.leftmargin
{
	background: white;
	padding-left: 0px;
	padding-right: 6px;
	line-height: 3.4ex;
	float: left;
}

.leftmargin a, .leftmargin a:visited
{
	color: black;
	text-decoration: none;
}

.leftmargin .contenttop
{
	background: url(/images/waterside/leftnav-back-top.gif) top right;
	height: 16px;
	width: 142px;
}

.leftmargin div.content
{
	width: 142px;
	padding-left: 3px;
	padding-right: 10px;
	background: url(/images/waterside/leftnav-back-middle.gif) top left no-repeat;
	min-height: 277px;
}

.leftmargin .contentbottom
{
	background: url(/images/waterside/leftnav-back-bottom.gif) top right;
	height: 55px;
	width: 142px;
}

.leftmargin .sectionheading
{
	padding-top: 6px;
	padding-bottom: 1px;
	margin-bottom: 5px;
	font-size: 110%;
	color: #4071C7;
}

.leftmargin .sectionheading2
{
	font-weight: bold;
	color: Gray;
}

.leftmargin .sectionitem
{
	padding-left: 10px;
}

.leftmargin a:hover, .leftmargin a:visited:hover
{
	color: darkorange;
	text-decoration: underline;
}

.leftmargin .smallheading
{
	font-weight: bold;
	color: Black;
	font-size: 120%;
}

/* Links */

a, a:visited, a:active
{
	color: #0077FF;
}

a:hover
{
	color: #ff6600;
}

a.toplink, a.toplink:visited
{
	font-family: Arial;
	text-decoration: none;
	color: white;
	font-size: 115%;
	font-weight: bold;
}

a.toplink:hover, a.toplink:visited:hover
{
	text-decoration: underline;
	color: #DDDDDD;
}

a.plain, a.plain:visited, a.plain:active
{
	color: Black;
	text-decoration: none;
}

a.plain:hover
{
	color: darkorange;
}

/* Other */

tr.alternate1
{
	background-color: #E6F1FB;
}

tr.alternate2
{
	background-color: #F5FAFF;
}

ul.checkmarks
{
	list-style-image: url(/images/waterside/check-list.gif);
	margin-left: 25px;
}

th
{
	text-align: left;
	background: url(/images/panel/headerbg.gif) top left repeat-x #F6F7FB;
}

tr.tableheading
{
	background-color: black;
	color: White;
	font-weight: bold;
}

.figure
{
	font-size: 80%;
	padding: 5px;
	text-align: center;
}

pre.code
{
	background-color: #F5FAFF;
	border: 1px solid #E6F1FB;
	color: #000055;
	padding: 5px;
}

span.code
{
	font-family: Courier New;
	font-weight: bold;
	color: #000055;
}

input, select, textarea
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
}

pre.colorcode
{
	font-family: Verdana;
	font-size: 8pt;
	border-left: 3px solid #5C80B1;
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background: #FCFCFC;
	padding: 2px 2px 2px 4px;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 10px 20px 10px 20px;
	line-height: 160%;
}