body {
	background-color:#fff;
	margin:0;
	padding:0;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

/* wrap used to contain content area */
#wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	width:962px;
	margin:0px;
	padding: 0px;
	background: transparent;
	text-align:left;
}

/* The word banner or advertisment shouldn't be used anywhere on the site */
#top {
	margin: 0px;
	border: 0px;
	width: 960px;
	padding: 8px;
	height: 102px;
	text-align: center;
}

/* logo area */
#header {
	background-image:url(../images/cga_header_discover.gif);
	background-position:top;
	background-repeat: no-repeat;
	width:960px;
	margin:0px;
	height:134px;
	padding:0px;
	z-index: 1;
}


#logo {margin: 0;}
#logo a:link {width: 130px; position: absolute; top: 20px; left: 0px; display: block; background: none; overflow: hidden; font-size: 1px; height: 0px; padding-top: 60px;}

#home_menu {
	position: absolute; 
	width:630px; 
	height:26px; 
	top:108px; 
	left:220px;  
	margin:0px; 
	padding:0px; 
	font:bold 10px Arial, sans-serif; 
	text-align:center;
	z-index: 100;
}

#home_menu li {
	display: inline;
}
#home_menu li a {
	position: absolute;
	display: block;
}

#home_menu li a.home {
	top: 0px;
	left: 0px;
	width: 106px;
	height: 26px;
	background-image:url(../images/home_grey.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.home:hover {
	top: 0px;
	left: 0px;
	width: 106px;
	height: 26px;
	background-image:url(../images/home_ltgrey.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.students_members {
	top: 0px;
	left: 98px;
	width: 156px;
	height: 26px;
	background-image:url(../images/students_members_grey.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.students_members:hover {
	top: 0px;
	left: 98px;
	width: 156px;
	height: 26px;
	background-image:url(../images/students_members_mauve.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.employers {
	top: 0px;
	left: 246px;
	width: 106px;
	height: 26px;
	background-image:url(../images/employers_grey.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.employers:hover {
	top: 0px;
	left: 246px;
	width: 106px;
	height: 26px;
	background-image:url(../images/employers_green.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.recruiters {
	top: 0px;
	left: 344px;
	width: 106px;
	height: 26px;
	background-image:url(../images/recruiters_grey.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.recruiters:hover {
	top: 0px;
	left: 344px;
	width: 106px;
	height: 26px;
	background-image:url(../images/recruiters_orange.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.agent_centre {
	top: 0px;
	left: 442px;
	width: 106px;
	height: 26px;
	background-image:url(../images/agent_centre_grey.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#home_menu li a.agent_centre:hover {
	top: 0px;
	left: 442px;
	width: 106px;
	height: 26px;
	background-image:url(../images/agent_centre_blue.gif);
	background-position:top;
	background-repeat: no-repeat;
}








/* Top Navigations
Appears on every page on blue or gold background
-------------------------*/
#menu1 {position: absolute; width:626px; height:20px; top:102px; left:140px;  margin:0; padding:0; font:bold 12px Arial, sans-serif; text-align:right;}
#menu1 li {display: inline;}
#menu1 li a {margin: 0 8px; padding:2px; text-decoration:none; color:#000; }
#menu1 li a.end {margin-right:0px; padding-left:0px;}
#menu1 li a:hover {color:#C12029; text-decoration:none;}
#menu1 li a.here {color:#000;}


#menu2 {position: absolute; width:626px; height:20px; top:80px; left:190px;  margin:0; padding:0; font:12px arial, verdana, tahoma, sans-serif; color:#000; text-align:left;}
#menu2 li {margin: 0 6px;display: inline; color:#FFF; }
#menu2 li a {margin: 0 3px; padding:2px; text-decoration:none; color:#fff; }
#menu2 li a:hover {text-decoration:underline;}
#menu2 li a.here {color:#FFF; font-weight:bold;}

/* main content area */
#main {
	width:960px; 
	margin:0; 
	padding:0; 
	text-align:left;
}
#main_nocolumn {
	width:960px; 
	margin:0px; 
	padding:0px; 
	text-align:left;
}

/* side navigation */
#left {
	float:left; 
	width:170px; 
	margin:0px; 
	padding: 0px 15px 0px 15px;
}

#left .title {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin: 0px 0px 8px 0px;
}


#side_navigation{
	padding: 0px;
	margin: 0px;
	width: 170px;
	border-bottom: 1px dashed #000000;
	border-top: 1px dashed #000000;
}

#side_navigation li{
	list-style: none;
	margin: 8px;
	padding: 0px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
}

#side_navigation li a {
	background-image:url(../images/pep_bullet_sm.gif);
	background-position:left;
	background-repeat: no-repeat;
	padding: 0px;
	color: #000000;
	text-decoration: none;
}

#side_navigation li a:hover{
	background-image:url(../images/pep_bullet.gif);
	background-position:left;
	background-repeat: no-repeat;
	padding: 0px;
	color:#727165;
	text-decoration: none;
}

#side_navigation li ul{
	margin: 0;
	padding: 0;
}
#side_navigation li ul li{
	list-style: none;
	margin: 0;
	padding: 2px 5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Absolute home page has image (or flash). #home_flash is the placeholder for it 
------------------------------------------------------*/
#home_flash {float:left; width:600px; height: 350px;  margin:0px; padding:0 0 0 5px;}

/* Absolute home page has image (or flash). #home_flash is the placeholder for it 
------------------------------------------------------*/
#home_pose {
	position: relative;
	display: block;
	float: left;
	width:640px;
	height: 336px;
	margin:0px 0px 0px 0px;
	padding:0px;
	z-index: 10;
}

#home_pose img {margin-top: 0px;}
/* In the front section (other than the absolute home), use this id instead of #home_flash 
------------------------------------------------------*/
#home_main {
	float:left;
	width:640px;
	padding-right: 18px;
	margin-top: 36px;
	margin-left: 18px;
	border-right: 1px dashed #86998D;
}

/* front section contains login 
------------------------------------------------------*/
#login {float:right; width:240px; height:280px; background-color:#FFFFFF; color:#000000; margin-top: 24px; padding:0 0 0 0px;}
#login h2 {font:bold 16px/22px arial, verdana, tahoma, sans-serif; color:#FFF; margin: 12px 4px 8px 5px;}
#login p {color:#000000; margin:0px; padding:0; font:11px/18px verdana, tahoma, arial, sans-serif;}
#login a {color:#000000; text-decoration:none;}
#login a:hover {text-decoration:underline;}
#login .forminput {border: 1px solid #696967; width: 210px; height: 16px;}
#login .formbutton {src: '../images/login_button_white';}
#login .forgot_password {border-top: 1px dashed #86998D; text-align: center; padding: 4px; margin-top: 6px; width: 218px;}
/* absolute home uses 3 column news 
------------------------------------------------------*/
#home_news {
	position: relative;
	width:960px;
	height: 120px;
	margin:0px;
	padding:0px;
	text-align:left; 
	/*border-top: 1px solid #000000;*/
}
#news1 {float:left; width:290px; height: 80px; border-right:1px solid #000000; margin:16px; padding:0px;}
#news2 {float:left; width:290px; height: 80px; border-right:1px solid #000000; margin:16px; padding:0px;}
#news3 {float:left; width:234px; margin:16px; padding:0; text-align:center;}
#news3 h3 {font:12px arial, tahoma, sans-serif; font-weight: bold; color:#C12029; margin:5px; padding:2px;}
#home_news p {font:12px arial, tahoma, sans-serif; font-weight: bold; padding:4px; margin:0px;}

/* Sub pages with three columns
------------------------------------------------------*/

#middle {
	float:left;
	width:540px;
	margin:0px;
	padding:0px 15px 0px 15px;
	height: auto;
}
	
#middle h1 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin: 0px;
}

#main h2 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px;
}

#middle a {
	color:#783C47;
}

#page_title {
	width:540px;
	margin: 0px 0px 12px 0px;
	padding:0px;
}

#right {
	float:left;
	width:170px;
	margin:0px;
	padding:0px;
	text-align:center;
}

/* Sub pages that combine middle and right column (essentially becoming 2 columns)
------------------------------------------------------*/
#middle_right {float:left; width:610px; margin:5px 0 5px 10px; padding:0;}

/* General Styles
-------------------------------------*/

.hide {display:none;}
.feature_employers {
	margin:3px 0;
	border:none;
}
p {margin: 0 0 1.5em}
.Content {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}
.ContentVerySmall {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
}
.Message {
	color: #C12029;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-right: 12px;
	padding: 8px;
	border: 1px dashed #86998D;
}
.RequiredAsterix {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
a {color:#004990; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none} 

/* Styles for tables 
---------------------------*/

/*  Bottom navigation
Used on every page in either blue or gold
------------------------------------------------*/
#footer {
	position: relative;
	display: block
	width:100%;
	margin:10px auto 0px auto;
	height:auto;
	border-top: 1px solid #000000;}

#bottomnav {float:left;}
#bottomnav {
margin: 6px;
padding: 0px;
font:bold 10px/18px  arial, verdana, tahoma, helvetica, sans-serif;
}

#bottomnav ul, #bottomnav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#bottomnav a {
line-height: 14px;
color: #000000;
padding: 0 6px;
margin:0px;
text-decoration:none;
}
#bottomnav a:hover {text-decoration:none;}
div.copy {
	margin:0px 0px 0px 12px;
	padding:0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;
}
div.poweredby {
	margin:4px 0;
	padding:0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:right;
}

/* table list style - Start */
table .recordlist{
	background-color:#fff;
	border-collapse: collapse;
}
.recordlist thead th {
	border-right: 1px solid #fff;
	color:#fff;
	text-align:center;
	padding:2px;
	text-transform:uppercase;
	height:20px;
	background-color: #666666;
	font-weight: normal;
	font-size:11px;
}
.recordlist thead th a{
	color:#fff;
}
.recordlist thead th a:hover,.recordlist thead th a:focus{
	color:#fff;
	text-decoration:underline
}
.recordlist tbody tr.odd{
	background-color:#fff;
}
.recordlist tbody tr.even{
	background-color:#EBEBEB;
}
.recordlist tbody td {
	color:#414141;
	padding:2px;
	text-align:left;
}
/* table style - End */

/* linkcontainer is used at the top of the page, where links are enclosed in a box */
table.linkcontainer {
	border: 1px solid #004990;
	margin: 0px;
	padding: 1px;
	background-color: #F2F2F2;
	text-align: left;
}

/* tablist is tab style navigation in the middle section of 3 column or 2 column subpages */
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 10px;
margin-top: 0.1em;
font: bold 12px Verdana;
border-bottom: 1px solid #004990;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #004990;
border-bottom: none;
background: white;
}
#tablist li a:link, #tablist li a:visited{
color: #0067B1;
}
#tablist li a.current{
background: #FFFFFF;
}
#tablist li a.notcurrent{
background: #e5e5e5;
}
#tablist li a:hover{
background: #FFFFFF;
}

.loginban {
	border: 1px solid #696967;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	
	width: 200px;
	
	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	
	background-color: #FFFF99;
	
	color: #CC3300;
	font-weight: bold;
}