/* CSS Document */
/**********************************************************************************************

	Title: CSS
	Author: Bultman Computer Partners, Inc.
	Date: 2008 

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Header
		3.2 Footer		
		
***********************************************************************************************/
/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {
		font-family: Helvetica, Arial, sans-serif;
		font-size:90%;
		line-height:normal;
		text-align: center;
		color: #4b4b4b;
		/*padding-top:10px;  */
		padding-bottom:25px;
	}
	
 h2 {
		font-size: 24px;
		color: #0066CC;
}
  
	h4 {
		}

	hr { 
		display: none;
	}
		
	strong {
		font-weight: bold;
	}
		
	em {
		font-style: italic;
	}
	
	address {
		font-style: normal;
	}

	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
		color: #0066CC;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		color: #151515;
		text-decoration: none;
	}

	a:visited {}

	a:active {}
	
/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	#container {
		width: 980px;
		margin: 0px auto;
		text-align: left;
		font-size: 1.3em;
	background:#0E3E6F; 
/*	  background:url(../images/bg_main_wrap.gif) repeat-y top left; */

	}

	
	.featurebox {color:#333;padding: 15px 1px 20px 1px ;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em 0;background: #f6f6f6 url("featurebox_bg.gif") no-repeat 100% 100%}
/*	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00} */
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 0px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}
	
	.kidsfeaturebox{color:#333; width: 550px; padding-top: 25px; border-top: 1px solid #d7d7d7;margin: 1.5em 0 1.5em 0;background: #f6f6f6  no-repeat }
	.kidsfeaturebox p, .kidsfeaturebox h1, .kidsfeaturebox h2, .kidsfeaturebox h3, .kidsfeaturebox h4, .kidsfeaturebox h5,  .kidsfeaturebox h6 {margin: 0 0 .3em;border-bottom: 0px solid #c00;color:#c00}
	.kidsfeaturebox p {border:none;margin: 0 0 1em;color:#444}
	.kidsfeaturebox a {font-weight:bold}
	
	
	
	#homebox .inner { background: #a087a7; color: #000;} 
	#homebox .innerLeft {background: #a087a7; color: inherit; float:left; width:48%; margin-left: 3px; margin-right: 3px;}
	#homebox .innerRight {background: #a087a7; color: inherit; float:right; width:49%;}

	#homebox  {
		color: #fff;
		background-color: inherit;
		margin: 0 0 1em 0;
		text-align: center;
	/*	font-size: 1.8em; */
		padding-bottom:30px;
	}

/* rounded boxes */
/* ------------------------------------------------------- */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.inner { padding: 0 0.8em 0.5em 0.8em;} 
.innerLeft {float:left; }
.innerRight { float:right;}
.innerRightBox {  float:right; background-image:url(images/gradientbox.gif);}

* html #more .inner {
    height: 1%;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* 3.1 HEADER
------------------------------------------------------------------------------------------------ */
#header {
	/*background:#ffffff url(images/header_new.gif) center top no-repeat;  */
/*	background:#ffffff url(images/test2.png) center top no-repeat; 

	position:relative;
	overflow:hidden;*/
background:#ffffff url("images/test2.png") center top no-repeat;
height:315px;
/*width:997px; */
}


#header h1 {
	font-size:200%;
	}

#header righttext {
float:right;
margin-right:50px;

}

#printHeader {
	width: 800px;
	height: 160px;
	display: none;
}

#header .media {
	float: right;
	margin-right:55px;
	}
/**************************************************/
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}
#leftcol { 
	position:relative;
	/*top:-10px; */
	left:-10px;
	float:left;
	width:220px;  /* for IE5/WIN */
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	background:#FFFFFF;
	z-index:100;
	}
	

#rightcol {
	position:relative;
	/*top:-10px;*/
	right:-10px;
	float:right;
	width:220px;  /* for IE5/WIN */
	width:175px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	background:#FFFFFF;
	z-index:100;
	}
	
	
#centercol {
	position:relative;
	padding:0 220px;
	float:none;

	}
#centercol a {
	color:#3300CC;
	}

	
#centercol h1 {
	font-size:48px;
	color: #800080;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#centercol a:hover {
	color:#3333FF;
	}
	
	
#centercol h4 {
	font: italic bold 19px Helvetica, sans-serif;color:#000000;
}
	
#centercol ul {
	text-align:left;
}


#centercol ul li {
	list-style:url(images/bluearrow.jpg);
}

#centercol ul li a {
	text-decoration:underline;
}

#centercol .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

#centercol a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#centercol a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

#centercol a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#centercol a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


#centercol .centerLeft {
float: left;
width: 49%;
}

#centercol .centerRight {
width: 49%;
margin-left: 51%;
}


#centercolgrid {
	position:relative;
	padding:0 250px;
	float:none;
	list-style-type: none;
	}
#centercolgrid a {
	color:#3300CC;
	}
	
#centercolgrid li {
	float: left;
	width: 140px;
	margin-right: 6px;
	margin-bottom: 50px;
	color: #333333;
}

#centercolgrid img {
	display:block;
	border: 0px solid #333300;
}
	
	
#bottomRow  {
	position:relative;
	padding:1% 0;
	top:1px;
	clear:both;
	padding:1% 0;

}

#bottomRow img {
margin-right: 30px;
margin-top: 5px;
}
    
#mediaRight {
float:right;
padding-left:5px;
width: 45%;
}

#mediaLeft {
float:left;
padding-right:5px;
width: 45%;
}

.gray { 
  background-color: #4be22d;
	}
	
	
.gradGray {
	background-color: transparent;
  height: 100%;
  left: 0px;
  top: 0px;

}

.box {
  border: solid orange 2px;
  float: right;
  height: 179px;
  margin: 1px;
  width: 135px;
	position: relative;
}

/* 3.1.1 MENU
	-----------------------------------------*/
#menu {
	display:block; 
	height:110px; 
	color:#000000;
  width:100%;
  overflow:hidden;
  position:relative;
}


#menu ul {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	text-align: center;
	
	clear:left;
  float:left;
  list-style:none;
  margin:0;
  position:relative;
  left:50%;
 }
		

#menu li {
 display:block;
   float:left;
   list-style:none;
   position:relative;
   right:50%;
	 padding:3px 10px;
	 margin:0 0 0 1px;
}
			
#menu li.list1 {background:transparent url(images/triangle_red1.gif) no-repeat 20px 0px  ;}
#menu li.list2 {background:transparent url(images/triangle_green1.gif)  no-repeat 20px 0px;}
#menu li.list3 {background:transparent url(images/triangle_dkblue1.gif) no-repeat 20px 0px;}
#menu li.list4 {background:transparent url(images/triangle_orange1.gif) no-repeat 20px 0px;}
#menu li.list5 {background:transparent url(images/triangle_purple1.gif) no-repeat 20px 0px;}

#menu a {display:block; width:83px; height:0; padding-top:38px; color:#000; }

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:128px; height:0;}

#menu a#item1 {background:transparent url(images/triangle_grey1.gif) -130px -90px no-repeat;}
#menu a#item2 {background:transparent url(images/triangle_grey1.gif) -130px -90px no-repeat;}
#menu a#item3 {background:transparent url(images/triangle_grey1.gif) -130px -90px no-repeat;}
#menu a#item4 {background:transparent url(images/triangle_grey1.gif) -130px -90px no-repeat;}
#menu a#item5 {background:transparent url(images/triangle_grey1.gif) -130px -90px no-repeat;}

#menu a#item1:hover {background-position:10px 0px; z-index:50;}
#menu a#item2:hover {background-position:10px 0px; z-index:50;}
#menu a#item3:hover {background-position:10px 0px; z-index:50;}
#menu a#item4:hover {background-position:10px 0px; z-index:50;}
#menu a#item5:hover {background-position:10px 0px; z-index:50;}



/* 3.2 FOOTER
------------------------------------------------------------------------------------------------ */

#footer {
	position:relative;
	top:1px;
	background:#024C79;
	width:100%;
	clear:both;
	margin:20px;
	padding:1% 0;
	text-align:center;
	font-size:86%;
	color:#CCC;
	padding: 10px 0 30px;
	}

#footer a{
		font-weight:bold;
		color:#FFFF00;
		}
		
		

.roundedcornr_box_674159 {
   background: #dddddd url(roundedcornr_674159_grad.gif) repeat-x top left;
}
.roundedcornr_top_674159 div {
   background: url(roundedcornr_674159_tl.gif) no-repeat top left;
}
.roundedcornr_top_674159 {
   background: transparent url(roundedcornr_674159_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_674159 div {
   background: url(roundedcornr_674159_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_674159 {
   background: transparent url(roundedcornr_674159_br.gif) no-repeat bottom right;
}

.roundedcornr_top_674159 div, .roundedcornr_top_674159,
.roundedcornr_bottom_674159 div, .roundedcornr_bottom_674159 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_674159 { margin: 0 30px; }