/* Start of CMSMS style sheet 'Futureworks: Style' */
/* CSS Document */
body{padding:0px; margin:0px; color:#6b6b6b; font:10px/14px Tahoma, sans-serif; 
	background-color: #f1f2f2;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin:0;
	padding:0
}

a:link, a:visited, a:active   { 
	color: #800080;text-decoration: none;font-weight:bold;
	}

a:hover { 
	text-decoration: underline;
	}

div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;border: 0;}

h1{font-size:16px;
text-align:center;
text-transform:uppercase;
color:#8200ad}

h4{
color:#8200ad
}

ul{
	list-style-type:disc;
	color:#900;
	margin-left:42px;
	font-weight:bold;
}

.clear {clear: both; margin: 0px}

/* CONTAINER */

#container{width:100%; clear:both; }

/* INCONTAINER */

/*
#incontainer{width:800px; margin: 0 auto; position:relative;
background-color:#FFF}
*/

#incontainer{width:800px; margin: 0 auto; position:relative;
}

/* CENTER */

#center{width:800px; float:left}


/* HEADER */

#header{
	/* height:98px; */
	position:relative;
/*	margin-bottom:8px; */
	background-color:#FFF;
}

#headerflash{
	background-color:#FFF;
	position:relative;
padding-top:8px;
	overflow:hidden;
}

#menu{
	position:relative; 
	clear:both;
	margin-top:-9px; 
}
#logo{
	position:absolute;
	top:38px;
	left:183px
}


/* CONTENT */
.home-content-container{
height:540px;
clear:both;
margin-top:22px;
}


.home-col1{
/* clear:both; */
	float:left;
	width:457px;
	height:437px;
	background-image: url(images/homepage-left-div.png); 
/*	margin-left:20px; */
/*	margin-top:23px; */
}

.home-col2{
	float:left;
	width:293px;
	height:437px;
	margin-left:8px; 
/*	margin-top:18px; */

}

.home-content-topright-container{
	width:293px;
	height:116px;
	background-image: url(images/homepage-topright-div.png);
}

.home-content-connect-container{
	width:10px;
	height:82px;
	background-image: url(images/homepage-connect-div.png);
	margin-left:141px;
}

.home-content-botright-container{
	width:293px;
	height:239px;
	background-image: url(images/homepage-botright-div.png);
}

.home-inleft-container{
	/* background-color:#0CF; */
	margin-left:4px;
	margin-top:6px;
	width:440px;
	height:138px;
	}

.home-inleft-col1{
	float:left;
	width:184px;
}

.home-inleft-col2{
	float:left;
	width:248px;
	margin-left:8px;
}


.general-content-container{
/*min-height:80px;
height:auto !important;
height:80px; */
clear:both;
float:left;
width:800px;
margin-top:4px;
background-color:#FFF;
}


.general-col1{
 clear:both;  
	float:left;
	width:350px;
margin-left:30px;
padding-bottom:10px;
text-align:justify;
}

.general-col2{
	float:left;
	width:266px;
/*	margin-top:20px; */
margin-left:76px;
padding-bottom:10px;
text-align:justify;

}

.contentcontainer{margin-top:30px;}

.awards-col1{
 clear:both;  
	float:left;
	width:200px;
/*margin-left:160px;*/
padding-left:160px;
padding-bottom:20px;
	text-align:justify;
}

.awards-col2{
	float:left;
	width:200px;
/*margin-left:60px; */
padding-left:60px;
padding-bottom:20px;
	text-align:justify;
}

.contact-div{
	float:left;
	width:266px;
	height:340px;
	background-image: url(images/general-panel.png);
margin-left:10px;
margin-top:86px;
}

.contact-title{
	margin-left:20px;
	margin-top:6px;
	
}
.contact-text{
	margin-left:20px;
	margin-top:20px;
	width:255;
}


.contact-col1{
 clear:both; 
	float:left;
/*margin-left:16px;*/
margin-left:8px;
	width:450px;
}

.contact-col2{
	float:left;
	width:266px;
/*	margin-top:20px; */
/*margin-left:28px; */
margin-left:18px;
	text-align:justify;
}

.googlemapdiv{
	/*margin-left:16px;*/
	padding-bottom:50px;
	}


.flashbot{
	clear:both;
	float:left;
	margin-top:32px;
	width:760px;
/*	height:22px; */
	
}
#content{
 /* position:relative; */
	clear:both;
/* 	padding-top:4px; */
	margin-top:4px;
	text-align: justify;
}

#contentintro{
 /* position:relative; */
	clear:both;
	padding-top:10px;
	padding-left:12px;
	padding-right:12px;
	text-align: justify;
	font-size:12px;
}


#content2{
	margin-top:4px;
	margin-left:28px;
}



div.crbk {
/* sets all to 0 */
	margin: 0;
	padding: 0;
/* you can set your own image here */
	background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom;
}
div.breadcrumbs {
/* CSS short hand rule first value is top then right, bottom and left */
	padding: 1em 0em 1em 1em;
/* its good to set font sizes to be relative, this way viewer can change his/her font size */
/*	font-size: 90%; */
/* css shorthand rule will be opened to be "0px 0px 0px 0px" */
	margin: 0px;
/* you can set your own image here */
	background: url(uploads/ngrey/mainleftup.gif) no-repeat left bottom;
}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}
div#search {
/* position for the search box */
	float: right;
/* enough width for the search input box */
	width: 27em;
	text-align: right;
	padding: 0.5em 0 0.2em 0;
	margin: 0 1em;
font-size:14px;
}
/* a class for Submit button for the search input box */
input.search-button {
	border: none;
	height: 22px;
	width: 53px;
	margin-left: 5px;
	padding: 0px 2px 2px 0px;
/* makes the hover cursor show, you can set your own cursor here */
	cursor: pointer;
/* you can set your own image here */
	background: url(uploads/ngrey/search.gif) no-repeat center center;
}
/* this gets all the outside calls that were used on the div#main before  */
div.back1 {
/* this will give room for sidebar to be on the left side, make sure this number is bigger than sidebar width */
/*	margin-left: 10px;  */
/* and some air on the right */
/*	margin-right: 10px; */
/* you can set your own image here */
	background: url(uploads/ngrey/mainrt1.gif) no-repeat right top;

}
/* this is an IE6 hack, you may see these through out the CSS */
* html div.back1 {
/* unlike other browser IE6 needs float:right and a width */
	float: left;
	width:800px;
/* and we take this out or it will stop at the bottom  */
	margin-left: 0%;
/* and some air on the right */
/*	margin-right: 10px; */
/* you can set your own image here */
	background: url(uploads/ngrey/mainrt1.gif) no-repeat right top;
}
div.back2 {
/* you can set your own image here */
	background: url(uploads/ngrey/mainleft1.gif) no-repeat left top;
}
div.back3 {
/* you can set your own image here */
	background: url(uploads/ngrey/wbtmleft.gif) no-repeat left bottom;
}
div#main {
/* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */
	padding: 10px 15px;
/*margin-bottom:16px; */
/* you can set your own image here */
	background: url(uploads/ngrey/rtup.gif) no-repeat right bottom;

}
/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}

/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 70%;
clear:both;
}
div.right49 {
	float: right;
	width: 29%;
/* set right to keep text on right */
	text-align: right;
}

/* End of 'Futureworks: Style' */