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

body {
background-color: #1C304C;
margin: 0 auto;
padding: 0;
color: #ffffff;
font-family: lucidia sans, ariel,Verdana, sans-serif;
font-size: 11pt;
}

a {
	color: #7DBEFF;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #1C8DFF;
}

p {
	font-size: 11px;
	line-height: 1.5;
 }


select, input {
font-family: Verdana,sans-serif;
font-weight: bold;
font-size: 9px;
}

label  {
font-size:10px;
}


.callout  {
	color: #FFCC33;
}

#wrapper {
background-color: #2a2a2a;
width: 900px;
margin: 0 auto;
padding: 0;
}

td img  {
 	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
}

/* ------- header ------- */

#header {
	padding: 0px;
	margin: 0 auto;
	height: 80px;
	background: #FFFFFF;
	border-bottom: 1px solid #000000;
	background-image:url(http://gclearningservices.com/img/logo_v4_web.jpg);
	background-position:15px 0px;
	background-repeat:no-repeat;
}
/* end header */




/* main content */


#iframe {
border-bottom: 1px solid #000000;
padding: 0px;
margin: 0px;
display:block;
height: 350px;
}

/*[if lt IE 7]>
#iframe {
	position: absolute;
	top: 80px;
	left: center;
	float: none;
	z-index: 2000;
}
 
<![endif]*/

#content {
	background: #151515;
	width: 860px;
	min-height: 820px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	z-index: 4001;
} 

#content img  {
	padding: 0 10px 10px 0;
}

div.seg  {
	padding-top: 15px;
	padding-bottom: 20px;
	background-image:url(http://gclearningservices.com/img/h1-top.png);
	background-repeat:no-repeat;
	background-position: top center;
	width: 660px;
}

div.noline  {
	padding-top: 10px;
	padding-bottom: 20px;
	width: 660px;
}

#content li {
	font-size: 11px;
	line-height: 1.2;
	margin-top: 12px;
 }




/* -------- Top Nav --------*/

#menu {
	padding: 0;
	margin: 0 auto;
	color: #888888;
	text-align:left;
	float:right;
}


#menu ul  { padding: 5; margin: 0 auto;}
#menu li  {
	display:inline;
	padding:0;
	min-height: 80px;
	color:#000000;
	font-size: 10px;
	text-align:center;
	vertical-align: middle;
	list-style-type: none;
	letter-spacing: .07em;
}

#menu ul a { display:inline; padding:35px 15px 33px 15px;
	position:relative;
	top:30px; min-height: 80px; color:#000000; text-decoration:none; }
#menu ul a:hover { display:inline; padding:35px 15px 33px 15px; min-height: 80px; background: #9b1c15; color:#FFFFFF; text-decoration:none; }

#showhide  {
	position:relative;
	z-index:4000;
	}

.wow  {
	display: none;
	clear: both;
	padding: 10px;
	margin: 0 auto;
	width: 180px;
	background: #000000;
	top: 0px;
	bottom: -300px;
	left: 350px;
}

.wow2  {
	display:block;	
	background: #000000;
	position:relative;
	top: 0px;
	bottom: -300px;
	left: 350px;
	}

/* ------- main home menu ------- */

#mm {
	padding: 0;
	margin: 0;
	min-height: 150px;
	background:#151515;
	width: 900px;
	overflow: visible;
	position: relative;
	background: #151515;
	left: 0px;
	top: 0px;
	text-align: left;
	z-index: 3001;
	float: none;
}


#mm-panel2.slide,  #mm-panel3.slide, #mm-panel4.slide, #mm-fpanel.slide {
	padding: 0px;
	display: block;
	overflow: visible;
	}


#mm-fpanel.slide  {
	margin: 0;
	width: 216px;
	min-height: 150px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}


#mm-panel2.slide  {
	margin: 0 0 0 12px;
	width: 216px;
	min-height: 150px;
	float: left;
	background-image:url(../../../GCLS/img/menu_bkg.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	position: absolute;
	top: 0px;
	left: 216px;
}

#mm-panel3.slide  {
	margin: 0 0 0 12px;
	width: 216px;
	min-height: 150px;
	float: left;
	background-image:url(../../../GCLS/img/menu_bkg.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	position: absolute;
	top: 0px;
	left: 444px;
}
#mm-panel4.slide  {
	margin: 0 0 0 12px;
	width: 216px;
	min-height: 150px;
	float: left;
	background-image:url(../../../GCLS/img/menu_bkg.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	position: absolute;
	top: 0px;
	left: 672px;
}


#mm-panel2.slide a, #mm-panel3.slide a, #mm-panel4.slide a, #mm-fpanel.slide a {
			display: block;
			position: absolute;
	top: 0px;
			overflow: visible;
			height: 150px;
			width: 216px;
			padding: 0px;
			color: #000;
		}


#mm-panel2.slide img, #mm-panel3.slide img, #mm-panel4.slide img, #mm-fpanel.slide img  {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	padding: 0;
		}

/* end main home menu */

/* ------- main page nav -------- */

#pm {
	padding: 0;
	margin: 0;
	min-height: 65px;	
	background:#151515;
	width: 900px;
	overflow: hidden;
	position: relative;
	background: #151515;
	left: 0px;
	top: 0px;
	text-align: left;
	float:none;
}

#pm-panel  {
	padding:0;
	margin: 0 0 0 12px;
	height: 65px;
	background: #FFFFFF;
	width: 216px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

#pm-fpanel  {
	padding:0;
	margin: 0 auto;
	height: 65px;
	background: #FFFFFF;
	width: 216px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

#pm-panel a:hover, #pm-fpanel a:hover  {
	height: 65px;
	overflow:hidden;
	background: #FFCC00;
	backgound-position: top;
	text-decoration:none;
	clear: both;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border: 0;
}

/* -------- Contact box  --------*/


#contactb {
	padding: 10px 0 10px 10px;
	margin: 0 auto;
	width: 180px;
	background:#000000;
	position: relative;
	top: -20px;
	left: -20px;
	float: left;
}

.videobox {
display: inline;
float: left;
margin: 0;
padding: 0 0 2px 0;
}


/* -------- sidebar (r) --------*/


#sidebar  {
	width: 195px;
	position: relative;
	top: -20px;
	right: -20px;
	float: right;
}

#sidebar .free  {
	display: block;
	clear: both;
	padding: 10px;
	margin: 0 auto;
	background: #000000;
	position:relative;
	top: 0px;
	z-index:4000;
}

#sidebar .webn  {
	padding: 0 0 10px 10px;
	background:#000000;
	float:none;
}

#sidebar .news  {
	padding: 15px 10px 10px 10px;
	background:#000000;
	background-image:url(http://gclearningservices.com/img/newsbkg.gif);
	background-repeat:no-repeat;
	float:none;
}

#linkx  {
	padding: 0;
	margin: 0 auto;
	width: 190px;
	position: relative;
	top: 0px;
	right: -20px;
	float: right;
}


/* footer */
#footer {
clear: both;
background-color: #2a2a2a;
font-size: 8pt;
margin: 0 auto;
padding: 0 20px 0 20px;
min-height: 30px;
text-align:center;
float:none;
}

#footer a {
font-weight: normal;
color: #fab000;
}

#footer a:hover {
font-weight: normal;
color: #ffffff;
}


/* end footer*/

.right {
float: right;

}

.left {
float: left;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	margin: 0;
}