/* CSS Document */


/* ------------------------------------------------------------------------------------- */
/* common */

body {            
    font: 12px/14px Arial,Verdana, Geneva, Helvetica, sans-serif;            
	background-color: #333333;
	color: #000000;
    margin: 0 auto;
	text-align: center; 
	padding: 0;	  
	background: #333333 url(images/background.jpg) repeat-x;  
    }
	
a:link, a:visited {
	color: #0033ff; 
    font-weight: bold;
    border-bottom: dotted 1px #0033ff;
	text-decoration: none;
    }

a:hover, a:active {color: #63CF31; text-decoration: none;}
#footer a, #footer2 a {color: #ffffff; border-bottom: dotted 1px #ffffff;}
#footer a:hover, #footer2 a:hover {border-bottom: none;}
acronym {
	font-style: italic; 
	cursor: help;
    border-bottom: 0;	
	}



/* ------------------------------------------------------------------------------------- */
/* content-area */

#container  {              
	position: relative;
	top: 0;
	text-align: center;
	margin: 0 auto ;
	width: 755px; 
	padding: 0;
    }

#header1 { 
    position: relative;
	width: 755px;
	height: 200px;
    margin: 0;
    padding: 0;
	 background: transparent url(images/header1.jpg) no-repeat; 
    }
.link3 {padding: 15px 10px 0 0; text-align: right;}
.link3 ul {margin-left: 0; padding-left: 0; list-style: none;}
.link3 li {display:inline; padding: 0 10px 0 10px; background-image: url(images/arrow1.gif); background-repeat: no-repeat; background-position: 0 .4em; }
.link3 li a:link, .link3 a:visited {color: #ffffff; font-weight: bold; border-bottom: dotted 1px #ffffff;}
.link3 li a:hover {border-bottom: none;}

#header2 { 
    position: relative;
	text-align: left; 
	width: 755px;
	height: 89px;
    margin: 0;
    padding: 0;
	 background: transparent url(images/header2.jpg) no-repeat; 
    }
#header2 h1 {color: white; padding: 20px 0 0 190px; font: 18px/14px Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 0; }
#header2 p {position: absolute; top: 20px; left:335px; width: 380px; color: white; font-weight: bold; margin: 0; padding: 0;}
#welcome{
	position: relative;
	width: 755px;
	height: 194px;
	padding: 0px;
	text-align: left;
	background: transparent url(images/welcome.jpg) no-repeat; 
	}
.list {
	width: 380px;
	padding: 20px 0 0 0;
    font: bold 18px/14px Arial, Verdana, Geneva, Helvetica, sans-serif;    
	color: #003366;
	line-height: 1.2em;
	
	}
.list ol li {list-style-type: none;}
.small-links {
	position: absolute;
	width: 350px;
	top: 40px;
	padding: 0 30px 0 0px;
	left: 350px;
	margin: 0 30px 0 40px;
	text-align: left;
	}

.link2  {
	
	padding: 0 40px 0 10px; 
	font: 12px/14px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;    }

#plans {
	position:relative;
	width: 755px;
	
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 122;
	}
.link-details {
	width: 65px;   
	background-color:#c7c0c0;
	border:1px solid;
	border-color:#f3f3f3 #bbb #bbb #f3f3f3;
	margin-left: 170px;
	padding:.3em;
	}
.link-details a {color: white; border: none; text-decoration: underline;}
.planlist {margin-left: 10px; padding: 0; font-weight: bold; }
.planlist li {display:block; padding: 0 10px 0 10px; background-image: url(images/chevron.gif); list-style-type: none;
background-repeat: no-repeat; background-position: 0 .4em; line-height: 1.4em;}

#plan1 {
	position: relative;
	float:left;
	width: 252px;
	height: 174px;
	margin: 0px;
	padding: 55px 0 0 0px;
	text-align: left;
	background: transparent url(images/plan1.jpg) no-repeat; 
}
#plan2 {
	position: relative;
	float:left;
	width: 251px;
	height: 174px;
	margin: 0px;
	padding: 55px 0 0 0px;
	text-align: left;
	background: transparent url(images/plan2.jpg) no-repeat; 
}

#plan3 {
	position: relative;
	float:left;
	width: 252px;
	height: 174px;
	margin: 0px;
	padding: 55px 0 0 0px;
	text-align: left;
	background: transparent url(images/plan3.jpg) no-repeat; 
}

#news-signup {
	position: relative;
	float: right;
	width: 250px;
	height: 174px;
	padding: 55px 0 0 0px;
	text-align: left;
	background: transparent url(images/plan3.jpg) no-repeat; 
}

#footer {
	position: relative;
	width: 755px;
	margin-top:10px;
	clear: both;
	text-align: center;
	font: 11px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;
	
	color: #ffffff;  }

/*-------Secondary Pages------------*/
#wrap {width: 755px;  margin: 0; padding: 0;}
#content {
	position: relative;
	background-color: white;
	float: left;
	left: 3px;
	width: 502px;
	margin: 0; 
	padding: 0;
	text-align: left;
	border-right: 2px solid black;
	background: white url(images/content-bottomleft.jpg) no-repeat bottom ;
	}
	
#content img {padding: 5px;}	
h1 {font: bold 1.5em/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; padding-left: 15px; padding-top: 10px; color: #156cbb;}
h2{font: bold 1.4em/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; padding-left: 15px; color: #156cbb;}
h3{font: bold 1.2em/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; padding-left: 15px; color: #156cbb; }
#content p, #contentright p {padding:0 15px 5px 15px; margin-right: 10px;}
#contentright h2 {padding: 10px 0 0 10px; }

#contentright  {
	position: relative;
	background-color: white;
	float: right;
	width: 248px;
	margin: 0;
	text-align: left;
	background: white url(images/content-bottomright.jpg) no-repeat bottom;
	}
#contentright li (margin-left: 0px; padding: 0;}
.link li {margin-right: 15px;}
#footer2 {
	position: relative;
	width: 755px;
	margin-top: 5px;
	clear: both;
	padding: 15px 0 0 0;
	text-align: center;
	font: 11px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #ffffff;  }
#footer2 p {color: #ffffff;}
	
.link4 ul { margin-left: 30px; padding-left: 0; }
.link4 li {padding: 0 20px 5px 10px;   }

/*-----Content Full Pages---------*/

#contentfull {
	position: relative;
	background-color: white;
	width: 755px;
	margin: 0; 
	padding: 10px;
	text-align: left;
	}

/* ------------------------------------------------------------------------------------- */
/* contact */	
#templatelist  {width: 730px; padding: 10px;}

table.tablelist {margin-left: 60px;	font: 11px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;
   
	

}	

#signup table { 
 background-color: transparent; 
 color: #001cfe; 
 width: 300px; 
 border-collapse: collapse; 
 margin-left: 10px;
} 

#signup td { 
 /*border: 1px solid #f1eeee; */
 padding-left: 4px; 
}
.labelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #000000; 
 background-color: transparent; 
 width: 190px; 
 text-align: left; 
} 

.labelcell2 { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #000000; 
 background-color: transparent; 
 text-align: left;
  width: 300px; 
} 

.fieldcell { 
 background-color: transparent; 
 color: #000000; 
 text-align: left; 
 margin-right: 0px; 
 padding-right: 0px;
 padding-top: 2px; 
} 

.smalllabelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: transparent; 
 color: #cc9999; 
 width: 100px; 
} 

.smallfieldcell { 
 background-color: #dddddd; 
 color: #000000; 
 text-align: left; 
 padding-top: 2px;
 width: 70px; 
  font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
.fieldcell input { 
 width: 150px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFE7E7; 
 color: #102132; 
 border: 1px solid #284279; 
 margin-right: 0px; 
} 

.button { 
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #102132; 
 text-align: center;
 margin-top: 4px;

}

/*-------iframe mimic-------*/ 
 
#block1 {
 font: 1.0em/1.2em Verdana, Arial, Helvetica, sans-serif; 
 color: #F0F1EF; 
 margin-top: -15px;
 text-align: left;
 width: 360px;
 height: 120px;
 background: transparent;
 margin-bottom: 5px;
 scrollbar-face-color: 63CF31;
 scrollbar-highlight-color: ffffff;
 scrollbar-3dlight-color: cccc99;
 scrollbar-darkshadow-color: eeefdd;
 scrollbar-shadow-color: eeefdd;
 scrollbar-arrow-color: ffffff;
 scrollbar-track-color: 63CF31;
}

.pad10 {
padding: 5px;
}
.overflow {
overflow: auto;
width: 350px;
height: 120px;
}
.padside {
padding-right: 10px;
margin-top: 0px;
}



/*-----Screenshot-----*/
.resourceScreen {
	float: left;
	margin-right: 15px;
	width: 256px;	
}
.resourceScreen img {margin-left: 10px;}
.resourceScreenDes h3 {border: none; margin: 5px 0 10px 0;}
.resourceScreenDes p {font-size: 12px;}
.resourceScreenDes p.large {font-size: 12px;}
p.bottompadnormal {padding-bottom: 20px;}
.screenBorder {
	border-bottom: 1px dotted #dedede;
	padding: 5px 0 25px 0;
	margin-bottom: 18px;
}
.screenNoBorder {padding: 5px 0 25px 0;	margin-bottom: 18px;}
.clear {clear: both;margin: 0;	padding: 0;}