/******************

    main styles

******************/



html, body {

	margin: 0;

	padding: 0;

}

body {

	text-align: center;

	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	background-color: #002e62;

	background: url(../images/twp_pins.jpg);

	}

body a 

{ 

text-decoration: none;

color: #003366; }



body a:visited 

{ color: #003366; }



body a:hover 

{ 

text-decoration: underline;

color: #003366; }



body a:active

{ color: #003366; }

	

	



#container {

	margin: 0 auto;

	padding: -12px 4px;

	width: 800px;

	text-align: left;

	background: url(../images/container_bgr.gif) repeat-y center;

}



/* clearfix */

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix { display: inline-block; }  



 /* Targets IE Win < 7 only \*/

    *.php .clearfix {height: 1%;}

      .clearfix {display: block;}

 /* End Holly Hack */



.clb { clear: both; }

/******************

  header & footer

******************/

#header {

	position: relative;

	width: 800px;

}

#header #logo {

	padding: 27px 0 0 33px;

}

#header #square {

	position: absolute;

	left: 620px;

	top: 14px;

	z-index: 1;

	width: 114px;

	height: 114px;

/*	border: 7px solid #fff;*/

	color: #000;

	background-color: #c49f06;

}

#header #tagline {

	display: block;

	width: 800px;

	height: 232px;

	height: 175px;

	border-top: 1px solid #002e62;

	border-bottom: 1px solid #fff;

	margin: 0;

	padding: 0;

/*	text-indent: -9999px;

	background: url(../images/tagline_bgr.jpg) no-repeat;*/

	background: #002e62;

}



#footer {

	width: 800px;

}

#footer p {

	margin: 0;

	padding: 0 14px;

	text-align: center;

	line-height: 18px;

	color: #fff;

	background-color: #002e62;

	background: url(../images/container_bottom_bgr2.gif) repeat-x center;

}



#credit p  {

margin: 0; 

padding: 6px 14px;

text-align: center;

color: #666699;

background-color: #002e62;

font: 11px Verdana, Helvetica, sans-serif;

}



#credit a:link {

color: #666699;

text-decoration: none;

font: 11px Verdana, Helvetica, sans-serif;

}



#credit a:visited {

color: #666699;

text-decoration: none;

font: 11px Verdana, Helvetica, sans-serif;

}



#credit a:hover {

color: #999999;

font: 11px Verdana, Helvetica, sans-serif;

text-decoration: none;

}



/******************

    navigation

******************/



#header #util_nav {

	margin: 5px 0 3px 360px;

	padding: 0;

	list-style-type: none;

	font-family: Arial, Helvetica, sans-serif;

}

#header #util_nav li {

	display: inline;

	margin: 0;

	padding: 0;

	border-left: 1px solid #002e62;

}

#header #util_nav li.first {

	border-left-width: 0;

}

#header #util_nav a {

	margin: 0;

	padding: 0 5px 0 9px;

	text-decoration: none;

	color: #002e62;

	background-color: #fff;

}

#header #util_nav a:hover {

	text-decoration: underline;

}



/* main navigation */

#header #nav {

	color: #c49f06;

	background-color: #002e62;

	border-bottom: 3px solid #c49f06;

}

#header #nav ul {

	margin: 0;

	padding: 10px 0 0;

	list-style-type: none;

	font: bold 12px Arial, Helvetica, sans-serif;

}

#header #nav li {

	float: left;

	margin: 0;

	padding: 0 25px 0;

	background: url(../images/nav_bullet.gif) no-repeat 0% 100%;

}

#header #nav a {

	display: block;

	float: left;

	margin-left: 1px;

	padding: 0 1px 2px;

	text-decoration: none;

	color: #fff;

/*	background-color: #002e62;*/

	border-bottom: 2px solid #002e62;

}

#header #nav li.first {

	padding-left: 49px;

}

#header #nav li.first {

	background: none;

}

#header #nav li.last {

/*	padding-right: 47px;*/

}

#header #nav a:hover {

	border-bottom-color:#c49f06;

    color: #999999;

}

#header #nav a.current {

color: #fff;

border-bottom-color:#c49f06;

	

}



/******************

      content

******************/

#content {

	width: 800px;

}

#homeHeader {	margin: 36px 0 20px 40px; }

/*#content h1 {

	display: block;

	height: 23px;

	width: 333px;

	margin: 36px 0 20px 40px;

	text-indent: -9999px;

	background: url(../images/home_h1_bgr.gif) no-repeat top left;

}*/

#content p {

	margin: 0 40px 20px;

}



#content #features {

	border-top: 1px solid #ebebeb;

	color: #002e63;

	background: #eee url(../images/features_bgr.gif) repeat-y;

}



#content #features #art

{

background: url(../images/promo_1.jpg) no-repeat;

}

#art

{

margin-left: 30px;

padding: 0;

width: 210px;

height: 246px;

margin-bottom: -200px;

}





#art img

{

margin: 0;

padding: 0;

border: 0;

}



* html #art

{

  margin-left:30px;

  width: 694px;

}



#content .feature {

	float: left;

	width: 266px;

}

#content #features h2 {
	margin: 0 0 12px;
	padding: 0 0 0 30px;
	border-left: 1px solid #fff;
	color: #002e63;
	background-color: #ececec;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 26px;
	font-weight: bold;
}

#content #features .first h2 {

	border-width: 0;

}

#content #features ul {

	margin: 0 0 20px;

	padding: 0 0 0 30px;

	list-style-type: none;

}

#content #features ul a {

	padding: 0 0 0 14px;

	text-decoration: none;

	font-weight: normal;

	color: #002e63;

	background: #d8d8d8 url(../images/bullet.gif) no-repeat 0% -37px;

}



	

#content #features li a:hover {

	background-position: 0% 1px;

	text-decoration: underline;

}

/* double bullet fix */

#content #features ul a {

	background: #d8d8d8 url(../images/bullet1.gif) no-repeat 0% 3px;

}

#content #features ul a:hover {

	background-position: 0% -289px;

}

/* double bullet fix end */

#content #features p {

	margin: 0 30px;

	padding: 0;

}

#content #features a {

	padding: 0 30px;

	font-weight: bold;

	color: #c49f06;

}



/*  */

ul.sp_bullets li {

	list-style-type: none;



}

ul.sp_bullets li a {

	padding: 0 0 0 14px;

	text-decoration: none;

	background: url(../images/bullet1.gif) no-repeat 0% 3px;

}

ul.sp_bullets li a:hover {

	text-decoration: underline;

	background-position: 0% -289px;

}





ul.sp_bul1 {

    list-style-type: none;

}

ul.sp_bul1 li {

    padding: 0 0 0 14px;

    background: url(../images/bullet1.gif) no-repeat 0% 5px;

}



ul.sp_bull li a:hover {

	text-decoration: underline;

	background-position: 0% -289px;

}