body {
	padding: 0;
	font: 10px/16px Verdana, sans-serif;
	color: #5f5f5f;
	margin: 0px;
	background-color: #FFF;
}

/* ########################################
	LEFT COLUMN
########################################### */

#links {
	float: left;
	width: 300px;
	margin-left: 5px;
	margin-right: 10px;
	padding-top: 1em;
	text-align: right;
}

#links p {
	margin-top: 0;
}

#topPictureBox {
	height: 35px;
}

h1.siteTitle {
	font: bold 22px Helvetica, Arial, sans-serif;
	padding: 0;
	margin-top: 10px;
	color: #0082D6;
}

h1.siteTitle a {
	text-decoration: none;
	color: #0082D6;
}

.logoBox {
	width: 300px;
	height: auto;
	padding: 35px 0 25px 0;
	top: 0;
	left: 0;
	position: relative;
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	display: block;
	text-align: center;
}

.logoBox img {
	width: 180px;
	height: 180px;
	border:0;
}

.infoBox {
	width: 300px;
	height: auto;
	padding: 0;
	top: 0;
	left: 0;
	position: relative;
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	display: block;
	text-align: right;
}

.infoBox p {
	display: block;
	float: right;
	text-align: right;
}

.infoBox p.pDisplayFull {
	width: 300px;
}

.infoBox p.pDisplayText {
	width: 220px;
}

.infoBox_corner_wrapper {
	float: left;
}

.infoBox_corner {
	position: absolute;
	height: 88px;
	margin: 0;
	padding: 0;
	left: 0;
	display: block;
	top: 0;
	width: 88px;
}

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: 0px none;
	padding: 0;
	position: relative;
	display: block;
	float: none;
	margin-bottom: 20px;
}

.txtBox_header {
	font: bold 14px Arial, sans-serif;
	text-transform: uppercase;
	margin-top: 10px;
	margin-left: 30px;
	color: #0082D6;
}

ul.ball {
	padding: 0px;
}

ul.ball li{
	list-style-image: url('../images/ballon.gif');
	padding: 0px;
}

.pointer, .pointer a {
	color: #5f5f5f;
	text-decoration: underline;
	margin: 0 0 10px 50px;
	font-weight: bold;
	display: block;
}

/* ########################################
	RIGHT COLUMN
########################################### */

#content {
	min-width: 610px;
	padding-top: 1em;
	margin: 0 10px 0 300px;
	padding-right: 10px;
}

#content p {
	line-height: 1.7; 
}

#content h2 {
	margin-top: 0;
}

h1.pageTitle {
	text-align: center;
	font-variant: small-caps;
	font-size: 20pt;
	margin-bottom: 30px;
	margin-left: 0px;
	color: #c5c5c5;
	display: block;
}

.anchorBar {
	font-size: 15px;
	display: block;
	text-align: center;
	color: #5f5f5f;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.anchorBar a{
	color: #5f5f5f;
	text-decoration: none;
	font-style: italic;
}


/* ########################################
	PARAGRAPHS
########################################### */

#announcement {
	position: relative;
	margin-left: 55px;
	margin-right: 25px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

.pDate {
	display: inline;
	color: #5f5f5f;
	text-transform: none;
}

.pTitle {
	font-size: 15px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #0082D6;
	margin: 10px 0 10px;
	text-transform: uppercase;
	display: block;
}

.pBox, .singleBox {
	min-height: 90px;
	margin-left: 30px;
}

.pSeparator {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 30px;
	height: 1px;
	border-bottom: 1px dashed #d6d6d6;
}

.pBox a, .singleBox a, .infoBox a{
	text-decoration: underline;
	color: #5f5f5f;
}

.pBox a:hover, .singleBox a:hover, .infoBox a:hover{
	color: #0082D6;
}

.infoBox a.imageLink, .infoBox a.imageLink:hover {
    text-decoration: none;
}

.pBox a img, .singleBox a img, .infoBox a img{
	border: none;
}

.pContent {
	font: 11px/16px Verdana, sans-serif;
	color: #5f5f5f;
	margin: 0 0 10px;
	display: block;
}

.pLogicBox {

}

.pHighlight {
	font: bold 12px/14px Verdana, sans-serif;
	color: #5f5f5f;
	margin: 0 0 10px;
	display: block;
}

.pFront {
	font: bold 16px Verdana, sans-serif;
}

/* ########################################
	TECH TABLES AND LISTS
########################################### */

.updateTable {
	border: none;
	margin-left: 30px;
	color: #5f5f5f;
}

.updateTable td {
	padding: 2px;
}

td.updateDate {
	font-weight: bold;
}

td.updateContent {
	padding-left: 20px;
}

ul.techList {
	list-style: none;
	padding-left: 30px;
	margin: 0px;
	margin-top: 5px;
}

ul.techList li {
	padding-bottom: 5px;
}

/* ########################################
	PAGE FOOTER
########################################### */

#footer {
	position: relative;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	clear: both;
	padding-top: 5px;
	margin-bottom:40px;
	border-top: 3px solid #D6D6D6;
}

#footer[hack] {
	clear: both;
	padding-top: 5px;
	margin-bottom:40px;
	border-top: 1px solid #D6D6D6;
}

/* ########################################
	SPECIAL DISPLAYS
########################################### */

a.otherPageLink:link {
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #5f5f5f;
}

a.otherPageLink:visited {
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #5f5f5f;
}

a.otherPageLink:hover {
	text-decoration: underline overline;
	font-weight: bold;
	font-style: normal;
	color: #5f5f5f;
}

a.otherPageLink:active {
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #5f5f5f;
}

.blinkIt {
	text-decoration: blink;
}

ul.goLinkList {
	list-style: none;	
}

a.goLink {
	cursor: pointer;	
}

a.goLink img {
	border: 1px solid #FFFFFF;
	vertical-align: middle;
}

a.goLink:hover img{
	border: 1px dashed #0082D6;
	vertical-align: middle;
}

table.listHack {
	height: 1%;
}

ul.itemList {
	height: 1%;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.basicList {
	list-style: none;	
}

ul.navigationList {
	list-style: none;
}

ul.navigationList li a {
	text-decoration: none;
}