﻿body
{
    background: #daeafc url(/res/globalBkg.gif) repeat-x top;
    font-size: 72%;
    font-family: Verdana, sans-serif;
    color: #000;
}

* {
	margin:0;
	padding:0;
	} 

html { min-height: 100%;}


#globalWrapper
{
    position: relative;
    width: 800px;
    margin: 0 auto;
    top: 0px;
    left: 0px;
}

#contentWrapper
{
    background: transparent url(/res/contentSides.gif) repeat-y left center;
    width: 800px;
    padding:0;
    position: relative;
    float: left;
}

.contentBottomWrapper
{
    background: transparent url(/res/contentSides.gif) repeat-y left center;
    width: 800px;
    padding:0;
    position: relative;
    float: left;
    margin-top:20px;
}

#main-top-wrapper
{
    float: left;
    width: 602px;
    padding: 0;
}

.main-bottom-wrapper
{
    float: left;
    width: 602px;
    padding: 0;
}

#main-top-headings
{
    height: 90px;
    background: url(/res/contentTop.gif) no-repeat scroll 0% 50%;
}

.main-bottom-headings
{
    height: 54px;
    background: url(/res/contentTopNoHeadings.gif) no-repeat scroll 0% 50%;
}

#main-top-content
{
    padding: 0 26px 0 8px;
    margin-top:-20px;
}

.main-bottom-content
{
    padding: 0 26px 0 8px;
    margin-top:-20px;
}

#main-top-footer
{
    float: left;
    clear: both;
    width: 602px;
    height: 57px;
    background: url(/res/contentBottom.gif);
}

.main-bottom-footer
{
    float: left;
    clear: both;
    width: 602px;
    height: 57px;
    background: url(/res/contentBottom.gif);
}

#main-h1
{
    width: 602px;
    height: auto;
    position: absolute;
}

h1
{
	color: #ffffff;
    font-size: 180%;
    text-align: center;
    font-family: "Century Gothic" "Arial" Sans-Serif;
    margin:10px 0 0 0;
    
}  

h2
{
    color: #788f21;
    font-size: 140%;
    font-weight:bold;
    text-align: center;
    font-family: "Century Gothic" "Arial" Sans-Serif;
    margin:0 0 15px 0;
}

h3
{
    color: #788f21;
    font-size: 130%;
    font-weight:bold;
    font-family: "Century Gothic" "Arial" Sans-Serif;
    margin:0px;
}

h3.long
{
    background-image: url(/res/CTF-h4-title-long.gif);
    background-repeat:no-repeat;
    height:28px;
    margin:16px 0 8px 0;
    padding:4px 0 0 18px;
    position:relative;
    color:#FFFFFF;
}

h3.medium
{
    background-image: url(/res/CTF-h4-title-medium.gif);
    background-repeat:no-repeat;
    height:28px;
    margin:16px 0 8px 0;
    padding:4px 0 0 18px;
    position:relative;
        color:#FFFFFF;
} 

h3.short
{
    background-image: url(/res/CTF-h4-title-short.gif);
    background-repeat:no-repeat;
    height:28px;
    margin:16px 0 8px 0;
    padding:4px 0 0 18px;
    position:relative;
        color:#FFFFFF;
} 

h4
{
    color: #788f21;
    font-size: 120%;
    font-weight:bold;
    font-family: "Century Gothic" "Arial" Sans-Serif;
    margin:16px 0 8px 0;
}

h4.long
{
    background-image: url(/res/CTF-h4-title-long.gif);
    background-repeat:no-repeat;
    height:28px;
    margin:16px 0 8px 0;
    padding:4px 0 0 18px;
    position:relative;
        color:#FFFFFF;
}

h4.medium
{
    background-image: url(/res/CTF-h4-title-medium.gif);
    background-repeat:no-repeat;
    height:28px;
    margin:16px 0 8px 0;
    padding:4px 0 0 18px;
    position:relative;
        color:#FFFFFF;
} 

h4.short
{
    background-image: url(/res/CTF-h4-title-short.gif);
    background-repeat:no-repeat;
    height:28px;
    margin:16px 0 8px 0;
    padding:4px 0 0 18px;
    position:relative;
        color:#FFFFFF;
}  

h5
{
    color: #788f21;
    font-size: 100%;
    font-weight:bold;
    font-family: "Century Gothic" "Arial" Sans-Serif;
    margin:0 0 5px 0;
}

p
{ 
	margin:10px 0;
	text-align:justify;
	line-height:15px;
	padding: 0 0 0 18px;

	}
	
table
{ 
	margin:0;
	padding: 10px 0 0 18px;
	}	
	
	
/* LINKS
------------------------------------------------------------------------*/

a { text-decoration: underline;
    border-width:0px;
    color: #850c6b;}

a:hover{ text-decoration: underline;
         border-width:0px;
         color: #850c6b;}
         
.skiplink {display:none;}
	

	
/* CTF BULLETS
------------------------------------------------------------------------*/

.CTF-bullets
{
margin: 0 0 0 18px;
padding-left: 0;
list-style: none;
}

.CTF-bullets li 
{
padding-left: 20px;
padding-bottom:15px;
background-image: url(/res/ctf-new-bullet.gif);
background-repeat: no-repeat;
background-position: 0 .10em;
}

/* BACK TO TOP Button
------------------------------------------------------------------------*/

.buttons { float:right; }


.topbtn
  { display: block;
    width: 57px;
    height: 57px;
    background: url("/res/CTF-top.gif") no-repeat;}
	
.topbtn:hover
  { background: url("/res/CTF-top-1.gif") no-repeat;}
 
	

/* Call to action buttons - BOTTOM
------------------------------------------------------------------------*/

#main-top-CallToActionWrapper
{
    float: left;
    clear: both;
    width: 465px;
    height: 50px;
    padding-left:70px;
}

#CallToActionApply a
{
    width: 200px;
    height: 50px;
    background: url(/res/CallToActionBkg.gif) no-repeat;
    padding: 8px 0;
    font-weight: bold; 
    text-align:center;
    text-decoration: none;
    color: #788f21;
    float: left;
}

#CallToActionApply a:hover
{
    width: 200px;
    height: 50px;
    background: url(/res/CallToActionBkg-1.gif) no-repeat;
    padding: 8px 0;
    font-weight: bold;
    text-align:center; 
    text-decoration: underline;
    color: #ffffff;
    float: left;
}

#CallToActionRequest a
{
    width: 200px;
    height: 50px;
    background: url(/res/CallToActionBkg.gif) no-repeat;
    padding: 8px 0;
    text-align: center; 
    font-weight: bold; 
    text-decoration: none;
    color: #788f21;
    float: right;
}

#CallToActionRequest a:hover
{
    width: 200px;
    height: 50px;
    background: url(/res/CallToActionBkg-1.gif) no-repeat;
    padding: 8px 0;
    text-align: center; 
    font-weight: bold; 
    text-decoration: underline;
    color: #ffffff;
    float: right;
}


/* Call to action buttons - RIGHTSIDE
------------------------------------------------------------------------*/


.rightactions 
{
	 margin-top: 50px;
}

.rightactions ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rightactions li {
	display: block;
	float: left;
	width: 140px;
	height: 92px;
	padding-bottom:8px;

}

.rightactions a.one {
	display: block;
	width: 140px;
	height: 92px;
	padding-left:7px;
	padding-top:12px;
	background: url(/res/CTF-action-apply.gif) no-repeat center left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-family:Century Gothic Verdana Sans-Serif;
	font-size:111%;
}

.rightactions a:hover.one {
	display: block;
	width: 140px;
	height: 92px;
	background: url(/res/CTF-action-apply-1.gif) no-repeat center left;
}

.rightactions a.two{
	display: block;
	width: 140px;
	height: 92px;
	padding-left:7px;
	padding-top:12px;
	background: url(/res/CTF-action-register.gif) no-repeat center left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-family:Century Gothic Verdana Sans-Serif;
	font-size:111%;
}

.rightactions a:hover.two {
	display: block;
	width: 140px;
	height: 92px;
	background: url(/res/CTF-action-register-1.gif) no-repeat center left;
}

.rightactions a.three {
	display: block;
	width: 140px;
	height: 92px;
	padding-left:7px;
	padding-top:12px;
	background: url(/res/CTF-action-request.gif) no-repeat center left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-family:Century Gothic Verdana Sans-Serif;
	font-size:111%;
}

.rightactions a:hover.three {
	display: block;
	width: 140px;
	height: 92px;
	background: url(/res/CTF-action-request-1.gif) no-repeat center left;
}

.rightactions a.four {
	display: block;
	width: 140px;
	height: 92px;
	padding-left:7px;
	padding-top:12px;
	background: url(/res/CTF-action-gift-form.gif) no-repeat center left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-family:Century Gothic Verdana Sans-Serif;
	font-size:111%;
}

.rightactions a:hover.four {
	display: block;
	width: 140px;
	height: 92px;
	background: url(/res/CTF-action-gift-form-1.gif) no-repeat center left;
}

.rightactions a.five {
	display: block;
	width: 140px;
	height: 92px;
	padding-left:7px;
	padding-top:12px;
	background: url(/res/CTF-action-dd.gif) no-repeat center left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-family:Century Gothic Verdana Sans-Serif;
	font-size:111%;
}

.rightactions a:hover.five {
	display: block;
	width: 140px;
	height: 92px;
	background: url(/res/CTF-action-dd-1.gif) no-repeat center left;
}

.rightactions a.six {
	display: block;
	width: 140px;
	height: 92px;
	padding-left:7px;
	padding-top:12px;
	background: url(/res/CTF-action-cheque.gif) no-repeat center left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-family:Century Gothic Verdana Sans-Serif;
	font-size:111%;
}

.rightactions a:hover.six {
	display: block;
	width: 140px;
	height: 92px;
	background: url(/res/CTF-action-cheque-1.gif) no-repeat center left;
}

.rightactions a.seven {
	display: block;
	width: 140px;
	height: 92px;
	padding-left:7px;
	padding-top:12px;
	background: url(/res/CTF-action-post.gif) no-repeat center left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-family:Century Gothic Verdana Sans-Serif;
	font-size:111%;
}

.rightactions a:hover.seven {
	display: block;
	width: 140px;
	height: 92px;
	background: url(/res/CTF-action-post-1.gif) no-repeat center left;
}

.rightactions a.eight {
	display: block;
	width: 140px;
	height: 92px;
	padding-left:7px;
	padding-top:12px;
	background: url(/res/CTF-action-debit-card.gif) no-repeat center left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-family:Century Gothic Verdana Sans-Serif;
	font-size:111%;
}

.rightactions a:hover.eight {
	display: block;
	width: 140px;
	height: 92px;
	background: url(/res/CTF-action-debit-card-1.gif) no-repeat center left;
}


/* Righthand Navigation
------------------------------------------------------------------------*/
#main-sideWrapper
{
    float: left;
    width: 182px;
    padding: 0;
    margin-top: 45px;
}

ul 
{ list-style-type:none;
  
  }

#rightmenuWrapper
{
    float: left;
    width: 182px;
    padding: 0;
    margin-top: 45px;
}

#rightmenu {
	margin: 0;
	padding: 0;
}

#rightmenu a {
	display: block;
	background: url(/res/nav-itemBkg.gif) no-repeat center left;
	color: #ffffff;
	height:25px;
	padding-left:12px;
	padding-top:6px;
	text-decoration: none;
	font-weight:bold;
}

#rightmenu a:hover {
	color: #ffffff;
	background: url(/res/nav-item-selectedBkg.gif) no-repeat center left;
}

#rightmenu li a.select 
{	
	color: #ffffff;
	background: url(/res/nav-item-selectedBkg.gif) no-repeat center left; }


#nav-bottom-inner
{
    position: relative;
}

/* INSECT PLACEMENTS
------------------------------------------------------------------------*/


#insect1 {

	position:absolute;
	z-index:2;
	padding:0;
	top:-73px;
	left:160px;

	}
	
#insect2 {

	position:absolute;
	z-index:10;
	padding:0;
	top:-31px;
	left:155px;

	}	
	
#insect3 {

	position:absolute;
	z-index:10;
	padding:0;
	bottom:-57px;
	left:53px;

	}
	
#insect4 {

	position:absolute;
	z-index:10;
	padding:0;
	bottom:-24px;
	right:260px;

	}	
	
#insectBtn1 {

	position:absolute;
	padding:0;
	z-index:10;
	bottom:-79px;
	right:61px;

	}		
	
#cloud-flash {

	padding:0;
	margin-top:120px;
	position:absolute;
	z-index:0;
	width:100%;
	height:210px;
	}	

	
/* Footer
------------------------------------------------------------------------*/
	
#footer {

	height:400px;
	background: #fff url(/res/CTF_grass_footer.gif) repeat-x bottom;
	clear:both;
	float:none;
}

#footer #footerinner {

	width: 750px;
	margin: 0 auto;
	padding-top: 190px;
	text-align:left;

}

#footer #footerinner p {


	color: #000000;

}

#footer #footerinner p.last {

	margin: 0;

}	

.fsa img {
	float:right;
	margin: 12px 30px 0px 0px;
	}
	
	
/*************************************************************************

---------------------------- TABLE CSS -----------------------------

*************************************************************************/



.smltable_top-left {

	padding: 6px 3px 3px 6px;

	border-right: solid 1px #788f21;

	border-left: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	border-top: solid 1px #788f21;

	color:#ffffff;

		text-transform:lowercase;

	background-color:#788f21;

	

	}



.smltable_top-right {

	padding: 6px 6px 3px 3px;

	border-right: solid 1px #788f21;

	border-top: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	color:#ffffff;

	background-color:#788f21;

	

	}







.smltable_left {

	padding: 3px 3px 3px 6px;

	border-left: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	border-right: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.smltable_right {

	padding: 3px 6px 3px 3px;

	border-right: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}







.smltable_bottom-left {

	padding: 3px 3px 6px 6px;

	border-left: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	border-right: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.smltable_bottom-right {

	padding: 3px 6px 6px 3px;

	border-right: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}


.table_top-left-header {

	padding: 6px 3px 3px 6px;

	background-color:#788f21;

	background-position:top left;

	background-repeat:no-repeat;

	border-right: solid 1px #ffffff;

	color:#ffffff;

	font-weight:bold;

	

	}



.table_top-header-middle-left {

	padding: 6px 3px 3px 3px;

	background-color:#788f21;

	border-right: solid 1px #ffffff;

	color:#ffffff;

	font-weight:bold;

	

	}



.table_top-header {

	padding: 6px 3px 3px 3px;

	background-color:#788f21;

	border-bottom: solid 1px #ffffff;

	color:#ffffff;

	font-weight:bold;

	

	}



.table_top-header-middle-right {

	padding: 6px 3px 3px 3px;

	background-color:#788f21;

	color:#ffffff;

	font-weight:bold;

	

	}



.table_top-right-header {

	padding: 6px 6px 3px 3px;

	background-color:#788f21;

	background-position:top right;

	background-repeat:no-repeat;

	border-left: solid 1px #ffffff;

	color:#ffffff;

	font-weight:bold;

	

	}

	



.table_top-left {

	padding: 6px 3px 3px 6px;

	border-right: solid 1px #788f21;

	border-left: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	border-top: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	



	}



.table_top-middle-left {

	padding: 6px 3px 3px 3px;

	border-top: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.table_top-middle-right {

	padding: 6px 3px 3px 3px;

	border-top: solid 1px;

	border-top: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.table_top-right {

	padding: 6px 6px 3px 3px;

	border-right: solid 1px #788f21;

	border-left: solid 1px #788f21;

	border-top: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}





.table_left {

	padding: 3px 3px 3px 6px;

	border-left: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	border-right: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.table_middle-left {

	padding: 3px 3px 3px 3px;

	border-bottom: solid 1px #788f21;

	border-right: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.table_middle-right {

	padding: 3px 3px 3px 3px;

	border-bottom: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.table_right {

	padding: 3px 6px 3px 3px;

	border-right: solid 1px #788f21;

	border-left: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}





.table_bottom-left {

	padding: 3px 3px 6px 6px;

	border-left: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	border-right: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.table_bottom-middle-left {

	padding: 3px 3px 6px 3px;

	border-bottom: solid 1px #788f21;

	border-right: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.table_bottom-middle-right {

	padding: 3px 3px 6px 3px;

	border-bottom: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;

	

	}



.table_bottom-right {

	padding: 3px 6px 6px 3px;

	border-right: solid 1px #788f21;

	border-bottom: solid 1px #788f21;

	border-left: solid 1px #788f21;

	color:#000000;

	background-color:#ffffff;
	}	
