﻿body
{
    background: #daeafc url(/res/globalBkgPop.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: 602px;
    margin:20px;
    top: 0px;
    left: 0px;
}

#contentWrapper
{
    background: transparent url(/res/contentSides.gif) repeat-y left center;
    width: 602px;
    padding:0;
    position: relative;
    float: left;
}

#main-top-wrapper
{
    float: left;
    width: 602px;
    padding: 0;
}

#main-top-headings
{
    height: 90px;
    background: url(/res/contentTop.gif) no-repeat scroll 0% 50%;
}

         

#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;
}

h4
{
    color: #ffffff;
    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;
    padding:4px 0 0 18px;
    position:relative;
}

h4.medium
{
    background-image: url(/res/CTF-h4-title-medium.gif);
    background-repeat:no-repeat;
    height:28px;
    padding:4px 0 0 18px;
    position:relative;
} 

h4.short
{
    background-image: url(/res/CTF-h4-title-short.gif);
    background-repeat:no-repeat;
    height:28px;
    padding:4px 0 0 18px;
    position:relative;
}   

h5
{
    color: #788f21;
    font-size: 110%;
    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:12px 8px 12px 8px;
	}	
	
.content{ padding-left:40px;}	

#main-top-content
{
    padding: 0 26px 0 8px;
    margin-top:-20px;
}


#main-bottom-wrapper
{
    float: left;
    clear: both;
    width: 602px;
    height: 57px;
    background: url(/res/contentBottom.gif);
}


/* LINKS
------------------------------------------------------------------------*/

a { text-decoration: underline;
    border-width:0px;
    color: #850c6b;}

a:hover{ text-decoration: underline;
         border-width:0px;
         color: #850c6b;}
         
.skiplink {display:none;}



/* AT A GLANCE CTF TICKS
------------------------------------------------------------------------*/

#CTF-ticks
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#CTF-ticks li 
{
padding-left: 50px;
padding-bottom:20px;
background-image: url(/res/ctf-new-tick.gif);
background-repeat: no-repeat;
background-position: 0 .20em;
}

/* CTF BULLETS
------------------------------------------------------------------------*/

.CTF-bullets
{
margin: 0 0 0 18px;
padding-left: 0;
list-style: none;
}

.CTF-bullets li 
{
padding-left: 30px;
padding-bottom:15px;
background-image: url(/res/ctf-new-bullet.gif);
background-repeat: no-repeat;
background-position: 0 .10em;
}

/* DOWNLOADS
------------------------------------------------------------------------*/

.downloads
{
margin-left: 20px;
padding-left: 0;
list-style: none;
}

.downloads li
{
padding-left: 30px;
padding-bottom:20px;
background-image: url(/res/filetypes/dotpdf.gif);
background-repeat: no-repeat;
background-position: 0 .20em;
}

.downloads li.web
{
padding-left: 30px;
padding-bottom:20px;
background-image: url(/res/filetypes/web.gif);
background-repeat: no-repeat;
background-position: 0 .20em;
}

/* ORDERED LIST STEPS 123
------------------------------------------------------------------------*/

ol {
list-style-type: none;
}

ol li 
{
background: #FFF no-repeat;
margin-left:20px;
margin-bottom:10px;
padding: 6px 0px 6px 35px;
}

ol li.step1 
{
background-image: url(/res/step-1.gif);
}
ol li.step2 
{
background-image: url(/res/step-2.gif);
}
ol li.step3 
{
background-image: url(/res/step-3.gif);
}




/* background Highlight Box ( YELLOW )
------------------------------------------------------------------------*/


.box_top {

		background: #F0F0F0 url(/res/bg-highlight-yell-top.gif) no-repeat;
		height: 16px;
		width: 550px;
		margin: 0 0 0 18px;
	
	}


.box {

		border-left: 1px solid #c4b045;
		border-right: 1px solid #c4b045;
		padding: 5px 15px 0 10px;
		margin: 0 0 0 18px;
		width: 523px;
		background: #fdf3bd;

	}

	

.box_bottom {
		background: #FFF url(/res/bg-highlight-yell-bottom.gif) no-repeat;
		color: #000;
		height: 16px;
		width: 550px;
		margin: 0 0 7px 18px;

	}
	
/* 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;}
  	

/* Header Navigation
------------------------------------------------------------------------*/

#header {
	position:relative;
	width:800px;
	height:110px;
	background:url(/res/CTFsecureBg.gif) no-repeat;
	z-index:100;
}

/* INSECT PLACEMENTS
------------------------------------------------------------------------*/


#insect1 {

	position:absolute;
	z-index:10;
	padding:0;
	top:-14px;
	right:260px;

	}
	
#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;

	}
	
#insect5 {

	position:absolute;
	z-index:10;
	padding:0;
	bottom:35px;
	right:310px;

	}	
	
#insectBot1 {

	position:absolute;
	z-index:10;
	padding:0;
	bottom:-56px;
	left:56px;

	}		
		
#cloud-flash {

	padding:0;
	margin-top:120px;
	position:absolute;
	z-index:0;
	width:100%;
	height:210px;
	}
	
#insectBtn1 {

	position:absolute;
	padding:0;
	z-index:10;
	bottom:-79px;
	right:61px;

	}	
	
#insectBtn2 {

	position:absolute;
	padding:0;
	z-index:10;
	bottom:-79px;
	right:82px;

	}	
	
.InlineImageRight {
	float:right;
	border-width:0px;
	padding: 0px 0px 15px 20px;

	}
	
.InlineImageLeft {
	float:left;
	border-width:0px;
	padding:0px 10px 125px 10px;
}	

	
	
/* DOWNLOAD ICONS
------------------------------------------------------------------------*/	

#CTF-ticks
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#CTF-ticks li 
{
padding-left: 50px;
padding-bottom:20px;
background-image: url(/res/ctf-new-tick.gif);
background-repeat: no-repeat;
background-position: 0 .20em;
}	

/* CONTINUE BUTTON
------------------------------------------------------------------------*/


.continueButton {

	background-image:url(/res/ctf-btn4.gif);
	background-repeat:no-repeat;
	border : 0px solid #ffffff;
	cursor : pointer;
	color:#ffffff;
	text-align : center;
	font-size : 130%;
	height : 35px;
	width:155px;
	font-weight:bold;	
	text-decoration : none;

}

.continueButton:hover{

	background-image:url(/res/ctf-btn5.gif);
	color:#6a7f18;
	text-decoration : underline;

}

.formButton {

	background-image:url(/res/ctf-btn4.gif);
	background-repeat:no-repeat;
	border : 0px solid #ffffff;
	cursor : pointer;
	text-align : center;
	color:#FFFFFF;
	font-size : 130%;
	height : 35px;
	width:155px;	
	text-decoration : none;
}

div.btnLeft {
float:left;
margin-left:100px;
}

div.btnRight {
float:right;
margin-right:100px;
}

/* CONTACT ICONS
------------------------------------------------------------------------*/

.left_box { 
		margin: 10px 0 10px 0; 
		color: #000; 
		background: #FFF; 
		padding:0 0 2px 0; 
	}
	
.image {
		float: left;
		margin: 0 10px 0 0;
	}
	
.left {
	float: left;
	width: 550px;
	margin-left:20px;
}

/*************************************************************************

---------------------------- TABLE CSS -----------------------------

*************************************************************************/


.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;
	}		


