/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
/* this is from pauls3j-style.css */
/* ------ Overide Tags -----------------------------------------------------------------------------------------------------------------------------*/
p{
	/*font: 12px arial, helvetica, sans-serif;*/
	/*text-align : left;*/    /*remmed out so thatheader and text move up beside photo*/
	line-height : 15px;
	padding-left: 10px;
	padding-right: 10px;
} 
h1, h2, h3 {
	/*text-align: left;*/
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	/*clear: both;*/
}
h2 {
color: #00006e;
}
h4 {
 	/*text-align: left;*/
	margin-top: 0px;
	padding-top: 0px;
	/*clear: both;*/
	}
#internal-nav h3 {
			color: #d60000;
			}	
/* ------ End Overide Tags -----------------------------------------------------------------------------------------------------------------------------*/
	
	
body {
 padding:0;
 margin:0;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: small;
 /*text-align: center;*/
 background-color:  #7786b0;
 color: #000000;
}
* html body{font-size:x-small;f\ont-size:small}/* for ie6 and 5.5. which are one size out*/
#outer{
 height:100%;
 min-height:100%;
 margin-right:250px;
 /*background:#F8E7EC;*/
 /*border-left:1px solid #000;
 border-right:1px solid #000;*/
 margin-bottom:-52px;
 /*background-color:#a3adcb;*/
 background-color:#abb0be;
 color: #000000;
 /*clear: both;*/
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#centrecontent h1#main-content0 {
background:#b22222;
border-style: outset;
font-variant: small-caps;
color: white;
margin:35px 15% 0 auto;
width: 70%;
font-size:120%;
padding:5px 0;
text-align:center;
} 
#centrecontent h1#main-content0 a {
	text-decoration: none;
	}
	/* mac hide\*/
	#centrecontent h1#main-content0 a {height:1%}
	/* end hide */
#centrecontent h1#main-content0 a:link {color: white; }
#centrecontent h1#main-content0 a:visited{ color: #fff8dc;}
#centrecontent h1#main-content0 a:hover{
	color: #fff8dc;
	background-color: #f08080;
	text-decoration: none;
}
#centrecontent h1#main-content0 a:active {color: #4B3B26;
}
#main-content1 {
background:#ebde93 url(images/corner-yellow-tl.gif) no-repeat left top;
float: left;
margin-left: 5%;
margin-top: 20px;
width: 90%;
display:inline;/* ie double margin bug on floats*/
}
ul.main-content {
list-style: none;
padding: 0px 0px 0px 10px;
}
ul.main-content li {
list-style: none;
}
#main-content2 {
background:#ebe4ba url(images/corner-lyellow-tl.gif) no-repeat left top;
float: left;
margin-left: 5%;
margin-top: 35px;
width: 90%;
display:inline;/* ie double margin bug on floats*/
}
#main-content3 {
background:#ebde93 url(images/corner-yellow-tl.gif) no-repeat left top;
float: left;
margin-left: 5%;
margin-top:35px;
width: 90%;
display:inline;/* ie double margin bug on floats*/
}
#header{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:120px;
 text-align: center;
 border-top:1px solid #000;
 border-bottom:1px solid #000;
 /*overflow:hidden;*/
 background-color: #cfd4e6;
 color: #000000;
}
#topnav, #topnav ul {
 padding: 3px;
 margin: 0;
 list-style: none;
 line-height: 1;
 display: inline;
}
#topnav li { 
 float: right;
 width: 10em; /* width needed or else Opera goes nuts */
}
#mainnav {
width:600px;
height: 25px;
line-height:25px;
background-color:#ebe4ba;
color: #000000;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
position:relative;
z-index:2;
clear:both;
margin-left:auto;
margin-right:auto;
}
#mainnav a {
 font-size: 1.2em;
}
ul#nav {
 padding: 0;
 margin: 0 ;
 list-style: none;
 width:100%;
 height:25px;
 line-height:25px;
 background-color: #ebe4ba;
 color: #000000;
}
#nav li {
position:relative;
 float: left;
 width:25%;
 text-align:center;
 padding: 0;
 margin: 0;
 height:25px;
 list-style: none;
 background-color: #ebe4ba;
 font-weight: bold;
 font-variant: small-caps;
}
#nav a {
 display: block;
 color: #7C6240;
 text-decoration: none;
}
/* mac hide \*/
* html #nav li,* html #nav a {height:1%}
/* end hide*/

#nav li ul {
 position: absolute;
 left: -999em;
 height: auto;
 width: 15em;
 font-weight: normal;
 font-variant: normal;
 margin: 0;
 padding:0; 
 border:1px solid #000;
 border-top:none;
 background-color: #ebe4ba;
}
#nav li ul li {
	width:15em;
	text-align:left;
	height:auto;
	line-height:20px;	
	text-indent:1em;
	font-variant: normal;
	margin:1px 0;
}
#nav span {padding-left:.8em}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul , #nav li li.sfhover ul {
 left: auto;
 font-weight: normal;
}
* html #nav li:hover ul,* html  #nav li li:hover ul,* html #nav li.sfhover ul ,* html #nav li li.sfhover ul {
left:0;}
#nav li:hover, #nav li.sfhover {
 /*background: #eda;*/
 background-color: #e7d77e;
}
#sidecol {
	position:relative;
	width:250px;
	float:right;
	margin-right:-249px;
	padding-top:152px;
	background-color: transparent;
	color: #000000;
}
#sidecol p,#sidecol h2, h3, h4{
 padding-left:2px;
 padding-right:3px;
 text-align: center;
 }
#internal-nav,#fignos-nav,#suppliers-nav {
text-align : left;
margin:10px 7px 10px 10px;  /*top, right, bottom and left*/
background:#ebe4ba url(images/corner-blue-tl.gif) no-repeat left top;
} 
/* mac hide \*/
* html #internal-nav,
* html #fignos-nav,
* html .sidenav a,
* html .sidenav li,
* html #suppliers-nav {height:1%;} 
/* end hide */
ul.sidenav {
 color: #4B3B26;
 list-style: none;
 margin:0px;
 padding:2px;
 line-height : 20px;
 text-align:left;
 }
ul.sidenav ul{
	list-style:none;
	margin: 0 0 5px 20px;
	padding:0;
}
 .sidenav a {
 display:block;
 color: #4B3B26;
 text-decoration: none;
 padding:2px;
 line-height:16px;
}
ul.sidenav ul li a{position:relative;}
.sidenav a:link{
 color: #000000;
 }
 .sidenav a:visited{
 color: #D97B53;
}
.sidenav a:hover{
 color: #000000;
 background-color: #e7d77e;
}
 .sidenav a:active{
  color: #4B3B26;
 }
#sidecol p, #sidecol ul.sidenav, #sidecol ul.sidenav li a{
	font-family: "Arial Black", Helvetica, sans-serif;
	color:#7c6240;
}/* added 7.2.2005*/
#sidecol ul.sidenav li{margin-bottom:2px 0;padding:0px;} 
#footer {
 width:100%;
 clear:both;
 height:50px;
 border-top:1px solid #000;
 border-bottom:1px solid #000;
 background-color: #f5f5f5;
 color: #000000;
 text-align:center;
 position:relative;
}
* html #footer {/*only ie gets this style*/
 \height:52px;/* for ie5 */
 he\ight:50px;/* for ie6 */
}
#clearheader{height:122px;}/*needed to make room for header*/
#clearfooter{clear:both;height:60px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/*................... corner-images...................*/
.yellowrt,.yellowlb,.yellowrb {
	width:100%;
	height:100%;
}
.yellowlb{background: url(images/corner-yellow-bl.gif) no-repeat left bottom;}
.yellowrt{background: url(images/corner-yellow-tr.gif) no-repeat right top;}
.yellowrb{padding:0px;background: url(images/corner-yellow-br.gif) no-repeat right bottom;}
.lyellowrt,.lyellowlb,.lyellowrb {
	width:100%;
	height:100%;
}
.lyellowlb{background: url(images/corner-lyellow-bl.gif) no-repeat left bottom;}
.lyellowrt{background: url(images/corner-lyellow-tr.gif) no-repeat right top;}
.lyellowrb{background: url(images/corner-lyellow-br.gif) no-repeat right bottom;}
.bluert,.bluelb,.bluerb {
	width:100%;
	height:100%;
}
.bluelb{background: url(images/corner-blue-bl.gif) no-repeat left bottom;}
.bluert{background: url(images/corner-blue-tr.gif) no-repeat right top;}
.bluerb{background: url(images/corner-blue-br.gif) no-repeat right bottom;}

.innerpad{padding:10px}
/* ............ main-content changes ........*/
h2.vmaker {
	text-align:left;
	margin:40px 0 10px 0;
	padding:0 10px;
}
h2.vmaker span{font-size:smaller}
/* .... header changes ....*/
#mainlogo {
	margin:5px;
	clear:both;
}