@import url("typography.css"); 
@import url("color.css"); 

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }



/* layout.css */

html 	{
	text-align : center;
	height:100%;
}

body {
    background-color: #62859c;
    padding: 10px 0 10px;
}

form
{
    height:100%;
    }
    
#inner
{
    text-align : left;
background: url(images/bg.jpg) #62859c repeat-y center 10px;
    }    


#wrapper {
	width : 960px;
	margin : 0 auto 0 auto;
	background-repeat: repeat-x;
	background-position: left 11.9em;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	height: 100%;
	}



#header {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
height:70px;
background-color: #4170a5;
padding-top: 1em;
overflow: hidden;
padding-right:5px;
}

#header img
{
    margin: 0 0 0 15px;
    }
#header #navcon { 
height:4em;
margin:0;
padding:0;
top:62%;
z-index:90;
}

#content
{
    background-color: #6BB86E;
    overflow:hidden;
   
    }

#content #content-main {
border:none;
margin: 0 0 0 0;
float: right;
width:730px;
padding: 0 0 0 10px;
    background-color: #fff;
  min-height: 800px;
}

#content #content-main-wide {
border:none;
margin: 0 0 0 0;
float: right;
width:720px;
padding: 0 10px 0 10px;
background-color: #fff;
min-height: 800px;
}

#content #content-main-home {
border:none;
margin: 0 0 0 0;
float: right;
width:720px;
padding: 0 10px 10px 10px;
background-color: #fff;
}

#content #content-main .breadcrumb,
#content #content-main-wide .breadcrumb,
#content #content-main-home .breadcrumb
{
   margin-bottom:1em;
   margin-top: 1em;
    }

#content #content-main .sitecontent {
border:none;
margin: 0 10px 0 0;
width:485px;
float: left;
}

#content #content-main .rightcontent {
border:none;
margin: 63px 0 0 495px;
}

#content #content-main .rightcontent img
{
    margin-bottom: 40px;
    }

#content #content-main h2,
#content #content-main-wide h2,
#content #content-main-home h2{
border-top: 1px solid #CCCCCC;
margin-top: 5px;
padding-top: 10px;
}

#content .content_sub {
float:left;
width:209px;
padding: 5px;
background-image:url(IMAGES/menu/menu_gradient.jpg);
background-position:left top;
background-repeat:repeat-x;
background-color: #6bb86e;
min-height: 790px;
border-right: solid 1px #cccccc;
}

#site_info {
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
background: #6cb86e;
clear:both;
}

#content #content-main .featured_workimg {
	float:left;
}


#wrapper #content #content-main .container,
#wrapper #content #content-main-home .container,
#wrapper #content #content-main-wide .container  {
margin-bottom:1.9em;
}

#site_info .site_infowrappB {
	float:right;
	margin-top:-1.5em;
	padding:1.5em 0em 0em 0em;
	width:220px;
	background-color: #d7d4d1;
}

#site_info .site_infowrappC { margin:0 auto; width: 960px;}

#site_info .site_infowrappD { float:left;
font-weight:normal;
margin:0 10px 0 10px;
width:460px;}

#site_info .site_infowrappC .site_infowrappB .books { height: 8em;}

#site_info .copyright img {
float:left;
padding-right:10px;
padding-left: 20px;
}

#work #wrapper #content #content-main .container .work_description,
#work #wrapper #content #content-main-wide .container .work_description,
#work #wrapper #content #content-main-home .container .work_description  
{ float: left; width: 380px;}

#work #wrapper #content #content-main .container .provide img,
#work #wrapper #content #content-main-home .container .provide img,
#work #wrapper #content #content-main-wide .container .provide img
 { border:1px solid #D4D6D9;
margin-right:20px;
float:left;}

/* fieldset styling */

fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: bold;
}


/* style for  labels */


/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

#site_info .copyright
{
    font-size: 75%;
    margin-top: 5px;
    padding:  1em 0 1em 0;
    margin: 10px;
    }

#work #wrapper #content #content-main .container .provide img, 
#work #wrapper #content #content-main-wide .container .provide img,
#work #wrapper #content #content-main-home .container .provide img  
{ margin-bottom: 4.5em;}




/* Easy Slider */
#slider {
	margin: 18px 0 36px 0;
	border: solid 1px #ccc;
}
#wrapper #content #content-main #slider ul li a {
	width: 700px;
	margin: 0;
	padding: 0;
	height: 400px;
}
#wrapper #content #content-main #slider ul li {
	width: 700px;
	margin: 0;
	padding: 0;
	height: 400px;
}
#wrapper #content #content-main #slider ul {
	margin: 0;
	padding: 0;
}
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider, #slider li {
	/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
width: 700px;
	height: 400px;
	overflow: hidden;
}
span#prevBtn {
}
span#nextBtn {
}
/* // Easy Slider */



#home_image {
	position:relative;
	width: 739px;
	height: 400px;
	float:left;
	overflow: hidden;
	background-color: #cccccc;
	border-right: solid 1px #cccccc;
}

#content_image
{
	width: 739px;
	height: 200px;
	float:left;
	background-color: #cccccc;
	border-right: solid 1px #cccccc;
	overflow: hidden;
    }

#home_image #home_masthead1, #home_image #home_masthead2 {
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}

#header p
{
    width: 400px;
    }
#header h1
{
    width: 315px;
    float:left;
    }   
 
div.search
{
    float: left;
    display: block;
    text-align:left;
    line-height:2em;
    margin-left: 10px;
    }
    
.ThemeDefault
{
    text-align: left;}

.ThemeDefault .SubHead
{
    font-weight: bold;
    }

div#staticimages
{
    float: right;
    }
    
div#staticimages P
{
    padding-right: 1px !important;
    }