/* ------------------------------ 
PAGE STRUCTURE 
------------------------------ */

/* 
#container has an absolute width (780 pixel) 
The width of inner elements is set to auto,
in this way all inner elements have the same 
width of the element which contains them 
*/

/*div { border:black solid 1px; }*/

#container{width:880px; text-align:left; margin:0 auto;}
#topbar {
    width: 740px; display:block; height:30px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #BC1678;
	border-top: solid 2px #7D7D7D;
    }
#banner {width:auto; display:block; height:85px; margin-left:100; margin-right:100;}
#navbar {width:auto; display:block; margin-top: 15px; margin-bottom: 30px; height:20px;}
#cvlogo {float:right;}

#main{width:auto; display:block;}
#content{width:700px; margin-right:20px; margin-bottom:20px; float:left;}
#ads{width:120px; float:right;}
/*#ads img, #ads object { margin-bottom:20px; padding-bottom:20px;}*/
#ads img, #ads object { margin-bottom:5px; padding-bottom:5px;}
#ads object{z-index:10;}

#ads div{position:relative;}

#ads a.coverlink{
	filter:alpha(opacity=0);-moz-opacity:.00;opacity:.00;background-color:white;color:white;  /* *** RF this can be used to see the link block on top of the swf files */
	display:block;
	position:absolute;
	z-index:18;
	left:0;top:0;
	float:left;
}

.paddedimage {padding: 10px;}

/* 
div.spacer, solve an issue with #container height
in css 2 column layout. 
*/

div.spacer{clear:both; height:10px; display:block;}

#footer{
	margin-left:10%; margin-right:10%; margin-top: 20px; height:24px; display:block;
	/*clear:both; text-align:center;*/
}
.footercell {
		width:300px;
		float:left;
		border-top: 2px solid #BC1678; 
		padding: 10px 0 0 20px;
		text-align:left;
		color: #535353;
}
.footercell a:link, .footercell a:visited, .footercell a:hover {
	text-decoration: none;
	color: #535353;
}
.footercell img{
	float: left; vertical-align: middle;
}
div.footercell.left{
		border-right:2px solid #BC1678;
}

/* standard styles here */

body {
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    }
p, div, span, select, input, textarea, table, td, a {
	font-size : 100%;
	font-family: Arial, Helvetica, sans-serif;
}
a{
	cursor: hand;
}
a:link {	
	color: #9F0078; 
	text-decoration:underline;
}
a:visited {
	color: #9F0078;
	text-decoration: underline;
}
a:hover {
	color: Black;
	text-decoration: underline;
}
h1 {
	font-size: 140%;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 110%;
}
h4 {
	font-size: 105%;
	margin:0;
	padding:0;
}
img {
	border:0px;
}
fieldset {
	margin: 10px 0;
}
legend {
	color: #9F0078;
	/*font-weight: bold;*/
	font-size: 130%;
	margin-bottom: 10px;
}
.clearer {
	clear:both;
}
/* end of standard styles */


/*navigation styles below here */
#navlist{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	z-index:99;
}
#menu_iframe {
	z-index: 10;
	position: absolute;
	display: none;
}
object, param{
	z-index: 22;
}
#dummy{
	height:300px;
	width:700px;
	background:transparent;
	position:absolute;
	top:180px;
	left:50px;	
}
#navlist ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navlist li {
	z-index: 20;
	/* background-color: #FFFFFF; */
    background-color: #AA007C;
    color: #FFFFFF;
	cursor: default;
	float: left;
	position: relative;
	text-align: center;
	/* width: 88px;*/
    width: 104px;
	border-bottom: 1px solid #ccc;
}
#navlist ul li a {
	display: block;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* color: #AA007C; */
    color: #FFFFFF;
    background-colour: #AA007C;
	/*border: 1px solid #DC5D9E;*/
    border: 1px solid #C81E9A;
	/* background: #fff;  IE6 Bug */
	padding: 4px 8px;
	border-bottom: 0;
	
}
#navlist ul li a:hover {  /* Hover Styles */
    color: #AA007C;
    background-color: #FFFFFF;
}
#navlist li:hover ul, #navlist li.over ul {
	display: block;
}
#navlist li ul {
	position: absolute;
	display: none;
	left: 0;
	top: 100%;
	width: 70px;
}
#navlist li ul li {
    border: 1px solid #ccc; 
	width: 200px;
	text-align:left
}
#navlist li ul li a { 
    border: 0px;
	padding: 2px 5px; 
	text-decoration: none;
	color:#AA007C;
	background-color:#F7F7F7; 
}
#navlist li ul li a:hover { 
	background-color:#E6E6E6; 
    color: #000000;
}
#navlist li>ul {
	left: auto;
	top: auto;
	width:200px;
}
/* Fix IE. Hide from IE Mac \*/
/* html ul li { float: left; height: 1%; } */
/* html ul li a { height: 1%; } */
/* End */

/* Navbutton - style to transform text link into more like a button */
.navbutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:220px;
	font-size: 110%;
}
.info {
	width:125px;
}
.navbutton a{
	border:1px solid #9F0078 ;
	text-decoration : none;
	padding : 5px;
	margin: 0px;
	text-align: left;
	display : block;
	width: 100%;  /*makes link full block width*/
}
.navbutton a:link {
	color : #000;
	text-decoration : none;
	background-color : #fff;
	text-decoration : none;
}
.navbutton a:visited {
	text-decoration : none;
	color : #000;
	background-color : #fff;
	text-decoration : none;
}
.navbutton a:hover {
	text-decoration : none;
	background-color : #9F0078 ;
	color : #fff;
}
/* End of navbutton */

/* Panel styles here */
pad{
	padding-left: 15px;
}

.panelsummary{
	/*previously called .summary, but clashes with another clas in jobsearch.css*/
	border: 0px solid #C0C0C0;
	font-size: 100%;
	margin-top: 15px;
	padding-top: 1px;
	visibility: hidden;
	width: 123px;
	height:100px;
	padding:3px;
}
/*
#summary {
	visibility: hidden;
	width: 125px;
}*/

.textonly{width:125px;border:1px solid #ccc;height:225px;padding:3px;}
#navlist a{text-decoration:none;}
/*===============================================*/
#h img {border:1px solid black;}
/* End of Panel styles */

/* Specific styles for specific uses */
#uk { 
	background-color : #F5F5F5;
	border: 1px dashed #9F0078;
	color:#9F0078 ;
	width:140px;
	text-align:center;
	padding:10px;
}
/* Class for SPAN elements to mimic h2 and h3 inline */
.inline_h2 {
	font-weight: bold;
	font-size: 120%;
}
.inline_h3 {
	font-size: 120%;
}
.inline_h1 {
	font-weight:bold;
	font-size: 140%;
}
em, strong, b {
	font-weight:bold;
}
.detail{
	color: #535353;
	text-align : center;
	font-weight: normal;
}
.li1 {
	margin-left : 20px;
	list-style-position : outside;
	margin-bottom: 10px;
}
#hovers{
	min-height:50px;
	height:250px;
	width:100%;
}
/*
#hovers .panelpane{
	margin:0;
}*/
#extrapanel {
	min-width:700px;
}
.panelpane {
	float: left;
	margin: 0 3px 0 3px;	
}
.indent {
	float:right;
	margin-left:80px
}
.required {
	border:1px solid #9E6290 ;
	/*background-color: #FFAEFF; */
}
.tablefields td {
	padding:5px 5px 5px 5px;
}

/* Job Search Breadcrumbs */
div.breadcrumbs {
	/*line-height:20px;*/
	color: #9F0078;
}
div.breadcrumbs span, div.breadcrumbs img {
	vertical-align: bottom;
}