/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
}

#uber {
	margin:auto;
	padding:0;
	width:950px;
	text-align:left;
}

label {
	font-weight:normal;
}

/* STYLES HOME PAGE ONLY */

/* STYLES FOR CONTENT PAGES ONLY */
#head {
	width:100%;
	height:103px;
}

#head #logo {
	float:left;
}

#head #nav ul {
	float:right;
	padding-top:12px;
}

#head #nav li {
	display:inline;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

#head #nav li a {
	color:#000;
	text-decoration:none;
}

#head #nav li a:hover {
	text-decoration:underline;
}

#navColumn {
	float:left;
	width:230px;
	padding-bottom:15px;
}

#navColumn ul {
	float:left;
	width:230px;
	background:#e0e9f2;
}

#navColumn li#Header_rpPageGroup__ctl0_lblName {
	width:228px;
	text-indent:20px;
	text-transform:uppercase;
	line-height:2.8;
	border:1px solid #c2c2c2;
	background:url(../images/headingBg.jpg) 0 0 no-repeat #dfdfdf;
}

#navColumn li {
	float:left;
	width:100%;
}

#navColumn a {
	padding:0 20px;
	display:block;
	font-size:10px;
	text-decoration:none;
	line-height:2;
	background:#e0e9f2;
	border-bottom:1px solid #9abdd0;
}

#navColumn #navLast a {
	border-bottom:none;
}

#navColumn a:hover {
	background:#d6e0ea;
}

#contentLeft 
{
	float:left;
}

#contentWrap {
	float:right;
	width:710px;
	margin-left:10px;
	/* border:1px solid #f0f0f0; */
}

#contentWrap p {
	padding:0 0 15px 0;
}

.heading {
	background:url(../images/headingBg.jpg) 0 0 repeat-x #dfdfdf;
	border:1px solid #c2c2c2;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height:2.8;
	margin-bottom:15px;
	text-indent:20px;
	text-transform:uppercase;
}

.mandIcon {
	color:#F00;
}


/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */

/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */

/* ----- end template ----- */