html {overflow-y: scroll;}

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;
}

p{margin: 0px}

#Container{
	
	width:1000px;
 	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:760px;
	margin-bottom: 75px;
}

#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{
	border:none;
}


#BookingPageContent{
    background-image:url('../imagesnew/theCSP.png');
	background-repeat:no-repeat;
	background-position:-20px 480px;
	padding: 0px 0px 70px 0px;
}

#BookingPageContent img{
    border:none;
}

.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;
 opacity: 0.4;
 filter:alpha(opacity=40);
 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;
}


.heading{
    font-size: 18pt;
    font-weight: bold;
}

.subheading{
    font-size: 14pt;
    font-weight: bold;
}

.eventTitle{ font-size:9pt; font-weight:bold;}
.venueName{ font-size:8pt;}
.eventTitleLarge{ font-size:14pt; font-weight:bold;}
.venueNameLarge{ font-size:12pt;}
.eventListItem{padding:0px; margin: 2px;float:left; width:244px;height:230px;border:solid 1px gray; background-color:#009ee0;}
.eventListItem a{color:White;}
.eventListItem img { border:0px}


.eventOptionList{
    width: 500px;
    height: 490px;
    overflow: auto;
}

.eventTitlePanel{
    padding: 2px;
    width: 240px;
    height: 300px;
    margin-right:0px;
    margin-top: 9px;
    background-color: #009ee0;
}

.eventOptionListItem{
    margin:0px; padding:15px 4px 20px 4px; border-bottom: solid 1px #009ee0;
    cursor: pointer;
}

.eventOptionListItemOver
{
    background-color: #0057CE;
}

.sectionStyle
        {
            margin: 20px 0px 10px 0px;
            background-color: #009ee0;
            font-weight:bold;
            font-size:12pt;
            padding-left: 3px;
        }
        
        
#corporateContent
{
width: 690px;
}

#contentColumnRight
{
    float:right;
    width:220px;
}



#contentColumnLeft
{
    width:456px;
}

#contentColumnRight div{
    font-size: 10pt;
    color:White ;
    margin-bottom: 20px;
}


#contentColumnRight h1{
    font-size: 12pt;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

#contentColumnRight h2{
    font-size: 10pt;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}


#contentColumnLeft div{
    font-size: 10pt;
    color:White ;
    margin-bottom: 20px;
}

#contentColumnLeft h1{
    font-size: 12pt;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

#contentColumnLeft h2{
    font-size: 10pt;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.AboutUsHighlight
{
    color: #3fcfd5;
}

.ServiceSubHeader
{
    color:#e3e148;
    font-weight:bold;
}

.JoinUsSubHeader
{
    color:#E3E148;
    font-weight: bold;
}

.JoinUsHighlight
{
    color: #3fcfd5;
}

.ServicesPopupHeader
{
    color: #3fcfd5;
    font-size: 22pt;
    font-weight:bold;
    margin: 0px 0px  10px 0px;
}

.ServicesPopupText
{
    font-size: 22pt;
    color: white;
}

.SerivcesPopupShow
{
    color: #3fcfd5;
    cursor:pointer;
    font-weight: bold;
}

.ServicesPopup
{
    Display: none;
    position: fixed;
    _position: absolute;
    width: 450px;
    height: 200px;
    z-index: 2;
    border: solid 2px black;
    background-color: #003d8d;
    padding:30px;
}

#ServicesPopupCloseImage
{
    float: right;
    /*margin: 20px 20px 20px 20px;*/
    width:22px;
    height:22px;
    background-image: url(/imagesnew/dismiss_icon.png);
    background-repeat:no-repeat;
}

 #processingPayment 
        {
            background-color: Black;
            width:600px;
            height:100px;
            padding: 10px 10px 10px 10px;
            display: none;
            top: 20px;
            z-index:100;
            border:solid 1px gray; 
            margin-top: 5px;
        }