/*******************************************************

*******************************************************/

body {
	margin:0em;
	padding:0;
	height:100%;
	background-color:#6D97AC;
	color:#000000;
	text-align:center;
	font-family:"Trebuchet MS", Verdanal, Helvetica, sans-serif;
	font:normal 13px/20px;
	font-size:0.9em;
	background-repeat: repeat-x;
	background-image: url(../images/upperbg2.gif);
}

a {
	color:#FFCB66;
	text-decoration:none;
}

a:hover {
	color:#FFCC66;
	text-decoration:underline;
}

blockquote {
margin:1em;
padding:.5em .5em .5em 85px;
background-color:#D7ECF8;
}

blockquote p {
margin:.2em;
color:#000000;
}

hr {
	margin-bottom:20px;
	border:none;
	width:99%;
	color:#85B9D6;
	background-color:#85B9D6;
	height:1px;
	clear:both;
}

td.desc {
padding:4px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

#postHeader { 	
margin:0 auto;
padding:0 .2em .3em .2em;
width:720px;
text-align:right;
vertical-align: middle;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
text-transform:uppercase;
}

#centerColumn {
	margin:0 auto;
	padding:0em 2em 0em;
	width:720px;
	text-align:left;
	vertical-align: middle;
	background-color:6D97AC;
}

#centerColumn h2 {
	margin:0 0 .5em;
	padding:.5em 0 0;
	font-family:"Trebuchet MS", Verdana, Times, serif;
	font-size:1.1em;
	color: #FFFFFF;
}

#centerColumn h3 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}

#navbar {
	margin:-1em -1em 0 -1em; /* Mozzila attributes */
	padding:1em 0 1em 0 !important; /* IE specific attributes */
	padding:1em 0 0 0;
	background-color:#3B206B;
}

#navbar ul {
	margin:0 0 -1em .3em !important;
	margin:.3em 0 0 .3em;
	padding:0 0 1em 0;
	list-style:none;
	background-color:#341C63;
	color: #FFFFFF;
}

#navbar li {
	margin:0 0 0 -.27em;
	padding:.2em 0 .2em 0 !important;
	padding:1em 0 1em 0;
	list-style:none;
	display:inline;
	font-family:Verdana, Georgia, serif;
	font-weight: normal;
	font-size: 0.7em;
	color: #FFFFFF;
}

#navbar li a {
	margin:0 0 0 0;
	padding:1em .5em 1em .5em !important;
	padding:1em .5em 0 .5em;
	color: #CCCCCC;
	text-decoration: none;
}

#navbar li a:hover{
	margin:0 0 0 0;
	padding:1em .5em 1em .5em !important;
	padding:1em .5em 0 .5em;
	color: #FFFFFF;
	text-decoration: underline;
}

#header {
	padding:0;
	height:165px;
	border-top:1px solid #ffffff;
	background-image: url(../images/development-header.jpg);
	background-repeat: no-repeat;
	width: 764px;
	background-position: center top;
	background-color: #6D97AC;
	margin-top: 0;
	margin-right: -1.5em;
	margin-bottom: 0px;
	margin-left: -1.5em;
}

#header h1 {
margin:0 0 -14px 10px;
padding:10px 0 0 .9em;
font-family:"Trebuchet MS", Verdana, Times, serif;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000000;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 30px;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000000;
}

#cell_1 {
	margin:0 5px 1em 0;
	padding:2px;
	float:left;
	width:230px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: 6D97AC;
}

#cell_2 {
	margin:0 14px 1em 14px;
	padding:2px;
	float:left;
	width:210px;
	background-image: url(../pages1/images/3bg.jpg);
	background-color:#FFFFFF;
}


#cell_3 {
	margin:0 0 1em 5px;
	padding:2px;
	float:left;
	width:470px;
}

#cell_3 a{
	color:#D25C14;
}

#cell_1 p, #cell_2 p, #cell_3 p {
	font-size:0.75em;
	color:#000000;
	padding: 10px 15px;
	background-repeat: repeat-y;
	border-bottom-color: #D1580E;
	clear: left;
}

#cell_1 h2 {
	margin:0 0 0px !important;
	margin:0 0 -20px 0;
	padding:4px 0 15px 5px;
	font-family:"Trebuchet MS", Verdana, Georgia, serif;
	color:#000000;
	font-weight:bold;
	background-position: top center;
}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:"Trebuchet MS", Verdana, Georgia, serif;
color:#000000;
font-weight:bold;
}

#cell_3 h2 {
	margin:0 0 0 0 !important;
	margin:0 0 -20px 0;
	padding:4px 0 15px;
	font-family:"Trebuchet MS", verdana, Georgia, serif;
	color:#000000;
	font-weight:bold;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.news em {
font-size:.8em;
color:#000000;
}

#cell_1 ul.news, #cell_2 ul.news, #cell_3 ul.news {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li.news, #cell_2 li.news, #cell_3 li.news {
margin:0 0 .3em 0;
padding:5px 0 6px 10px;
font-size:.75em;
}

#cell_1 ul, #cell_2 ul, #cell_3 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li, #cell_2 li, #cell_3 li {
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:.75em;
}

#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_2 {
margin:0 7px 2em 14px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_3 {
margin:0 14px 2em 7px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:.75em;
color:#000000;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
font-family:"Trebuchet MS", Verdana, Georgia, serif;
color:#000000;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.8em;
}

#footer {
	position:relative;
	clear:both;
	bottom:0;
	margin:0 0 0 0;
	padding:0;
	height:100%;
	line-height:4em;
	text-align:center;
	font-size:0.7em;
	background-color:#000000;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.images {
}
.float-left {
	margin: 4px;
	float: left;
}

	
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(../images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(../images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }