/* << ----------------// General Styles //------------ */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	background-color: #cccccc;
}

p {
	margin:4px 0 6px 0;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

strong {
font-weight:400;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
	font-weight: 600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

h1 {
	font-size:20px;
	line-height:26px;
	padding-bottom: 10px;
	color:#993300;
}

h2 {
font-size:16px;
	padding-bottom: 5px;
}

h3 {
font-size:14px;
}

h4 {
font-size:13px;
font-weight:bold;
}

h5, td {
	font-size:12px;
	font-weight:normal;
	line-height:20px;
}

#mainContainer {
	margin:0;
	padding:0;
	width:800px;
	float: left;
	background-color:#FFFFFF;
}

.blockquote  {
	padding: 5px 0px 5px 0px;
	margin:0 0 0 25px;
}

/* << ----------------// header //------------ */

#ptpheader{
	height: 200px;
	background-image: url(../images/TubePipe2010Header.jpg);
	background-repeat: no-repeat;
	width: 800px;
	margin: 0;
	padding: 0;
	position: absolute;
	background-color:#FFFFFF;
	clear:both;
}

/* << ----------------// Top Nav //------------ */

#topnav{
	text-align: center;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background-color: #003300;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 10px;
}

#topnav a:hover, #topnav a:focus{
	color: #FFCC00;
}

#topnav ul {
	margin:0;
	padding: 5px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style:none;
	display:inline;
}

#topnav li {
	margin:0;
	padding: 5px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style:none;
	display:inline;
}

#topnav ul li a:link, #topnav ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	display:inline;
}

/* << ----------------// Left Nav //------------ */

#leftcolumn{
	margin:0;
	margin-top:0px;
	padding:0;
	width:150px;
	background-color:#ffffff;
	float: left;
}

#leftnav {
	margin:0;
	margin-top:190px;
	padding:0;
	width:150px;
	background-color:#99CCFF;
	float: left;
}

#leftnav a {
	list-style:none;
	color:#000000;
}

#leftnav ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style:none;
	letter-spacing: 0.05em;
}

#leftnav li {
	padding:0;
	font-size:	12px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style:none;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #003366;
	border-right:1px solid #003366;
}

#leftnav ul li a:link, #leftnav ul li a:visited {
	padding:8px 10px 8px 10px;
	text-decoration:none;
	display:block;
	font-weight: normal;
}

#leftnav ul li a:hover{
	padding:8px 10px 8px 10px;
	text-decoration:none;
	display:block;
	color: #003366;
	background-color:#C6E2FF;
}


/* << ----------------// Middle column //------------ */

#content {
	margin: 0px;
	margin-top: 190px;
	float:left;
	text-align:left;
	width: 600px;
	background-color:#FFFFFF;
	padding: 10px;
	font-size:13px;
	line-height:19px;
}


#content a:link, #content a:active, #content a:visited, #content a:visited {
	text-decoration:none;
	color:#003366;
	font-weight: bold;
}

#content a:hover {
	text-decoration:underline;
	color:#993300;
}

#content dl, #content ul{
	padding-left:20px;
	padding-bottom:5px;
}

#content ul {
	margin-left:20px;
	padding-top: 5px;
	list-style-type: disc;
}

#content dd {
	margin-left:20px;
}

#content ol {
	margin-left:20px;
	padding-top: 5px;
	list-style:outside decimal
}

#content li {
	margin-left:10px;
	padding-bottom: 10px;
}

#content table {
	margin-left:20px;
}

#content strong{
	font-weight:bold;
}

#content td {
	padding:3px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}

/* << ----------------// Footer //------------ */ 

#footer{
	clear: both;
	background-color: #C6E2FF;
	color: #000000;
	font-size: 11px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-align: center;
}


#footer ul{
	padding: 10px;
	margin: 0;
	background-color:#C6E2FF;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

#footer a{
	color: #000000;
	text-decoration: none;
	padding: 0 10px 0 10px;
	text-align: center;
	width: 9em;
	font-weight: normal;
} 


#footer ul li{
	display: inline;
	padding: 0;
	margin: 0;
	text-align: center;
}

#footer ul li a{
	color: #000000;
	text-decoration: none;
	padding: 0 10px 0 10px;
	text-align: center;
	width: 9em;
} 

#footer ul li a:hover, #nav ul li a:focus{
	color: #FFCC00;
	text-decoration: underline;
	width: 9em;
}

#footer strong{
	font-weight: bold;
} 


/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //------------ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */