/* CSS Document */

body {
	background-color:#d9d9d9;
	background-image:none;
	margin:0;
	padding:0;
	text-align:center;/*needed to center content window*/
	}
ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul li {
	margin:1px 0 0 0;
	}
h1 {
	background-color:transparent;
	font-size:15px;
	color:#fc9200;
	font-weight:normal;
	margin:0;
	padding:0;
	}
h2 {
	background-color:transparent;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin:10px 0 5px 210px;
	}
h3 {
	background-color:transparent;
	font-size:12px;
	font-weight:normal;
	color:#999;
	margin:0 0 0 10px;
	line-height:16px;
	padding:0;
	}
p {
	background-color:transparent;
	font-size:11px;
	color:#999;
	line-height:15px;
	margin:5px 0 0 0;
	padding:0;
	}
.selected {
	color:#fc9200;
	text-decoration:none;
	}

/*create container that will center the page*/	
#pageContainer {
	background-color:#fff;
	background-image:none;
	margin:20px auto 0 auto;
	padding:0;
	width:760px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#999;
	}
/*set properties for all text links within the page container*/
#pageContainer a:link, #pageContainer a:visited {
	color:#999;
	text-decoration:none;
	}
#pageContainer a:active, #pageContainer a:hover {
	color:#fc9200;
	text-decoration:none;
	}
/*remove border on images that IE and other browsers add*/
#pageContainer img {
	border-style:none;
	}
	
/*create curved edges for top and bottom of container using a background images*/
#pageTop {
	background-color:#fff;
	background-image:url(../images/pageTop.gif);
	background-repeat:no-repeat;
	width:760px;
	height:6px;
	}
#pageBtm {
	background-color:#d9d9d9;
	background-image:url(../images/pageBottom.gif);
	background-repeat:no-repeat;
	width:760px;
	height:6px;	
	}

/*create header properties*/
#header {
	width:760px;
	height:61px;
	}
#headerLeft {
	float:left;
	width:240px;
	height:61px;
	text-align:right;
	}
#headerCenter {
	float:left;
	width:250px;
	}
#headerCenter ul {
	text-align:right;
	margin-top:5px;
	}
#headerRight {
	text-align:left;
	float:left;
	}
#headerRight ul li {
	float:left;
	margin:5px 0 0 5px;
	}

/*footer properties*/
#footer {
	width:760px;
	}
#footerContent {
	text-align:right;
	padding-top:45px;
	margin:8px 52px 0 0;
	}

/*create content area*/
#contentArea {
	background-color:#f3fbff;
	float:left;
	width:760px;
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
	}
#contentLeft {
	float:left;
	width:360px;
	margin:10px 0 0 0;
	}
#contentRight {
	float:right;
	width:400px;
	margin:10px 0 10px 0;
	}

/*containers within the left side of content area*/
#sectionHeader {
	width:295px;
	}
#sectionHeader h1 {
	margin:5px 0 0 210px;
	}
#subNavHolder{
	background-color:#f2f2f2;
	background-image:url(../images/subBack.gif);
	background-repeat:repeat-y;
	width:295px;
	margin:5px 0;
	}
#subNavTop {
	background-color:transparent;
	background-image:url(../images/subMenuTop.gif);
	background-repeat:no-repeat;
	width:295px;
	height:6px;
	}
#subNavBtm {
	background-color:#f3fbff;
	background-image:url(../images/subMenuBtm.gif);
	background-repeat:no-repeat;
	width:295px;
	height:6px;
	}
#subNav {
	width:295px;
	}
#subNav ul li {
	margin:0 0 2px 210px;
	}

/*containers within the right side of content area*/
.whiteBox {
	background-color:#f3fbff;
	background-image:url(../images/mainContentSides.gif);
	background-repeat:repeat-y;
	width:350px;
	margin:5px 0 0 0;
	}
.whiteBoxTop {
	background-color:transparent;
	background-image:url(../images/contentTopWhite.gif);
	background-repeat:no-repeat;
	width:350px;
	height:7px;
	}
.whiteBoxBtm {
	background-color:#f3fbff;
	background-image:url(../images/contentBtmWhite.gif);
	background-repeat:no-repeat;
	width:350px;
	height:7px;
	margin:0;
	}
.whiteBoxTitle {
	display:block;
	width:350px;
	height:15px;
	margin:0;
	padding:0;	
	}
.whiteBoxContent {
	display:block;
	width:350px;
	}
.whiteBoxContent p {
	margin:10px 10px 0 10px;
	padding:0 0 0 0;
	line-height:13px;
	}
.whiteBoxContent ul {
	margin:0 10px 0 25px;
	padding:0;
	list-style-type: disc;
	line-height:15px;
	}
.whiteBoxContent ul li {
	margin:5px 0 0 0;
	}
.whiteBoxTitle img {
	border-style:none;
	float:right;
	margin:0 8px;
	padding:0;
	}
.subhead {
	margin:0 0 5px 0;
	color:#444;	
	}

/*gray containers within the right side of content area*/
.grayBox {
	background-color:#f3fbff;
	background-image:url(../images/contentSidesGray.gif);
	background-repeat:repeat-y;
	width:350px;
	margin:5px 0 0 0;
	}
.grayBoxTop {
	background-color:transparent;
	background-image:url(../images/contentTopGray.gif);
	background-repeat:no-repeat;
	width:350px;
	height:7px;
	}
.grayBoxBtm {
	background-color:#f3fbff;
	background-image:url(../images/contentBtmGray.gif);
	background-repeat:no-repeat;
	width:350px;
	height:7px;
	margin:0;
	}
.grayBoxTitle {
	display:block;
	width:350px;
	height:15px;
	margin:0;
	padding:0;	
	}
.grayBoxContent {
	display:block;
	width:350px;
	}
.grayBoxContent p {
	margin:0 0 0 10px;
	padding:0;
	}
.grayBoxTitle img {
	border-style:none;
	float:right;
	margin:0 8px;
	padding:0;
	}


/*create portfolio page adjustments to layout*/	
.grayBoxTitlePort {
	display:block;
	width:350px;
	height:15px;
	margin:0 0 0 10px;
	padding:0;
	color:#fc9200;
	}
.grayBoxContentPort {
	display:block;
	width:350px;
	height:71px;
	}
.grayBoxContentPort p {
	margin:0 10px 0 10px;
	padding:0;
	}
.whiteBoxPort {
	display:block;
	width:350px;
	height:206px;
	text-align:center;
	}
.whiteBoxPort img {
	background:#fff;
	}
#subNavPort {
	width:295px;
	}
#subNavPort ul {
	float:right;
	margin:0 0 2px 0;
	padding:0 10px 10px 0;
	display:block;
	}
#subNavPort ul li {
	margin:2px 2px 0 2px;
	width:26px;
	height:26px;
	padding:0;
	float:right;
	position:relative;
	display:block;
	}

/*homepage attributes*/
#homeLinks ul li {
	float:left;
	margin:0 8px 0 0;
	}


/*create float clearing classes*/
.clearFloat {
	clear:both;
	}