/*	Stylesheet for www.workmetro.com

	Prepared by David Law
	www.davelaw.info  
	
	Contents
	T E S T   T A G S 	
	L A Y O U T
	T A G   S T Y L E S
	T A B   B E H A V I O R S  */



/*  T E S T  T A G S  */
/*  E N D   T E S T   T A G S  */



/*  L A Y O U T   */
#container
{
	display: block;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}


#header
{
	display: block;
	position: relative;
	float: left;
	border: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
 	background-image: url(../images/header.gif);
	width: 760px;
	height: 109px;
	z-index: 10;
}

#header img
{
	background: none;
	border: none;
	margin-top: 22px;
	margin-right: auto;
	margin-bottom: 18px; 
	margin-left: 30px;
	padding: 0px;
	z-index: 30;
}

#navbar
{
	position: absolute;
	right: 20px;
	bottom: 5px;
	z-index: 10;
	margin:0px;
	padding:0px;
	border: none;
}

#navbar img
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding: 0px;
	border:none;
}

#maintext
{
	display: block;
	float: left;
	height: auto;
	width: 758px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	background-color: #FFFFFF; 
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#maintext_columns
{
	display: block;
	float:left;
	height: auto;
	width: 758px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	background-image: url(../images/interior_bg.gif);
	background-repeat: repeat-y;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#left_column, #bio_page
{
    float: left;
	width: 510px;
	margin: 0px;
	padding: 25px;
}

#animation
{
	margin-top: -25px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left: -25px;
}

#right_column
{
	float: right;
	width: 144px;
	margin: 0px;	
	padding: 20px;
	background-image: url(../images/column_right_top.gif);
	background-position: left top;
	background-repeat:no-repeat;
}
/* hide from MacIE \*/ * html #left_column { margin-right: -20px; } * html #right_column { margin-left: 0; } /* end hide */
#footer_home
{
	display: block;
	clear: both;
	width:760px;
	height:16px;
	margin: 0px;
	background-image:url(../images/footer_home.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#footer_interior
{
	display: block;
	clear: both;
	width:760px;
	height:16px;
	margin: 0px;
	background-image:url(../images/footer_interior.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#homepage_splash
{
	height: 290px;
	border: none;
	padding: 0px;
	margin: 0px;
}

#info_box
{
	display: inline;
	position: relative;
	overflow: visible;
	vertical-align: bottom;
	width: 227px;
	height: 149px;
	float: left;
	text-decoration: none;
	padding: 0;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: none;
}

#rss_box
{
	display: inline;
	position: relative;
	width: 227px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;	
	border: solid;
	border-width: 0px;	
	border-color: #CCCCCC;
}


.imgbox
{
	float: left;
	width: 200px;
	overflow: auto;
	background:url(../images/image_box.gif) no-repeat;
	background-position: top left;
}

.imgbox_img
{
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	margin-right: 0px;
	margin-left: 15px;
	margin-top: 0px;
	background:url(../images/image_box.gif) no-repeat top right;
}

.imgbox_caption
{
	bottom: 0px;
	left: 0px;
	overflow: auto;
	clear: both;
	padding-left: 15px;
	background:url(../images/image_box.gif) no-repeat bottom left;
}

.imgbox_caption p
{
	bottom: 0px;
	right: 0px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	background:url(../images/image_box.gif) no-repeat bottom right;
}

.imgbox_caption span
{
	background-color: #CCCCCC;
	border-top: solid 2px #666666;
}

.markets {
	background: url(../images/markets.jpg);
	background-repeat: no-repeat;
}

.jobfairs {
	background: url(../images/jobfairs.jpg);
	background-repeat: no-repeat;
}

/*   E N D   L A Y O U T   */





/*   T A G   S T Y L E S  */

* {
	outline: 0;
}

a:link
{
	color: #333399;
	text-decoration: underline;
}

a:visited
{
	color: #003366;
	text-decoration: underline; 
}

a:hover
{
	color: #0000CC;
	text-decoration: underline;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #313A56;
	padding-top: 5px;
}

h2
{
	margin:0px;
	padding:0px;
	line-height: .5em;
	padding-top: .5em;
}

h3
{
	font-weight: normal;
	color: #5a99c0;
	margin: 0px;
	padding: 0px;
	padding-top: 5pt;
}

li
{
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: .3em;
	padding-top: 0px; 
}

sup {
	font-size: 8px;
}

#container
{
	font-size: 1.2em;
}

#bio_page *
{
	margin-left: 165px;
}

#bio_page img
{
	float: left;
	margin-left: 0px;
	margin-right: 25px;
}
#right_column h1
{
	font-size: 1.3em;
	line-height: .5em;
	margin-bottom: .5em;
	color: #313A56;
}

#right_column ul
{
	margin: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
	padding-left: 0px;
	padding: 0px; 
	font-size: 120%;
	list-style: outside;
	list-style-type: none;
}

#right_column ul ul
{
	margin: 0px;
	margin-top: 5px;
	margin-bottom: .7em;
	margin-left: 10px;
	padding-left: 0px;
	padding: 0px; 
	font-size: 100%;
	list-style: outside;
	list-style-type: none;
}

.headline
{
	color: #888855;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	width: 520px;
	background-image: URL(../images/blueheadline.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1.4em;
}

#rss_box h1
{
	margin: 0px;
	font-size: 20px;
	color: #313A56;
}

#rss_box ul
{
	list-style: url(../images/blue_bullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 15px;
	padding: 0px;
	list-style-position: outside;
}

#info_box a
{
	position: absolute;
	left: 13px;
	bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: 333399;
	text-decoration: none;
	z-index: 30;
}

#info_box a:hover
{
	text-decoration: underlin
}

#info_box img
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 20;
}

#footer_interior, #footer_home
{
	font-size: 1em;
	text-align: center;
	padding-top: 5em;
	padding-bottom: 2em;
}

#footer_home a
{
	text-decoration: none;
}

#footer_interior a
{
	text-decoration: none;
}

#footer_home a:hover
{
	text-decoration: underline;
}

#footer_interior a:hover
{
	text-decoration: underline;
}
/*	E N D   T A G   S T Y L E S  */



/*  T A B   B E H A V I O R S  */
/*
#navbar
{
	position: absolute;
	right: 10px;
	bottom: 8px;
	z-index: 10;
	margin:0px;
	padding:0px;
	border: none;
	list-style:none;
	font-size: 1.2em;
}

.markets_on
{
	background-image: url(../images/markets_on.gif);
}

.markets_off
{
	background-image: url(../images/markets_off.gif);
}

.careers_on
{
	background-image: url(../images/careers_on.gif);
}

.careers_off
{
	background-image: url(../images/careers_off.gif);
}

.about_on
{
	background-image: url(../images/about_on.gif);
}

.about_off
{
	background-image: url(../images/about_off.gif);
}

.services_on
{
	background-image: url(../images/services_on.gif);
}

.services_off
{
	background-image: url(../images/services_off.gif);
}
*/
/*
#navbar
{
	position: absolute;
	right: 10px;
	bottom: 8px;
	z-index: 10;
	margin:0px;
	padding:0px;
	border: none;
	list-style:none;
	font-size: 1.2em;
}

#navbar li 
{
	z-index: 10;
	border: none;
	display:inline;
	margin:0px;
	padding:0px;
}

#navbar a 
{
	float:left;
	border: none;
	z-index: 10;
	background:url(../images/tabs_left.gif) no-repeat left top;
	margin-left:4px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom: 0px;
	padding:0 0 0 12px;
	text-decoration:none;
}

#navbar a span 
{
	float:left;
	border: none;
	display:block;
	z-index: 10;
	background:url(../images/tabs_right.gif) no-repeat right top;
	margin-bottom: 0px;
	padding:5px 15px 4px 3px;
	font-weight:bold;
	color:#FFFFFF;
}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	/*#navbar a span {float:none;}*/
	/* End IE5-Mac hack */
/*	
#navbar a:hover span 
{      
	background-position:100% -64px;
	border: none;
	z-index: 10;
	color:#FFFFFF;
}

#navbar #selected a 
{
	margin-bottom: 0px;
	z-index: 10;
	background-position:0 -64px;
	border: none;
}

#navbar #selected a span 
{
	background-position:100% -64px;
	margin-bottom: 0px;
	z-index: 10;
	padding:5px 15px 4px 3px;
	color:#FFFFFF;
	border: none;
}

#navbar a:hover 
{
	z-index: 10;
	background-position:0% -64px;
	border: none;
}

#navbar #selected a:hover span 
{
	z-index: 10;
	color:#FFFFFF;
	border: none;
}
*/
/*  E N D   T A B   B E H A V I O R S  */