/* CSS Document */

/* zero-out browser formatting */
/* links */
a, :link,:visited { text-decoration:none; color:#FF3300; }
a:hover { text-decoration:none; color:#FF3300; }
/* set base font size */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* remove padding and margins */
h1,h2,h3,h4,h5,h6,p,blockquot,fieldset,input
{ margin:0; padding:0 }
/* remove borders around images */
a img,:link img,:visited img, img { border:none }
/* Below statement also strips padding, borders and margins */
body, div, ul, li, dl, dd, dt, p, a, table, tr, th, td, img {padding:0px; border:0px; margin:0px;}

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff;
}
/*This is the container div tag that contains everything*/
#container {
	width: 865px;
	padding: 0px;
	padding-top: 62px;
	margin: 0px auto 0px auto;
	text-align:left;
}

h1{
	padding:20px 0px 10px 0px;
	color:#DE7126;
	font-weight:bold;
	font-size: 1.5em;
}
h2{
	padding:5px 0px 5px 0px;
	color:#DE7126;
	font-weight:bold;
	font-size: .9em;
}

#nav {
	width: 465px;
	clear:both;
	float: left;
}

#nav ul {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:100%;
}
#nav ul li {
	display: inline;
	color:#999999;
	margin: 24px 9px 0px 9px;
	
}
#nav ul li a {
	text-decoration: none;
	color:#A5A5A5;
	padding: 2px 5px 0px 5px;
	border-top: 2px solid #CCC;
}

#nav ul li.active a {
	text-decoration: none;
	color:#DD7126;
	padding: 2px 5px 0px 5px;
	border-top: 2px solid #DD7126;
}

#nav ul li a:hover{
	color:#999999;
	border-top: 2px solid #999;
}
#copyright {
	width: 300px;
	text-align:right;
	display:inline;
	background-position: right;
}
#copyright p {
	padding: 0px 5px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:100%;
	color:#999999;
	text-align: right;
}


#content2 {
	width: 331px;
	margin:0px;
	padding:0px;
	position:relative;
}

#logo {
	width: 331px;
	height: 62px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
#textArea {
	width: 321px;
	height: 200px;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	padding-left: 7px;
	overflow:auto;
	color:#999999;
	vertical-align:top;
	background-color: #FFFFFF;
}
#textAreaHome {
	width: 331px;
	height: 216px;
	margin:0px;
	padding:0px;
	background:url(images/home_ManGraphic.gif) bottom left;
}

#textArea p {
	margin-bottom: 7px;
}
#textArea h2 {
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 6px;
	color:#DD7126;
}
#textArea h3 {
	font-size: 11px;
	font-weight:bold;
	margin-bottom: 3px;
}
#textArea ul {
	padding-bottom: 5px;
	list-style-type: disc;
}
#textArea ul li {
	list-style-type: disc;
	list-style-position: inside;
	padding-left:15px;
}


#orangeBar {
	width: 865px;
	height: 17px;
	background:url(images/home_orangebar.gif) top center;
	clear:both;
}


#portButtons {
	margin:5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	position:relative;
	width: 865px; 
	text-align: center; 
	background-image: url(images/port_bknd.jpg);
	background-repeat: no-repeat;
	width: 865px;
	height: 60px;
	}
	
#portButtons ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	float:right; 
	text-align: center;
	}

#portButtons li {
	margin: 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
    list-style: none;
	display: inline;
	float: left;
	}

#portButtons a {
	float: left;
	text-indent:-9999px;
	width: 50px;
	height: 50px;
	background-image: url(images/spacer.gif);
	background-repeat: no-repeat;
}
#portButtons a:hover{
	float: left;
	text-indent:-9999px;
	width: 50px;
	height: 50px;
	background-image: url(images/port_foreground.jpg);
	background-repeat: no-repeat;
}	
#portButtons a.active {
	float: left;
	text-indent:-9999px;
	width: 50px;
	height: 50px;
	background-image: url(images/port_foreground.jpg);
	background-repeat: no-repeat;
}

#portButtons p {
	float: left;
	text-indent:-9999px;
	width: 50px;
	height: 50px;
	background-image: url(images/spacer.gif);
	background-repeat: no-repeat;
}
	

#port01 a:hover, #port01 a.active, #port01 p {
	background-position: -3px 0px;
}
#port02 a:hover, #port02 a.active, #port02 p {
	background-position: -57px 0px;
}
#port03 a:hover, #port03 a.active, #port03 p {
	background-position: -111px 0px;
}
#port04 a:hover, #port04 a.active, #port04 p {
	background-position: -165px 0px;
}
#port05 a:hover, #port05 a.active, #port05 p {
	background-position: -219px 0px;
}
#port06 a:hover, #port06 a.active, #port06 p {
	background-position: -273px 0px;
}
#port07 a:hover, #port07 a.active, #port07 p {
	background-position: -327px 0px;
}
#port08 a:hover, #port08 a.active, #port08 p {
	background-position: -381px 0px;
}
#port09 a:hover, #port09 a.active, #port09 p {
	background-position: -435px 0px;
}
#port10 a:hover, #port10 a.active, #port10 p {
	background-position: -489px 0px;
}
#port11 a:hover, #port11 a.active, #port11 p {
	background-position: -543px 0px;
}
#port12 a:hover, #port12 a.active, #port12 p {
	background-position: -597px 0px;
}
#port13 a:hover, #port13 a.active, #port13 p {
	background-position: -651px 0px;
}
#port14 a:hover, #port14 a.active, #port14 p {
	background-position: -705px 0px;
}
#port15 a:hover, #port15 a.active, #port15 p {
	background-position: -759px 0px;
}
#port16 a:hover, #port16 a.active, #port16 p {
	background-position: -813px 0px;
}

#content00 {
	width: 534px;
	height: 278px;
	background: url(images/home_r2c1.gif) no-repeat;
	background-position: bottom left;
	overflow:hidden;

}
#content01  {
	width: 534px;
	height: 278px;
	background:url(images/spacer.gif) no-repeat bottom left;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
}
#portButtons p.noLink {
	float: left;
	text-indent:-9999px;
	width: 50px;
	height: 50px;
	background-image: url(images/spacer.gif);
	background-repeat: no-repeat;
}
#contentAbout {
	width: 514px;
	height: 278px;
	background:url(images/spacer.gif) no-repeat bottom left;
	float:left;
	margin:0px;
	padding:0px 20px 0px 0px;
	position:relative;
}
#contentAbout p {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 140%;
}
#nav li a.active {
	border-top: 2px solid #999;
}
#contentContact {
	width: 534px;
	height: 278px;
	background:url(images/contact_arrow.gif) no-repeat bottom left;
}
.small {
	font-size: 75%;
	font-weight: normal;
}