/*-- izyn.css
Chris Tutty
August 2006

Remember: top, right, bottom, left
. = class, # = id
*/

/* This implementation of an exanding minimum width body is based on 
"The Jello Mold: A New Look at Min- and Max-width For Web Pages - Part One"
By: John Gallant , Holly Bergevin.
*/

/* Colour constants
The following colours are used throughout the site.  Don't change 
them in one place - use search and replace to change them globally.
Oh, for css constants.

Navigation solid colour 	#000099
Navigation text colour		#fdfdfd
That purple colour			#cc99cc

Logo pixel width		330
*/

body {
  padding-left: 200px;
  padding-right: 200px;

  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 90%;
  text-align: left;
}
 
.expander {
  position: relative;
  margin-left: -200px;
  margin-right: -200px;
  min-width: 400px;
}

/* 'Holly hack' to force these divs to have 'layout' in IE
*/
/* \*/
* html .sizer,
* html .expander,
* html .innerwrapper
{height: 0;}
/* */

/*
#selectclient 
{
	float: right;
	width: 100px;
	
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	border-bottom: 1px solid #90bade;
	background-color: #2175bc;
	color: #fff;
}
*/
#selectclient 
{
	padding: 5px 5px 5px 0.5em;
	
	background-color: #000099;
	color: #fff;

	text-align: right;
}

#selectclient a
{
	color: #fff;
} 


#mainmenu 
{
	float: left;
	width: 140px;
	
	border-right: 5px;
	font-size: 85%;	
}
#mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#mainmenu li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	}
#mainmenu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #ffffff;
	text-decoration: none;
}

#mainmenu li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #ffffff;
	}

a.headlinks
{
	text-decoration: none;
	background-color: #000099;
	color: #fdfdfd;
}

big.textbold, span.textbold
{
	font-weight: bold;
}

hr.purpleline
{
	width: 50%;
	color: #ffffff;
	background-color: #cc99cc;
	height: 3px;
	margin-left: 0px;
	margin-right: auto;
}

img.imgbdr
{
	/*The "border-width" property is not recognized in Internet Explorer if it is used alone.
	  Use the "border-style" property to set the borders first in Internet Explorer.*/
	border-style: solid;
	border-width: 0px;
}

.peopleleft
{
	vertical-align: top;
}

.peopleright
{
	vertical-align: top;
}

img.photo
{
	width: 144px;
	height: 219px;
}

img.logo
{
	width: 330px;
	height: 75px;
	border-style: solid;
	border-width: 0px;
}

tr.workdetails
{
  font-size: 75%
}

tr.workheader
{
  font-weight: bold;
  font-size: 75%
}

td.spacer
{
 width: 30px;
}

td.icontd
{
	vertical-align: top;
	text-align: right;
	width: 100px;
}

.topnav
{
	text-align: right;
	background-color: #000099;
	color: #fdfdfd;
	width: 100%;
	padding: 5px;
}

/* Used for headings in text blocks in main body of page */
.textheader {
  font-weight: bold;
  font-size: 15px;
  font-family: verdana, arial, helvetica, sans-serif;
}

/* Used for warnings in main body of page */
.warntext
{
	background-color: #ff6eb4; /* pink */
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  font-family: verdana, arial, helvetica, sans-serif;
}

/* Used for page footer */
.footer{
  font-size: 75%;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
}

/* manage clients fieldset backgrounds */
.field{
  background-color: #c0c0c0;
}

td.announce
{
 color: #ff3300;
 font-weight: bold;
 text-align: center;
}

/* Used for navigation links in the header */
a.links{
  text-decoration: none;
  color: #000000; /* black */
  font-size: 15px;
  font-family: verdana, arial, helvetica, sans-serif;
}