/* CSS Document */

/*Code written by Slinc Creative 2010.*/

/*Commands all of your linked images to shrug off any borders your browser tries to surround them with.*/
a img {border: 0; }

* { padding: 0; margin: 0; }

/* paragraph spacing */
p {
     margin:  0;
     padding:  0;
}
/* end paragraph spacing */

body {
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	color: #000; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px; 
	text-align: center;
}

#container { /* wraps whole website */
	width: 950px;
	margin-top: 0;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	border: 0;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}

#head { 
	width: 950px;
	margin: 0;
	border: 0;
	border-color: #CCC;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}

#mast { 
	background-image: url(assets/head/mast.jpg);
	background-repeat: no-repeat;
	width: 950px;
	height: 260px;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: #FFF;
}

#coverfloat	/* floats to right of masthead */	
{
	float: right;
	background-image: url(assets/head/cover.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
	top: 0px;
	right: 0px;
	width: 280px;
	height: 260px;
	overflow: hidden;
	visibility: visible;
}

#headfloat	/* floats to right of masthead on SSP pages */	
{
	float: right;
	background-image: url(assets/head/SSPhead.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
	top: 0px;
	right: 0px;
	width: 280px;
	height: 260px;
	overflow: hidden;
	visibility: visible;
}

#topdiv {
	width: 950px;
	margin: 10px 0 10px 0;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
	border: 0;
}

#toptext {  /* floats inside top */	
	float: left;
	margin: 0;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
	width: 658px;
	height: 170px;
	border: 0;
}

#navfloat	/* floats inside top */	
{
	float: right;
	background-color: #F2F2F2;
	margin: 0;
	border: 0;
	padding: 0;
	width: 158px;
	height: 170px;
}

#outnowfloat	/* floats inside top */	
{
	background-image: url(assets/top/outnow.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	margin-left: 670px;
	margin-right: 160px;
	border: 0;
	padding: 0;
	height: 170px;
}

#yearfloat	/* SSP year - floats inside top */	
{
	background-color: #FFF;
	margin-left: 670px;
	margin-right: 160px;
	border: 0;
	padding: 0;
	height: 170px;
}

#navcontainer { width: 148px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
line-height: 1.4em;
vertical-align: bottom;
}

#navcontainer a
{
display: block;
padding: 3px 0 0 2px;
width: 158px;
border-bottom: 1px solid #666;
}

#navcontainer a:link, #navlist a:visited
{
color: #666;
text-decoration: none;
}

#navcontainer a:hover 
{
background-color: #CCC;
color: #E22759;
}
	
#content {
	width: 950px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
	border-top: 6px solid #CCC;
}

/* Start page links */

a.textlink:link {
	text-decoration: underline;
	color: #E22759;
}
a.textlink:visited {
	text-decoration: underline;
	color: #CCC;
}
a.textlink:hover {
	text-decoration: underline;
	color: #333;
}
a.textlink:active {
	text-decoration: underline;
	color: #E22759;
}
 /* End page links */
 
 
 /* Start bookmark links */

a.bookmarklink:link {
	text-decoration: underline;
	color: #999;
}
a.bookmarklink:visited {
	text-decoration: underline;
	color: #333;
}
a.bookmarklink:hover {
	text-decoration: underline;
	color: #333;
}
a.bookmarklink:active {
	text-decoration: underline;
	color: #999;
	}
	

#floatcol1 { /* 1 column */
float: left;
	width: 174px;
	margin: 0 0 0 0;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}
#floatcol2 { /* 1 column */
float: left;
	width: 174px;
	margin: 0 0 0 20px;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}
#floatcol2rule { /* 1 column */
float: left;
	width: 174px;
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
	border-left: 1px dashed #999;
}
#floatcol3 {
	float: left;
	width: 368px;
	margin: 0 0 0 20px;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}
#floatcol3left {
	float: left;
	width: 368px;
	margin: 0 0 0 0px;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}
#floatcol3rule { /* 2 columns */
float: left;
	width: 328px;
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
	border-left: 1px dashed #999;
}
#floatcol3rulew { /* 2 columns - WIDER */
float: left;
	width: 375px;
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
	border-left: 1px dashed #999;
}
#floatcol4 { /* 3 columns */
float: left;
	width: 562px;
	margin: 0 0 0 0;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}

#floatcol5 { /* for distribution map only */
float: left;
	width: 650px;
	margin: 0 0 0 0;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}

#base {
	width: 950px;
	margin: 10px 0 10px 0;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
	border: 0;
}
	
	
	/* FONTS */
.pt30bold {
	font-size: 30px;
	color: #000;
	line-height: 1.2em;
	letter-spacing: -1px;
	font-weight: bold;  
}

.pt30 {
	font-size: 30px;
	color: #000;
	line-height: 1.2em;
	letter-spacing: -1px;  
}
.pt24bold {
	font-size: 24px;
	color: #000;
	line-height: 1.2em;
	letter-spacing: -1px;
	font-weight: bold;  
}


.pt18333bold {
	font-size: 18px;
	color: #333;
	line-height: 1.2em;
	letter-spacing: 1px;
	font-weight: bold;
}

.pt16333bold {
	font-size: 16px;
	color: #333;
	line-height: 1.2em;
	letter-spacing: 1px;
	font-weight: bold;  
}
.pt16FFFbold {
	font-size: 16px;
	color: #FFF;
	line-height: 1.2em;
	letter-spacing: 1px;
	font-weight: bold;  
}

.pt16333 {
	font-size: 16px;
	color: #333;
	line-height: 1.2em;
	letter-spacing: 1px;  
}

.pt14333 {
	font-size: 14px;
	color: #333;
	line-height: 1.2em;
	letter-spacing: 1px;  
}

.pt12333 {
	font-size: 12px;
	color: #333;
	line-height: 1.2em;
	letter-spacing: 1px;  
}

.pt12999 {
	font-size: 12px;
	color: #999;
	line-height: 1.2em;
	letter-spacing: 1px;  
}

.pt11333 {
	font-size: 11px;
	color: #333;
	line-height: 1.2em;
	letter-spacing: 1px;  
}

.pt10999 {
	font-size: 10px;
	color: #999;
	line-height: 1.2em;
	letter-spacing: 1px;  
}

.pt10FFF {
	font-size: 10px;
	color: #FFF;
	line-height: 1.2em;
	letter-spacing: 1px;  
}


/* TABLES */
table.top
{
	table-layout: fixed;
	margin: 0;
	padding: 0px;
	width: 658px;
	height: 170px;
}

table.base
{
	table-layout: fixed;
	margin: 0;
	padding: 0px;
	width: 950px;
	text-align: right;
}

table.bookmark
{
	table-layout: fixed;
	margin: 0;
	padding: 0px;
	width: 100%;
	border: 1px solid #999;
}

/* Email */
div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#CC0000;
border:0px;
position: relative;
width:40px;
border-bottom: 1px double #660000;
border-top: 1px double #660000;
border-left:1px double #FF0033;
border-right:1px double #FF0033;
}

/* Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
 
pre {
     -webkit-text-size-adjust: 140%;
}
code {
     -webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
     -webkit-text-size-adjust: 120%;
}
#site-description {
     -webkit-text-size-adjust: none;
}