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

* {
	margin: 0 auto;
}
.c {
	clear: both;
}

body {
	background-color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 100%;
	text-align: center;
}

#container {
	width: 880px;
}
#showcase {
	min-height: 650px;
	width: 880px;
}
#recommend {
	text-align: left;
}
#footer hr {
	font-weight: 100;
	width: 100%;
	color: #666;
}

#footer {
	width: 800px;
	font-size: 8pt;
	color:  #999999;
	/* part 2 of 2 centering hack */
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100%;
	margin-bottom: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
}

#footer a {
	font-size: 8pt;
	color:  #999999;
	margin-top: 10px;
	margin-bottom: 30px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	text-decoration: underline;
}
#footer a:hover {
	font-size: 8pt;
	color:  #999999;
	margin-top: 10px;
	margin-bottom: 30px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	text-decoration: none;
}
#content {
	height: 600px;
	width: 870px;
	padding-top: 25px;
	background-image: url(../../images/topline_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 15px;
}
#featskills {
	width: 850px;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 20px;
}
#featuredlinks {
	width: 700px;
	padding-top: 15px;
	margin-bottom: 20px;
	min-height: 350px;
	padding-left: 55px;
}
#ads1 {
	background-image: url(../../images/ad_bg.png);
	background-repeat: no-repeat;
	float: right;
	height: 106px;
	width: 160px;
	margin-right: 30px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 37px;
	padding-top: 25px;
	margin-top: 20px;
	margin-left: 7px;
}
#adDIV {
	width: 210px;
	float: right;
	height: 415px;
}

#ads2 {
	background-image: url(../../images/ad_bg.png);
	background-repeat: no-repeat;
	float: right;
	height: 106px;
	width: 160px;
	margin-top: 20px;
	padding-top: 25px;
	padding-bottom: 37px;
	padding-right: 3px;
	padding-left: 3px;
}


#featuredlinks .links {
	float: left;
	height: 100px;
	width: 315px;
	text-align: left;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#healthfeaturedlinks {
	width: 651px;
}
#studyskillscolorbg {
	background-image: url(../../images/studyskills_colorbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 500px;
	width: 787px;
}



#featuredlinks ul {
	margin: 0 0 0 55px;
	text-align: left;
}

#featuredlinks ul li {
	list-style-position: inside;
	list-style-image: url(../../images/bullet_gray.gif);
	padding-left: 7px;
}
#featuredlinks h1{
	float: none;
	font-size: 20px;
	font-weight: bold;
	color: #D31245;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 60px;
	text-align: left;
}
#featuredlinks h1 a:link {
	text-decoration: underline;
	color: #D31245;
}
#featuredlinks h1 a:visited {
	text-decoration: underline;
	color: #D31245;
}
#featuredlinks h1 a:hover {
	text-decoration: none;
	color: #D31245;
}
#featuredlinks h1 a:active {
	text-decoration: none;
	color: #D31245;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #D31245;
}

#featuredlinks li a:link {
	text-decoration: none;
	color: #D31245;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}
#featuredlinks li a:visited {
	text-decoration: none;
	color: #D31245;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}
#featuredlinks li a:hover {
	text-decoration: underline;
	color: #D31245;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}
#featuredlinks li a:active {
	text-decoration: underline;
	color: #D31245;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}


.links img {
	float: left;
	margin-right: 20px;
}
.links p {
	margin-top: 40px;
	padding-left: 10px;
}



#header {
	text-align: center;
	height: 140px;
	width: 432px;
}
#homebutton {
	float: left;
	margin-top: -10px;
	margin-left: 20px;
}

#searchbox {
	width: 600px;
	min-height: 50px;
	padding-top: 35px;
	text-align: left;
}
#searchboxresults {
	width: 785px;
	min-height: 50px;
	padding-top: 20px;
	text-align: left;
}



#searchtext {
	color: #D31245;
	font-size: 16px;
	width: 350px;
	font-weight: bold;
}

#featuredskills {
	width: 600px;
	min-height: 50px;
}
#featuredskillsimg {
	width: 776px;
	min-height: 317px;
}
#featuredskillsimg1 {
	width: 780px;
	min-height: 317px;
	background-image: url(../../images/featskills_logo_color.jpg);
	background-repeat: no-repeat;
}


#cse-search-box {
	text-align: center;
}
#about {
	font-size: 14px;
	text-align: left;
	padding: 15px;
	width: 500px;
	float: left;
}
#adpreview {
	width: 85%;
	text-align: left;
}

#terms {
	font-size: 10px;
	text-align: left;
	padding: 15px;
	float: left;
	width: 550px;
}
#searchtext1 {
	color: #D31245;
	text-align: left;
	font-size: 16px;
	width: 350px;
	font-weight: bold;
}
#featskilllink1 {
	height: 285px;
	width: 203px;
	float: left;
}

#featskilllink1:hover {
	background-image: url(../../images/hmpg_camera1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#featskilllink2 {
	height: 295px;
	float: left;
	width: 164px;
}
#featskilllink2:hover {
	background-image: url(../../images/hmpg_camera2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#featskilllink3 {
	height: 287px;
	width: 174px;
	float: left;
}
#featskilllink3:hover {
	background-image: url(../../images/hmpg_camera3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#featskilllink4 {
	height: 286px;
	width: 236px;
	float: left;
}
#featskilllink4:hover {
	background-image: url(../../images/hmpg_camera4.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#musicrow1 {
	background-image: url(../../images/musicrow_1.jpg);
	background-repeat: no-repeat;
	height: 220px;
	width: 654px;
	background-position: left top;
}
#musicrow2 {
	background-image: url(../../images/musicrow_2.jpg);
	background-repeat: no-repeat;
	height: 220px;
	width: 666px;
	background-position: left top;
}


#musiclinks1 {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#musiclinks1:hover {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/camera_rollover_music.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#musiclinks2 {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#musiclinks2:hover {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/camera_rollover_music.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#musiclinks3 {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#musiclinks3:hover {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/camera_rollover_music.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#musiclinks4 {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#musiclinks4:hover {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/camera_rollover_music.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#musiclinks5 {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#musiclinks5:hover {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/camera_rollover_music.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#musiclinks6 {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#musiclinks6:hover {
	float: left;
	height: 220px;
	width: 218px;
	background-image: url(../../images/camera_rollover_music.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#BWhealthrow1 {
	background-position: left top;
	height: 203px;
	width: 651px;
	margin-left: -10px;
	background-image: url(../../images/colorhealthrow1.jpg);
	background-repeat: no-repeat;
}
#BWhealthrow2 {
	background-position: left top;
	height: 203px;
	width: 651px;
	margin-left: 20px;
	background-image: url(../../images/colorhealthrow2.jpg);
	background-repeat: no-repeat;
}


#healthlinks1 {
	float: left;
	height: 203px;
	width: 236px;
	background-repeat: no-repeat;
	background-position: left top;
}
#healthlinks1:hover {
	float: left;
	height: 203px;
	width: 236px;
	background-image: url(../../images/health_camera1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#healthlinks2 {
	float: left;
	height: 203px;
	width: 175px;
	background-repeat: no-repeat;
	background-position: left top;
}
#healthlinks2:hover {
	float: left;
	height: 203px;
	width: 175px;
	background-image: url(../../images/health_camera2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#healthlinks3 {
	float: left;
	height: 203px;
	width: 238px;
}
#healthlinks3:hover {
	float: left;
	height: 203px;
	width: 238px;
	background-image: url(../../images/health_camera3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#healthlinks4 {
	float: left;
	height: 203px;
	width: 235px;
	background-repeat: no-repeat;
	background-position: left top;
}
#healthlinks4:hover {
	float: left;
	height: 203px;
	width: 235px;
	background-image: url(../../images/health_camera4.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#healthlinks5 {
	float: left;
	height: 203px;
	width: 175px;
}
#healthlinks5:hover {
	float: left;
	height: 203px;
	width: 175px;
	background-image: url(../../images/health_camera5.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#healthlinks6 {
	float: left;
	height: 203px;
	width: 238px;
}
#healthlinks6:hover {
	float: left;
	height: 203px;
	width: 238px;
	background-image: url(../../images/health_camera6.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#studylink1 {
	float: left;
	height: 201px;
	width: 202px;
}
#studylink1:hover {
	float: left;
	height: 201px;
	width: 202px;
	background-image: url(../../images/study_camera1.png);
	background-repeat: no-repeat;
}
#studylink2 {
	float: left;
	height: 248px;
	width: 171px;
}
#studylink2:hover {
	float: left;
	height: 248px;
	width: 171px;
	background-image: url(../../images/study_camera2.png);
	background-repeat: no-repeat;
}
#studylink3 {
	float: left;
	height: 263px;
	width: 160px;
}
#studylink3:hover {
	float: left;
	height: 263px;
	width: 160px;
	background-image: url(../../images/study_camera3.png);
	background-repeat: no-repeat;
}
#studylink4 {
	float: left;
	height: 229px;
	width: 216px;
}
#studylink4:hover {
	float: left;
	height: 229px;
	width: 216px;
	background-image: url(../../images/study_camera4.png);
	background-repeat: no-repeat;
}

#studylink5 {
	float: left;
	height: 221px;
	width: 199px;
	margin-top: -60px;
}
#studylink5:hover {
	float: left;
	height: 221px;
	width: 199px;
	margin-top: -62px;
	background-image: url(../../images/study_camera5.png);
	background-repeat: no-repeat;
}



#studylink6 {
	float: left;
	height: 212px;
	width: 201px;
}
#studylink6:hover {
	float: left;
	height: 212px;
	width: 201px;
	background-image: url(../../images/study_camera6.png);
	background-repeat: no-repeat;
	background-position: 3px -1px;
}
#internalimage {
	float: right;
	height: 230px;
	width: 250px;
	margin-right: 15px;
	margin-top: 20px;
	padding-top: 15px;
}
#internalimage1 {
	float: right;
	width: 185px;
	margin-top: 35px;
	min-height: 175px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#greenskillscolorbg {
	background-image: url(../../images/greenskills.jpg);
	background-repeat: no-repeat;
	height: 480px;
	width: 657px;
	text-align: center;
	background-position: center;
}
.Photo1 {
	position: relative;
	top: 115px;
	left: -25px;
	z-index: 1;
	overflow: visible;
}
.Photo2 {
	position: relative;
	top: 35px;
	left: -55px;
	z-index: 2;
	overflow: visible;
}
.Photo3 {
	position: relative;
	top: 0px;
	left: -75px;
	z-index: 3;
	overflow: visible;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.Photo4 {
	position: relative;
	top: 70px;
	left: 145px;
	z-index: 4;
	overflow: visible;
	float: left;
}
.Photo5 {
	position: relative;
	top: 45px;
	left: 115px;
	z-index: 5;
	overflow: visible;
	float: left;
}.Photo6 {
	position: relative;
	top: 25px;
	left: 100px;
	z-index: 6;
	overflow: visible;
	float: left;
}


#contact {
	height: 300px;
	width: 500px;
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
.home1 {
	position: relative;
	top: 65px;
	left: 25px;
	z-index: 1;
	overflow: visible;
}
.home2 {
	position: relative;
	top: 71px;
	left: 4px;
	z-index: 2;
	overflow: visible;
}
.home3 {
	position: relative;
	top: 66px;
	left: -16px;
	z-index: 3;
	overflow: visible;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.home4 {
	position: relative;
	top: 65px;
	left: -26px;
	z-index: 4;
	overflow: visible;
}

#sitemap {
	text-align: left;
	width: 350px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 55px;
	float: left;
}
#sitemap a {
	color: #CF1043;
	text-decoration: underline;
}
#sitemap a:hover {
	color: #CF1043;
	text-decoration: none;
}
#sitemap ul li {
	padding-top: 4px;
	padding-bottom: 4px;
	list-style-type: none;
	font-weight: bold;
}
#sitemap ul ul ul li a{
	color: #781D7D;
	font-weight: bold;
	text-decoration: underline;
}
#greenlinks1 {
	float: left;
	height: 226px;
	width: 182px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#greenlinks1:hover {
	float: left;
	height: 226px;
	width: 182px;
	background-image: url(../../images/green_camera_1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#greenlinks2 {
	float: left;
	height: 226px;
	width: 167px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#greenlinks2:hover {
	float: left;
	height: 226px;
	width: 167px;
	background-image: url(../../images/green_camera_2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#greenlinks3 {
	float: left;
	height: 226px;
	width: 149px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#greenlinks3:hover {
	float: left;
	height: 226px;
	width: 149px;
	background-image: url(../../images/green_camera_3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#greenlinks4 {
	float: left;
	height: 254px;
	width: 279px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
	position: inherit;
}
#greenlinks4:hover       {
	float: left;
	height: 254px;
	width: 279px;
	background-image: url(../../images/green_camera_4.png);
	background-repeat: no-repeat;
	position: inherit;
	background-position: left top;
}

#greenlinks5 {
	float: left;
	height: 254px;
	width: 168px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#greenlinks5:hover {
	float: left;
	height: 254px;
	width: 168px;
	background-image: url(../../images/green_camera_5.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#greenlinks6 {
	float: left;
	height: 254px;
	width: 168px;
	background-image: url(../../images/tgif.gif);
	background-repeat: repeat;
}
#greenlinks6:hover {
	float: left;
	height: 254px;
	width: 168px;
	background-image: url(../../images/green_camera_6.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.small {
	font-size: 14px;
}

.success {
	font-weight: bold;
	border: 1px dotted green; 
	background-color: #7EFF8F;
	color: green;
}

.error {
	font-weight: bold;
	border: 1px dotted red; 
	background-color: #FFBEB6;
	color: red;
}