﻿body{
	 background-color: #003d8d;
	 background-image: url('../imagesnew/cspWhiteStrip.png');
	 
	 background-repeat: repeat-x;
	 font-family: Arial, Helvetica, sans-serif;
	 color: white;
	 font-size: 10pt; 
	 margin: 0;
	 padding: 0px;
}

#Container{
	
	width:920px;
 	margin: 0px auto 0px auto;
}

#TopRow{
	
	background-image:url('../imagesnew/cspLogoColour.png');
	background-repeat:no-repeat;
	background-color: transparent;
	background-position: 0 52px;
	padding: 132px 0px 0px 227px;

	height:148px;
}

#TopRowLogoLink
{
    float: left;
    height: 164px;
    width:132px;
    margin-top: -82px;
    margin-left: -227px;
}

#DivContent{
	float:right;
	width:690px;
	
}

#DivLinks{
	float:left;
	
}

#DivLinks ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#DivLinks li
{
    padding: 0;
    margin: 0 0 30px 0;
}

#DivLinks a
{
    border: none;
     text-decoration: none;
     color: White;
}

#DivLinks img
{
    border: 0px;
}

#Break{
	clear:both;
	height:5px;
}

#Footer{
	border-top: 1px white solid;
	background-image:url('../imagesnew/cspLogoSmall.png');
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-top: 37px;
	padding-left: 50px;
	font-size: 9pt;
}

#FooterNav{
	float:right;
	width:680px;
    text-align:right;
    margin: 0;
    padding: 0;
}

/*
#FooterNav ul{
	 list-style-type: none;
	 margin:0px;
	 padding: 0px;
}

#FooterNav li{
	padding: 0 7px 0  0;
	display:inline;	
}

#FooterNav a{
	color:white;	
}

#FooterNav a:hover{
	color:#3fcfd5;
}
*/

/*New Styles for vertical nav links */
.FooterNavCol1{
    Width:160px;
    Float:right;
    Margin-Left:10px;
}
div.FooterNavCol1 ul{
	 list-style-type: none;
	 margin:0px;
	 padding: 0px;
}

div.FooterNavCol1 li{
	padding: 0 7px 0  0;
     text-align: right;
}

div.FooterNavCol1 a{
	color:white;	
}
div.FooterNavCol1 a:hover{
	color:#3fcfd5;
}

#FooterNavClear
{
    clear:both;
}

/*End of new styles for vertical links */


#FooterStrapline{
	width:190px;
}

a{
     text-decoration: none;
     color: #3fcfd5;
}

a:hover{
    color: White;
    text-decoration: none;
    
}

#HomePageContent{
	background-image:url('../imagesnew/theCSP.png');
	background-repeat:no-repeat;
	background-position:-20px 265px;
	height:350px;
}

#HomePageContent img{
	margin-right: 10px;
	border:none;
}

div.row{     clear:both;     height:20px;     margin:5px; font-size:small;}
div.row40{    clear:both; height:40px;  margin:5px;font-size:small;}
div.row120{    clear:both; height:120px;  margin:5px;font-size:small; vertical-align:top;}
div.row50{    clear:both; height:50px;  margin:5px;font-size:small; vertical-align:top;}

.col1{     float:left;       width:150px;       text-align:left;      }
.col2{     float:left;       width:15px;       text-align:left;      }
.col3{     float:left;    text-align:right;   font-weight:bold;    }

.standardForm
{
    width: 250px;
    color: White;
     border-style: outset inset inset outset;
    border-width: 2px;
    border-color: black #C0C0C0 #C0C0C0 black;
    background-color: White;
    color: Black;
    font-size: 9pt
}

.notesForm
{
    width:415px;
    height: 100px;
     border-style: outset inset inset outset;
    border-width: 2px;
    border-color: black #C0C0C0 #C0C0C0 black;
    background-color: White;
    color: Black;
    font-size: 9pt
}

.newsRow{ clear: both; height: 100px; margin:5px; }
.newsCol1{float: left; width: 90px; text-align:left}
.newsCol2{float:left; width:10px; }
.newsCol3{float:left; text-align:left ;width:560px}
.newsHeadline{
    font-size:14pt;
     font-weight:bold;
}

.newsCol1 img
{
    width: 110px;
}

.newsPostedBy
{
    font-size: 10pt;
    
}

.newsRow img
{
    width:80px;
}

.newsArticle
{
    width: 440px;
    margin-left: 250px;
}

.newsImage
{
    float:left;
    
}

.PartnerImage
{
    margin: 0px;
    width: 111px;
}

#PartnerDiv
{
}

#PartnerDiv ul
{
    list-style-type: none;
	 margin:0px;
	 padding: 0px;
}

#PartnerDiv li
{
 	padding: 0 0 0  0;
 	margin: 0;
	display:inline;	
}

#PopupBackground
{
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:1;  
}  

.Popup
{
    Display: none;
    position: fixed;
    _position: absolute;
    width: 500px;
    height: 379px;
    z-index: 2;
    border: solid 2px black;
}

/*legacy styles where required */
.general{
    font-size: 10pt;
    color:White ;
    margin-bottom: 20px;
}

.generalb{
    font-size: 10pt;
    color: White;
     font-weight: bold;
}

.form
{
    border-style: outset inset inset outset;
    border-width: 2px;
    border-color: black #C0C0C0 #C0C0C0 black;
    background-color: White;
    color: Black;
    font-size: 9pt
}

.button
{
    border-style: outset inset inset outset;
    border-width: 2px;
    border-color: #CCCCCC #FFFFFF #FFFFFF #C0C0C0;
    background-color: #003d88;
    color: #CCCCCC;
    font-size: 10pt;
    text-transform: uppercase;
}

.heading{
    font-size: 18pt;
    font-weight: bold;
}

.subheading{
    font-size: 14pt;
    font-weight: bold;
}