@charset "utf-8";
/* CSS Document */

/*
 * body properties 
 */
body#index,
body#secondary {
	/* center contents in IE */
	text-align:center;
}

/*
 * main page container 
 */
div#page {
	width:770px;
	
	/* center this everywhere but in IE */
	margin: 0 auto;
	
	/* reset text alignment for IE */
	text-align:left;
}

/*
 * navigation bar with logo and buttons
 */
#navbar #logo,
#navbar a {
	float:left;
	height:105px;
	border-top-color:#006b72;
	border-top-style:solid;
	border-top-width:10px;
	border-bottom-color:#fff;
	border-bottom-style:solid;
	border-bottom-width:10px;
	text-decoration:none;
}

#navbar a .label {
	font-size: 101%;
	font-weight: bold;
	
	color:#555;
	
	margin-top:5px;
}

#navbar a .tagline {
	font-size:71%;
	color:#fff;
}

#navbar a:hover .tagline {
	color:#999;
}

#logo {
	width:220px;
	text-align: center;
}

#navbar a {
	text-align:center;

	width:109px;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #006b72;
}

#navbar a:hover {
	border-top-color:#fff;
	border-top-style:solid;
	border-top-width:10px;

	border-bottom-color:#006b72;
	border-bottom-style:solid;
	border-bottom-width:10px;
}

#navbar a .button {
	padding-top: 18px;
}

#navbar a:hover .button {
	padding-top: 10px;
}

/*
 * main block picture
 */
#block {
	/* clear the float from the navbar above */
	clear:left;
	/* WARNING: update margin-top of #himage if changing this margin-bottom */
	margin-bottom: 20px;
}
.column {
	float:left;
	width:33%;
	height:200px;
}

	
#tagline {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 18px;
	color: #FFF;
	float: left;
}

/*
 * boxes on the main page
 */
#boxes .row {
	clear: left;
	float: left;
	width: 100%;
}

#boxes {
	float: left;
}

#boxes a {
	display:block;
	float:left;
	margin: 5px;
	text-decoration: none;
}

#boxes a .label {
	font-size: 81%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #006b72;
	padding-top: 2px;
	padding-bottom: 2px;
	/* margin-top: -3px; */
}

#boxes a:hover .label {
	text-decoration:underline;
}

#boxes .image {
	height: 80px;
	width: 135px;
}

/*
 * hover effects on box images
 */
#boxes a#value .image {
	background-image: url(../images/value-filter.jpg);
}

#boxes a:hover#value .image {
	background-image: url(../images/value.jpg);
}

#boxes a#services .image {
	background-image: url(../images/services-filter.jpg);
}

#boxes a:hover#services .image {
	background-image: url(../images/services.jpg);
}

#boxes a#products .image {
	background-image: url(../images/products-filter.jpg);
}

#boxes a:hover#products .image {
	background-image: url(../images/products.jpg);
}

#boxes a#knowledge .image {
	background-image: url(../images/hourglass-filter.jpg);
}

#boxes a:hover#knowledge .image {
	background-image: url(../images/hourglass.jpg);
}

/*
 * image on secondary pages 
 */
#himage {
	float: left;
	/* WARNING: update margin-bottom of #block if changing this margin-top */
	margin-top:-23px;
	/*border-top: 5px solid #006B72;*/
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}


h1 {
	float: left;
	font-size: 201%;
	color: #006B72;
	margin-top: 0px;
	padding-left: 20px;
}

/*
 * quicklinks
 */
#quicklinks {
	text-align:right;
	float: right;
}

#quicklinks a {
	display:block;
	font-size: 77%;
	font-weight: bolder;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	color: #00646b;
}

#quicklinks a .label {
	text-decoration:underline;
}

#quicklinks a:hover .label {
	text-decoration:none;
}
#content {
	clear: both;
	padding: 10px;
}
/*
 * footer 
 */
#footer {
	/* clear the float from the columns above */
	clear: both;
}

#footer #license {
	font-size: 85%;
	color: #666;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
}
#footer .links {
	font-size: 75%;
	color: #333;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #006b72;
	border-right-color: #006b72;
	border-bottom-color: #006b72;
	border-left-color: #006b72;
	padding-top: 10px;
	text-align: center;
}

#footer .links a {
	padding-right: 10px;
	padding-left: 10px;
	color: #333;
	text-decoration: underline;
}

#footer .links a:hover {
	text-decoration: none;
}

#address {
	font-size: 105%;
	color: #000;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	padding-top: 20px;
}


 a {
	font-weight: bolder;
	text-decoration: none;
	color: #00646b;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}
h2 {
	font-size: 16px;
	color: #006B72;
}
.contact {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006B72;
	background-color: #E7F0F7;
}

.contact {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006B72;
	background-color: #E7F0F7;
}
.enroll {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006B72;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006B72;
}