/*
 +--------------------------------------------------------------------+
 | Cascading Style Sheet (CSS)                                        |
 | Media Type: Screen                                                 |
 +--------------------------------------------------------------------+
 | Copyright (c) meridian|development                                 |
 | <http://www.meridiantd.co.uk>                                   |
 +--------------------------------------------------------------------+
 | Authors: Jay Stansell                                              |
 +--------------------------------------------------------------------+
 +--------------------------------------------------------------------+
 | Updated 2007: Britt Ambrose Design and Think Web                                           |
 +--------------------------------------------------------------------+

	$Id: screen.css, v 1.00 
/* ---------- ---------- ---------- ---------- ---------- ----------

			LAYOUT RULES

---------- ---------- ---------- ---------- ---------- ---------- */
#lh-col{
	position: relative;
	width: 141px;
	color: #333333;
	margin: 0;
	padding: 0;
	float: left;
	
 }

#rh-col{
	position: relative;
	color: #333333;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 201px;
 }

#hdr{
	height:155px;
	color:#333333;
	margin:0 auto;
	padding:0;
	width: 982px;
 } 
      
#c-col{
	color: #333333;
	padding: 0px 15px 0px 15px;
	margin: 0px 201px 20px 141px;
 }
#PageContainer {
	width: 984px;
	float: center;
	padding: 1px;
	overflow:visible;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #FF980C;
	background-color: #FFFFFF;
}
#MainBody {
	max-width: 598px;
	width: 598px;
	margin: 0;
	padding: 0;
}
#clear {
	clear: both;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			BASE RULES

---------- ---------- ---------- ---------- ---------- ---------- */
BODY
{
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0;
	margin: 0;
	background-color: #F9F9F9;
}
p {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	padding: 0;
	margin: 0 0 10px 0;

}
a:link{
	color:#CC6633;
	text-decoration:none;
}
a:hover{
	color:#CC6633;
	text-decoration:underline;
}
a:visited{
	color:#CC6633;
	text-decoration:none;
}
a:active{
	color:#CC6633;
	text-decoration:none;
}
a.bigred:link {
	color:#FF0000;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}
a.bigred:hover {
	color:#FF0000;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
a.bigred:visited {
	color:#FF0000;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}
a.bigred:active {
	color:#FF0000;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}
img{
	border:0px;
}
h1 {
	font: bold 24px/26px Arial, Helvetica, sans-serif;
    color: #800080;
	margin: 10px 0 10px 0;
}
h2 {
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color: #CC0033;
	padding: 0px;
	margin: 0px 0px 5px;
}
#HPGlamourStyle h2, #HPGetGlamour h2, #HPLatestPromotions h2, #HPStars h2, #HPAdvertisers h2 {
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color: #CC0033;
	padding: 0px;
	margin: 5px;
}
h3 {
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	color: #800080;
	padding: 0px;
	margin: 3px 0px 10px;
	text-transform: capitalize;
}
#rh-col p {
	margin:0;
	padding: 0;
}
/* ---------- ---------- ---------- ---------- ---------- ----------

			FORM RULES

---------- ---------- ---------- ---------- ---------- ---------- */
INPUT.SmallText
{
    FONT-SIZE: 8pt;
}
SELECT.SmallSelect
{
    FONT-SIZE: 8pt;
}
TEXTAREA.SmallTextArea
{
    FONT-SIZE: 8pt;
}
/* ---------- ---------- ---------- ---------- ---------- ----------

			TABLE RULES

---------- ---------- ---------- ---------- ---------- ---------- */
td.divide{
 border-bottom:1px solid #EAEAEA;
 padding-bottom: 20px;
 }
tr.bottomline_grey {
	 border-bottom:1px dashed #EAEAEA; 
 }
tr.bkg_lightgrey {
	border-bottom:1px dashed #EAEAEA; 
	 background-color:#F0F0F0;
 
 }
td.bkg_lightgrey {
	border-bottom:1px dashed #EAEAEA; 
	background-color:#F0F0F0;
 
 }
td.bottomline{
	 border-bottom:1px dashed #CC6633; 
	 background-color:#DCDCDC;
 }
 td.bglisting {
	 border-bottom-color::#CC6633;
	 border-bottom-style:dashed;
	 border-bottom-width:1px;
	 height:25px;
 }
/* ---------- ---------- ---------- ---------- ---------- ----------

			CLASSES

---------- ---------- ---------- ---------- ---------- ---------- */
.tophead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    COLOR: #800080;
}
.bodybig
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
}
.redbig
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ff0000;
}
.bronzebig{
	font: bolder 18px/20px Arial, Helvetica, sans-serif;
	colour: #CC6633;
	background: inherit;
	color: #CC6633;
	padding: 0px;
	margin: 0px;
}
.bodybolder
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
}
.bodyred
{
    COLOR: #ff0000
}
.TopJobsHeading
{
    FONT-SIZE: 11px;
    COLOR: #cc6633;
}
.bodyPurple
{
    COLOR: #660066
}
.img_greyborder {
	padding: 1px;
	border: 1px solid #EAEAEA;
	margin: 5px;
}


/* New Masthead Styles - Start --*/

table.masthead {
	width:982px;
	height:107px;
	background-color: #FFFFFF;
	border:none;
	
}

/* New Masthead Styles - End --*/

/* Main Navigation Styles - Start */
#MainNavigation {
	background-color: #EAEAEA;
	height: 13px;
	margin: 0px;
	width: 100%;
	padding: 6px 0 6px 0;	
}
ul#mainnav {
	list-style: none;
	display:inline;
	margin: 0 0 0 125px;		
	
}

ul#mainnav li {
	list-style: none;
	display:inline;	
	padding: 0;
	height: 12px;
}

ul#mainnav li a:link, ul#mainnav li a:visited {
	display: inline;
	text-decoration: none;
	padding: 0px 10px; 
	background-color: transparent;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #7E1080;
	text-transform: uppercase;
}

ul#mainnav li.mainnavactive a:link, ul#mainnav li.mainnavactive a:visited {
	background-color: transparent;
	color: #7E1080;	
}

ul#mainnav li a:hover {
	background-color: transparent;
	color: #000000;	
}

/* Sitewide Navigation Styles - Start */
#SitewideNavigation {
	height: 13px;
	width: 980px;
	position: relative;
	clear: left;
	float: center;
	margin: 0px 0px 1px 0px;
	padding-top: 5px ;
	padding-bottom: 3px;
	border-right: solid 1px #EAEAEA;
	border-left: solid 1px #EAEAEA;
	border-bottom: solid 1px #EAEAEA;

}
ul#sitewidenav {
	list-style: none;
	display:inline;
	margin-left: 200px;
	padding: 0;
	background-color: #FFFFFF;
}
ul#sitewidenav li {
	list-style: none;
	display:inline;
	padding: 0px 15px 0px 15px;
}
ul#sitewidenav li a:link, ul#sitewidenav li a:visited {
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: transparent;
}

ul#sitewidenav li.subnavactive a:link, ul#sitewidenav li.subnavactive a:visited {
	color: #666666;
	background-color: transparent;
	text-decoration: underline;
}

ul#sitewidenav li a:hover {
	color: #666666;
	background-color: transparent;
	text-decoration: underline;
}
/* Sitewide Navigation Styles - End */
/* Main Navigation Styles - End */

/* New Right Column Styles - Start */

#bkg_red {
	background: #DF3615 url(images/right_nav/bkg_red.gif) repeat-x;
	padding: 0px;
	width: 100%;
}
td.bkg_rc {
	padding: 1px 2px 1px 2px;
}

/* New Right Column Styles - End */

/* New Home Page Styles - Start */
#HPGlamourStyle, #HPGetGlamour, #HPLatestPromotions, #HPStars, #HPAdvertisers {
	padding: 3px;
	border: 1px solid #EAEAEA;
	margin-bottom: 5px;
}
.header_promo_gold {
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #FFFFFF;
	background: #FF980C url(images/page_headers/bkg_goldstar.gif) no-repeat right top;
	text-align: left;
	height: 16px;
	border-bottom: 2px solid #FFFFFF;
	margin: 1px;
	padding: 2px 25px 2px 5px;
}
.header_promo_purple{
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #FFFFFF;
	background: #7F127F url(images/page_headers/bkg_purplestar.gif) no-repeat right top;
	text-align: left;
	height: 16px;
	border-bottom: 2px solid #FFFFFF;
	margin: 1px;
	padding: 2px 25px 2px 5px;
}
.header_promo_red {
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #FFFFFF;
	background: #DF3615 url(images/page_headers/bkg_redstar.gif) no-repeat right top;
	text-align: left;
	height: 16px;
	border-bottom: 2px solid #FFFFFF;
	margin: 1px;
	padding: 2px 25px 2px 5px;
}
.header_promo_burgundy {
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #FFFFFF;
	background: #BE0155 url(images/page_headers/bkg_burgundystar.gif) no-repeat right top;
	text-align: left;
	height: 16px;
	border-bottom: 2px solid #FFFFFF;
	margin: 1px;
	padding: 2px 25px 2px 5px;
}
.header_promo_burgundy a:link, .header_promo_burgundy a:hover, .header_promo_burgundy a:visited  , .header_promo_red a:link, .header_promo_red a:hover, .header_promo_red a:visited , .header_promo_purple a:link, .header_promo_purple a:hover, .header_promo_purple a:visited , .header_promo_gold a:link, .header_promo_gold a:hover, .header_promo_gold a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.img_feature_hp {
	padding: 1px;
	border: 1px solid #EAEAEA;
	margin: 5px;
}
p.promo_hp {
	padding: 5px 5px 10px;	
	margin: 0px;
}

/* New Home Page Styles - End */

#SuccessStories {
	border: solid 1px #7E1080;
	padding: 5px;
	margin-bottom: 2px;
}
.img_feature_rc {
	padding: 1px;
	border: 1px solid #EAEAEA;
	margin: 1px;
}
/* ------------------------------------ */
/* Job Search Form Table (left column) */

table.jobSearch {
	margin-top: -1.32em;
}

/* ------------------------------------ */
/* Success Stories Rotating Div Styles */
div#hide{
   visibility: hidden;
   display: none;
}

/* width attribute needed for opacity fade in IE6 */
div#rotateContainer div {
	width:100%;
	border: none;
	height: 80px;
	overflow: hidden;
	text-align: left;
}
div#rotateContainer table {
	width: 100%;
}

div#SuccessStories span {
	text-align: right;
}
