html, body {
	margin: 0;
	padding: 0;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	height: 120%;
	background: #cccccc;

}

img {
  border: 0;
}        

#page {
	position: relative;
	margin: 0 auto 0 auto;
	width: 800px;
	max-width: 800px;
	border: solid 1px black;
	background: white;
}

/* IE win doesn't centre right ... let's fix with an IE expression 

Actually .. this is not needed if #main's overflow value is set, so it is 
now commented out 
*/
html.ie.win32 #page {
	xleft: expression(domGetWindowWidth()>800?(domGetWindowWidth()-800)/2:0);
}


/* #content {
	width: 620px;
} */

/* Layout of main components */
#header {
	border-bottom: solid 1px black;
	background: url(images/headerBackground.png) repeat-x bottom;
	padding: 0;
	height: 70px;
}

#logo {
	margin: 6px 6px 6px 12px;
	float: left;
	clear: both;
}


#title, #menu {
	position: absolute;
	width: 670px;
	text-align: right;
	left: 110px;
}

html.gecko #title, html.gecko #menu,
html.opera #title, html.opera #menu 
  {
	/* right: 5px !important; */
	left: 310px;
	width: 470px;
}

#title {
	top: 10px;
}

#menu {
	top: 53px;
	font-size: 12px;
}

#left {
	position: relative;
	float: left;
	padding: 10px;
	margin: 0px;
}

#right {
	position: relative;
	float: right;
	padding: 10px;
	margin: 0px;
}

/* Why is this causing the problem? */
#left, .sidebox, #right{
	width: 155px;
}

.mainbox {
	width:400px;
}

#main.head h1
{
 background: url(images/layout/portletTopRight.png) no-repeat top right;
 padding: 3px;
 margin: -3px -10px 0 0;
 font-size: 15px;
 position: relative;
 top: -0px;
}

/*
#right {
	position: absolute;
	right: 0;
	float: right;
	padding: 10px;
	right: 5px;
}
*/

/* This is the number you should change if the left nav messes up 
#left, #main {
	min-height: 900px;
}*/

#main {
	padding-right: 10px;
}

html #left, html #right {
	margin-top: expression('20px');
}

#main.noSide {
	padding: 0 10px 0 10px !important;
}

/*
html.gecko #main, html.opera #main {
	padding: 5px 10px 0 60px !important;
}
*/

#main, #left, #right {
	padding-top: 0px ;
}


#foot {
	position: relative;
	height: 100%;
	clear: both;
	background: url(images/headerBackground.png) repeat-x bottom;
	border-top: 1px solid black;
	padding: 5px;
	font-size: 70%;
	text-align: center;
}

/* Classes of common widgets */

.sidebox {
}

.sidebox input.text {
	width: 120px;
}

.sidebox input.submit {
	width: 130px;
}

html.gecko .sidebox input.submit {
	width: 133px !important;
}



/*Classes inside the portlet class */
/* The following 2 rules do the nice curves on the top of the content box. */
.head
{
 background: url(images/layout/portletTopLeft.png) no-repeat;
 color: white;
 font-size: 7px;
 font-family: "Verdana";
 font-weight: bold;
 padding: 2px 0 0 10px;
 margin: 0px;
}

.head h1
{
 background: url(images/layout/portletTopRight.png) no-repeat top right;
 padding: 3px;
 margin: -3px 0px 0 0;
 font-size: 13px;
 position: relative;
 top: -3px;
}

.body
{
 border: 1px solid black;
 border-top: 0px;
 margin: 0 0 20px 0;
 padding: 10px;
 font-size: 70%;
	height: 100%;
}

.body ul {
	padding-left: 20px;
	margin-left: 0px;
}

.body li {
	padding-left: 0px;
}

#main h1 {
	font-size: 100%;
	margin: 0;
}

#left h1, #right h1{
	font-size: 170%;
}


#main h2 {
	padding: 30px 0 0 0;
	font-size: 90%;
}

#main h3 {
	padding: 30px 0 0 0;
	font-size: 85%;
}

#main p, #main ul, #main ol, #main dl, #main table {
	font-size: 80%;
}

.company {
	font-weight: bold;
}


#menu ul {
	display: inline;
        z-index: 200;
}

#menu li {
	display: inline;
	padding-left: 20px;
	/* background: url(images/layout/menuTopLeft.png) no-repeat; */
        z-index: 200;
}

#menu a, #nav a:visited {
	color: #4f83be;
	text-decoration: none;
        z-index: 200;
}

#menu a:hover, #menu a.sfhover {
	color: black;
        z-index: 200;
}

#menu {
        z-index: 200;
}


.bottom {
	clear: both;
}

.copy { 
	padding: 0 10px 0 10px;
	border-right: 1px solid black;
}

.copy.last {
	border-right: none;
}

.form_links {
  text-align: left;
  /* margin-left:155px; */
  /*      margin-left: 228px; */
  margin-top:8px;
  margin-right:0px;
}       

#main li {
	margin-left: 40px;
}

html.ie #main li {
	margin-left: auto;
}

#left li, #right li {
	margin-left: auto;
}

/* This fixes a bug in IE */
#content {
	margin: 20px 0 0 0;
	padding: 0 10px 0 10px;
}

html.ie #content {
	float: right
}

html.gecko #content.side {
	padding: 0 0 0 175px;
}

html.gecko {
	margin: 0;
}

#left ol li, #right ol li {
  margin: 5px 0px 0px -20px;
}