/* CSS Document 
Spike Multimedia Ltd
Author: Colin Murdoch
Version: 0.1
*/

body {
	font-family:Arial,Helvetica, sans-serif;
	font-size: 100%;
	background-color:#003366; 
}
	
#header {
	height: 174px;
	background: url(images/header_bck.jpg) no-repeat;
	
}

#logo {
	padding: 0 0 0 20px;
	float: left;
	width: 547px;
}

#logo h1 {
    padding: 174px 0 0 0;
    overflow: hidden;
    background-image: url( images/surface-logo.gif);
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:174px; /* for IE5.5's bad box model */
	font-size: 14px;
} 

/* ============================== quick links ========================= */

#quickLinks {
	
	float:right; 
	width:260px;
}

#quickLinks ul {
	font-size: 13px;
	list-style:url(images/bullet.gif);
	padding:0; 
	margin:0 0 0 10px;
}

#quickLinks li {
	border-bottom: 1px solid #1778BF;
	padding:0;
}

#quickLinks a {
	color:#79c4d3; 
	font-weight:bold; 
	text-decoration:none;
}


/* ============================== contents ========================= */

#contents {
	padding-top: 18px;
	margin:0;

}

/* ============================== Right Contents ========================= 
   =======================================================================
   ============================== Story Styles ===========================
*/

.storiesHeader {
	 font-size: 1em;
	 background-color:#005ca5;
	 color:#FFFFFF;
	 font-weight: bold;
	 padding-left: 10px;
	 margin-bottom: 5px;
}

.profileHeader {
	 font-size: 1em;
	 background-color:#7961aa; /* cec9d8 */
	 color:#FFFFFF;
	 font-weight: bold;
	 padding-left: 10px;
	 margin-bottom: 5px;
}

#profilestory {
	padding-left: 8px;
	background-color: #cec9d8;
	color: #000000;
	margin-bottom: 5px;
	clear: right;
	line-height: 0.9em;
}

.profileHeadline {
	color: #2e1e4e;  /* 2e1e4e */
	font-weight: bold;
	font-size: 0.9em;
	padding-top:8px;	
}

.story {
	padding-left: 8px;
	background-color: #e3e3e3;
	color: #000000;
	margin-bottom: 5px;
	clear: right;
	line-height: 0.9em;
}

.storyImg {
	float: right;
	width: 133px;
	height: 110px;
	text-align: right;
}

.storyHeadline {
	color: #005ca5;
	font-weight: bold;
	font-size: 0.9em;
	padding-top:8px;	
}

.storyNorm{
	margin-top: 5px;
	font-size: 0.9em;
	color: #000000;
	font-weight: normal;	
}

#rightSide a {
	font-weight:bold; 
	text-decoration:none; 
	color:#033760;
}

#profilestory a {
	font-weight:bold; 
	text-decoration:none; 
	color:#543e80;
}

.archive {
	 height: 39px;
	 border: 1px solid #0b4b7e;
	 background: #014272 url(images/archive_bck.gif) top left;
	 padding: 15px 0px 0px 125px ;
	 margin-bottom: 5px;
}

.backIssueGfx {
	background: url(images/back_issues.jpg) bottom left no-repeat;
	width: 290px;
	height: 163px;
	padding: 0;
	margin: 0;
}

#selectBox {
width: 160px;
font-weight: bold;
}

.subscribe {
	 height: 51px;
	 border: 1px solid #0b4b7e;
	 background: #014272 url(images/subscribe_bck.gif) top left;
	 padding: 3px 12px 0px 14px;
	 margin-bottom: 10px;
	 font-size:90%;
}

.adSpace {
/*border: 1px solid #3f3f3f;*/
height: 90px;
margin-bottom: 5px;
}

.adDisTxt {
text-align: center;
font-size: 11px;
}



/* ============================== MAIN STORY  ============================ 
   =======================================================================
   ==============================   Styles    ============================
*/

.mainStory{
border: 1px solid #588288;
border-left: none;
margin-bottom: 10px;
}

.mainStoryAds {
margin-bottom: 10px;
}

/* .mainStory_txt {
	margin-left: 15px;
	margin-right: 15px;  --- original
	line-height: 1.3em;
	font-size: 0.9em;
} */

 #mainStory_txt {
    height: 648px;
	margin-left: 15px;
	padding-right: 15px; 
	line-height: 1.3em;
	font-size: 0.9em;
	overflow: auto;
}


#mainStory_txt h1 {
padding-top: 5px;
padding-bottom: 10px;
}

/* ============================== link styles =============================*/

#mainStory_txt a:link 
	{ 
		color:#0280c7;
		font-weight:bold;
		text-decoration: none;
	}



#mainStory_txt a:visited { 
	color: #7a7a7a;
	font-weight:bold;
	text-decoration: none;
	}   /* #004D79 */

	

#mainStory_txt a:hover, #mainStory_txt a:active	{
	color: #07497c;
	font-weight:bold;
	text-decoration: none;
	}
	
/* ============================== text styles ============================= */

.redHead {
color:#CC0000;
}

.orgHead {
color:#B4842F;
}

.lblueHead {
color:#0280c7;
}

.lblueHeadbig {
font-size: 130%;
line-height:1.5em;
color:#0280c7;
}

.dblueHead {
color:#07497c;
}

.greyHead {
color:#7a7a7a;
}

.greybold {
color:#7a7a7a;
font-weight: bold;
}

.greyHeadpbig {
font-size: 130%;
line-height:1.5em;
color:#7a7a7a;
}

.orgHead {
color: #ef8812;
}

.normbig {
font-size: 120%;
line-height:1.5em;
}

#mainStory_txt h2 {
padding-top: 5px;
color:#000;
}

.italic {
font-style: italic;
}


.bold {
font-weight:bold;
}

.picPadTop {
padding-top: 10px;
}

.storyAd{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 195px;
	padding-top: 6px;
}

/* ==============================  CUSTOMER  ============================ 
   ======================================================================
   ==============================   Styles    ===========================
*/

.customer {
background: #6a39a4 url(images/customer_bck.jpg) top right no-repeat;
margin-top: 10px;
margin-bottom: 20px;
}

.customer h3 {
padding-top: 20px;
color: #d5d1e4;
}

.customer_txt {
color: #fff;
}

.customer_bold_light {
color: #dfe0e6;
font-weight: bold;
}

.customer_bold_dark {
color: #a0c7e6;
font-weight: bold;
}


/* ==============================   FOOTER   ============================ 
   ======================================================================
   ==============================   Styles    ===========================
*/

#footer {
clear: left;
padding: 8px 0 8px 0;
height: 155px;
background: #005da3 url(images/footer_bck.jpg) left no-repeat;

}

.footerTxt{
padding: 10px 0 15px 25px;
background-color:#FFFFFF;
font-weight:bold; 
font-size:13px; 
color:#233f96;
line-height: 16px;
width: 935px;
overflow: auto;
}


.imgMargin {
margin-bottom: 5px;
}


/* ============================== clearing / floats ========================= */

.clearLeft {
clear:left;
}

.clearRight {
clear:right;
}

.floatCurrent{
font-size: 75%;
font-weight: bold;
color:#e0e0e0;
float: left;
/* padding: 3px 0px 0px 15px;*/
}

.floatCustomer {
float: right;
width: 240px;
}

.floatStaff {
float: left;
width: 257px;
padding-right:10px;
}