/*  Base styles for standard HTML elements */
body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: white; /* decimal fontsize fixing font resizing bug in IE5/6 */
	font-size: 100.01%;
	min-width: 775px;
}

#maxwidth
{
	height: 1px;
	width: 800px;
}

img
{
	border: 0;
}

input, select, textarea, table
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Base styles for DNN CSS classes */
.DNNEmptyPane
{
	display: none!important;
}

.normal, .normalred, .normaldisabled
{
	font-size: 0.8em;
	vertical-align: top;
}

.subhead
{
	font-size: 0.8em !important;
}

.CommandButton
{
	text-decoration: underline;
}

.Head
{
	font-size: 1.2em;	
}

.ControlPanel, .ControlPanel TABLE
{
	font-size: 10pt;
}

/* Fixes for nested relative sizes */
.normal .normal, .normal .normal .normal, .normal .normal .normal .normal, .normal .normal .normal .normal .normal, 
.normal .normal .normal .normal .normal .normal, .normal .normal .normal .normal .normal .normal .normal,
.subhead .subhead, .normal .subhead,
.subhead .subhead, .subhead .subhead .subhead, .subhead .subhead .subhead .subhead, .subhead .subhead .subhead .subhead .subhead
{
	font-size: 1em !important; /*line-height: 1em!important;*/
}

/*  Skin styles */
#page-wrapper
{
	font-size: 100.01%;
	position: relative;
}

#header
{
	/*background-image: url(images/banner-repeat.jpg);
	background-repeat: repeat-x;*/
	height: 80px;
	overflow: hidden;
	border-bottom: solid 2px yellow;
	background-color: #ddd127;
}

#masthead
{
	position: relative;
}

.rightimage
{
	position: absolute;
	right: 2px;
	top: -20px;
}

#search
{
	padding-left: 4px;
}

#tools
{
	position: absolute;
	right: 10px;
	top: 8px;
	color: White;
}

#tools A
{
	color: White;
}

#topmenu
{
  background-color: Black;
  color: White;	
  font-weight: bold;
  font-size: 0.9em;
  padding-top: 8px;
  padding-bottom: 8px;
}

#topmenu A
{
	color: White;	
	padding-left: 8px;
	padding-right: 8px;
}

#ContentArea
{
	margin-top: 10px;
}

#ContentRowA, #ContentRowB, #ContentRowC, #ContentRowD
{
	width: 100%;
	overflow: hidden;
}

.LeftPaneA, .ContentPaneA, .RightPaneB, .ContentPaneB, .LeftPaneC, .ContentPaneC, .RightPaneC, .LeftPaneD, .RightPaneD
{
	display: block;	
}

/*  Content Row A  */
.LeftPaneA
{
	width: 200px;
	float: left;
}

.ContentPaneA
{
	margin-left: 200px;
}

.IE .ContentPaneA
{
	margin-left: 0px;
}

/*  Content Row B  */
.ContentPaneB
{
	margin-right: 280px;	
}

.IE .ContentPaneB
{
	margin-right: 0px;
	display: inline-block;
}

.RightPaneB
{
	width: 260px;
	float: right;
	margin-right: 10px;
}

/*  Content Row C  */
.LeftPaneC
{
	width: 33.3%;
	float: left;
	display: inline-block;
}

.ContentPaneC
{
	width: 33.3%;
	float: left;
	display: inline-block;
}

.RightPaneC
{
	width: 33.3%;
	float: left;
	display: inline-block;
}

#ContentRowD
{
	vertical-align: top;
}

.LeftPaneD
{
	width: 49.9%;
	float: left;
}

.RightPaneD
{
	width: 49.9%;
	float: left;
}

/* Container classes.  This is a simple skin, so we're putting all the CSS in one file */
.containers 
{
	padding-left: 8px;	
	padding-right: 8px;	
}

.containers .content
{
	position: relative;
	padding-bottom: 1em;
	margin-bottom: 1em;
	_height: 0;  /*  IE 'hasLayout' bug workaround */
}

.containers .content .heading .menu TABLE
{
	width: 20px;
}

.containers .content .body
{
	_height: 0;  /*  IE 'hasLayout' bug workaround */
}

.containers .content-blue H2, .containers .content-blue H2 .head
{
	color: #00aeef;
}

.containers .content-blue
{
	background-color: #8dd8f8;
	margin-bottom: 0.8em;
}

.containers .content-green H2, .containers .content-green H2 .head
{
	color: #71bf44;
}

.containers .content-green
{
	background-color: #c5e1ad;
	margin-bottom: 0.8em;
}

.containers .content .heading
{
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.4em;
}

.containers .content .body
{
	padding-left: 1em;
	padding-right: 1em;
}

.containers .curve-topleft
{
	position: absolute;
	top: 0;
	left: 0;
}

.containers .curve-topright
{
	position: absolute;
	top: 0;
	right: 0;
}

.containers .curve-bottomleft
{
	position: absolute;
	bottom: 0;
	left: 0;
}

.containers .curve-bottomright
{
	position: absolute;
	bottom: 0;
	right: 0;
}

/* Special classes */

/* what people are saying sidebar on the home page  */
.what-people-are-saying
{
	width: 260px; 
	height: 524px; 
	background-image: url(/portals/0/images/main/what-people-are-saying.jpg);
	padding-top: 95px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.9em;
	margin-right: 8px;
}

/*  Google map on the about page */
.map
{
	float: right; 
	width: 450px; 
	height: 320px;
	margin-right: 10px; 
	margin-top: -40px;
}