/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { margin: 57px 0 47px 0; font-size: 0.62em; font-family: Arial, Helvetica, sans-serif; text-align: center; }

p, h2 { margin: 0 0 16px 0; }
p { font-size: 1.2em; line-height: 1.45em; }
h1 { font-size: 2em; line-height:1.4em; margin:0; }
h2 { font-size: 2em; line-height:1.4em; margin:12px 0 0 0; }
h3 { font-size: 1.3em; }
h4, h5, h6 { font-size: 1.2em; }

a { color: #015581;  text-decoration: underline;}
a:hover, a:active {  color: #015581; text-decoration: none; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form { width: 45em; margin-left: 5px; }

#content  form p {font-size: 100%; padding: 2px;margin: 0; margin-bottom:0; font-size:125%; }

/* fieldset styling */
fieldset { margin: 1em 0;	padding: 1em;	border : 1px solid #e2e2e2; }

/* legend styling */
legend {font-weight: bold;color: #0567ae; }

/* style for  labels */
label { float: left; width: 14em;}

/* style for required labels */
label .required { font-size: 0.9em; font-style: normal; color: red; }

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input { width: 225px; }

input.radio, input.submit { 	width: auto; }

textarea { width: 225px;	height: 100px; padding:0;} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 304px;
	padding: 0 .25em;
	background-color: #0567ae;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */

.group:after, #sidebar:after, #wrapper:after, #nav ul:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.group, #sidebar, #wrapper, #nav ul
{ zoom: 1; display: block; }

body {margin:0;padding:0;font-size:62.5%;font-family:Arial, Helvetica, sans-serif;text-align:center;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	
	.container {position:relative;margin:0 auto;text-align:left;width:780px;}
	
	#header {height:188px;border-bottom:9px solid #3c3c3c;}
	
	#wrapper {padding:0 30px 0 3px;}
  	#content {width:477px;float:right;}
  	#sidebar {width:244px;float:left;}
  	
	#footer {clear:both;}
	
	/* Main Backgrounds */
	body {background:#3f4c6b url(../images/bg_body.gif) top repeat-x;color:#000;}
	  #page {padding-top:26px;}
	    #header {background:url(../images/bg_header.gif) top repeat-x #e5e6e8;}
	    #wrapper {background:url(../images/bg_wrapper.gif) top repeat-x #fff;}
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  
	#header h1 a {position:absolute;top:11px;left:0;text-indent:-9999px;background:url(../images/logo.png) no-repeat;width:248px;height:177px;margin:0;}
	
	#header div.support {position:absolute;top:45px;left:274px;font-family:"Lucida Sans",Lucida,Verdana,sans-serif;}
	#header div.support h2 {text-transform:uppercase;font-size:2.3em;line-height:1.21em;font-weight:bold;margin:0 0 6px 0;}
	#header div.support p.phone {text-transform:uppercase;margin:0;line-height:40px;font-size:1.8em;font-weight:bold;color:#af0a0f;padding-left:30px;background:url(../images/phone.gif) left bottom no-repeat}
	#header div.support p.email {font-size:1.2em;height:18px;}
	#header div.support p.email a {float:left;line-height:18px;font-weight:bold;padding-right:20px;background:url(../images/email.gif) right center no-repeat;}
	    
	#nav {margin-bottom:3px;background:url(../images/bg_nav.gif) top left repeat-x #356aa0;border:1px solid #265c93;border-top:1px solid #0d2843;}
	  #nav ul {padding:13px 0 20px 3px;margin:0;font-size:1.2em;}
	    #nav ul li {list-style:none;margin:0;padding:0;float:left;clear:left;height:30px;}
	      #nav ul li a {width:183px;text-decoration:none;float:left;line-height:14px;padding:9px 25px;background:url(../images/nav-sep.gif) bottom center no-repeat;text-transform:uppercase;color:#fff;}
	      #nav ul li a:hover {text-decoration:underline;}
      	      	      
        /* Active States */
        
        body.home #page #nav-home a,
        body.services #page #nav-services a,
        body.about #page #nav-about a,
        body.learn #page #nav-learn a,
        body.why #page #nav-why a,
        body.gallery #page #nav-gallery a,
        body.contact #page #nav-contact a 
        {padding:6px 22px;border:3px solid #236c91;background:url(../images/nav-active.gif) top center no-repeat #fdfdfd;color:#000;cursor:default;text-decoration:none;}
	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

	#content {padding-top:15px;}

	  #content p {line-height:1.5em;margin-bottom:1.5em;font-size:1.2em;}
	  
	  #content ul {padding:0;margin:0 0 20px 0;font-size:1.2em;}
	    #content ul li {line-height:1.16em;margin:0;padding:2px 0 12px 8px;list-style:none;background:url(../images/bull.gif) 0 7px no-repeat;}
	      #content ul ul {font-size:1em;}
	    	  
	  #content img.bordered {border:3px solid #ced4da;}
	  #content img.left {float:left;margin-right:20px;}
	  #content img.right {float:right;margin-left:20px;}
	  #content img.njpma {padding-right:40px;}
	  #content img.ppma {padding-top:20px;}	  

	      
	  #content a {}
    #content a:hover {}
    

/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

	#sidebar {}
	#sidebar .box {border:1px solid #478b38;background:url(../images/bg_box.gif) top repeat-x #3a8336;margin-bottom:3px;padding:9px 12px;}
	#sidebar .box h3 {margin:0;padding-left:28px;font-size:2em;font-family:"Lucida Sans",Lucida,Verdana,sans-serif;line-height:1.5em;color:#373737;background:url(../images/checkmark.gif) 0 0 no-repeat;}
	#sidebar .box p {font-size:1.2em;line-height:1.66em;color:#014609;margin:0;}
	#sidebar .box a { color:#014609; text-decoration:none; display:block;}
	#sidebar .box a:hover { text-decoration:underline;}
	
	#sidebar .credit-cards {padding:30px 0;text-align:center;}
	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer {padding:5px 20px 10px;text-align:center;}
	  #footer p {font-size:1.2em;line-height:1.66em;color:#fff;margin:0;}
	  #footer a {color:#fff;}

.announce {
font-size: 1.4em;
color: #af0a0f;
}