@charset "utf-8";
/* CSS Document */


body	{
	margin: 15px 0 0 0;
	padding: 0 40px 30px 40px;
	background: #FFFFFF;
	font-size: 90%;
	text-align: left;
}
div#contentwide { height: 680px;background: #ccc; margin-top: 10px; }

div#page {
	position: relative;
	margin: 0;
	padding: 0;
	width: 825px;
	margin-right: auto;
	margin-left: auto;
	border: 0;
}

div#margin {
	position: relative;
	margin: 0px 20px 1px 20px;
	padding: 0;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}

div#head {
	position: relative;
	margin: 0;
	padding: 0;
	height: 141px;
	font-size: 0.75em;
	background: #FFFFFF;
	font-family: arial, helvetica, impact, sans-serif;
}

div#head img {
	margin: 0;
	padding: 0;
	display: block;
}

div#imagetop {
	position: absolute;
	top: 0;
	left: 345px;
	margin: 0;
	padding: 0;
	text-align: left;
}


div#main {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#content {
	position: relative;
	margin: 0;
	left: 0;
	padding: 0px;
	color: #323;
	font-size: 0.75em;
	background: #FFFFFF;
	z-index: 5;
}

div#contentleft {
	position: absolute;
	top: 0px;
	left: 0;
	border: 1px solid #fff;
	width: 306px;
	height: 430px;
	padding: 15px;
	margin: 5;
	font-size: 1.2em;
	background: #FF8700;
	z-index: 10;
	color: #333;
	overflow: auto;

scrollbar-3dlight-color: #FF8700; 
scrollbar-arrow-color: #333; 
scrollbar-base-color: #FF8700; 
scrollbar-darkshadow-color: #FF8700; 
scrollbar-face-color: #FF8700; 
scrollbar-highlight-color: FF8700; 
scrollbar-shadow-color: FF8700;

}

div#contentmiddle {
	position: relative;
	border: 1px solid #fff;
	margin: 5;
	left: 345px;
	width: 280px;
	height: 380px;
	padding: 65px 15px 15px 15px;
	color: #fff;
	font-size: 1.1em;
	text-align: normal;
	background: #000 url(../images/background.gif) repeat-x top left;
}

div#contentwide {
	position: relative;
	border: 1px solid #fff;
	margin: 5;
	left: 0;
	width: 625px;
	height: 430px;
	padding: 15px;
	color: #333;
	font-size: 1.1em;
	text-align: normal;
	background: #FF8700;
}

div#contentwide2 {
	position: relative;
	border: 1px solid #fff;
	margin: 5;
	left: 0;
	width: 625px;
	height: 100px;
	padding: 15px;
	color: #333;
	font-size: 1.1em;
	text-align: normal;
	background: #999;
}

div#rightmenu {
	position: absolute;
	margin: 0px;
	top: 0px;
	left: 663px;
	width: 150px;
	padding: 0;
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	text-align: normal;
	font-family: arial, helvetica, impact, sans-serif;
	font-weight: bold;
}

div#contentright {
	position: absolute;
	top: 263px;
	border: 1px solid #fff;
	margin: 5;
	left: 663px;
	width: 144px;
	height: 177px;
	padding: 10px;
	color: #333;
	font-size: 0.9em;
	text-align: normal;
	background: #4D4D4D;
}

div#bottom {
	position: relative;
	top: 5px;
	margin: 0;
	text-align: left;
        vertical-align: middle;
	padding: 0;
	font-size: 1em;
	color: #fff;
	background: #FFFFFF;
	width: 832px;
	height: 20px;
}

div#footer {
	position: relative;
	display: block;
	top: 0;
	left: 0px;
	margin: 0;
	text-align: left;
        vertical-align: middle;
	padding: 0;
	font-size: 1em;
	color: #999;
	background: #661166;
}


/* = standard fonts
-------------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, li, a, p, address, td	{
	font-family: verdana, arial, sans-serif;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #fff;
    	text-decoration: none;
}

img {
	border: 0;
}

p {
	padding: 0 0 0em 0;
	line-height: 1.3em;
	margin: 0 0 10px 0;
}

td p  {font-size: 100%;}
td li {font-size: 100%;}
p td  {font-size: 100%;}
p li  {font-size: 100%;}
p p  {font-size: 100%;}
li li {font-size: 100%;}



/* =content
-------------------------------------------------------*/


div#contentleft h1 {
	color: #333;
	font-size: 1.7em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
} 

div#contentleft h2 {
	color: #333;
	font-size: 1.0em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 0;
}

div#contentleft h3 {
	color: #333;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 0 10px 0;
	margin: 0;
}

div#contentwide h1 {
	color: #333;
	font-size: 1.7em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 0 10px 0;
	margin: 0;
}

div#contentwide h2 {
	color: #333;
	font-size: 1.0em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 0;
}

div#contentwide h3 {
	color: #fff;
	font-size: 1.0em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 0 15px 0;
	margin: 0;
}

h1 {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
} 

h2 {
	color: #fff;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
} 


div#contentleft ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	margin: 0 0 0.5em 0;
}

div#contentleft li {
	margin: 0;
	padding: 0 0 0.25em 0;
	line-height: 1.3em;
}


div#contentmiddle ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	margin: 0 0 0.5em 0;
}

div#contentmiddle li {
	margin: 0;
	padding: 0 0 0.25em 0;
	line-height: 1.3em;
}

div#contentwide li {
	margin: 0;
	padding: 0 0 0.25em 0;
	line-height: 1.3em;
	color: #333;
}


dl {
	margin: 0 0 1em 0;
	padding: 0;
}

dt {
	float: left;
	clear: left;
	width: 50px;
	margin: 0 0 1em 0;
	font-weight: bold;	
}

dd {

}


/* Tables and forms 
-------------------------------------------------------*/


table {
	margin: 0 0 0em 0;
	padding: 0;
	width: 100%;
	color: #333;
}

th {
	padding: 0px;
	text-align: centre;
	border: none;
}

td {
	padding: 0 15px 0 0;
	vertical-align: top;
	text-align: justified;
	color: #333;
}

td.odd {
	background: #e0e4e9;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #333;
}


div#login p {
	padding: 0 0 0em 0;
	line-height: 1.3em;
	margin: 0 0 2px 0;
}


form  {
	margin: 0 0 1em 0;
	padding: 0;
}

fieldset  {
	margin: 0 0 0.5em 0;
	padding: 10px; 
}

input {
	font-size: 1em;
	color: #333;
	width: 120px;
}

select {
	font-size: 1em;
	color: #333;
	width: 110px;
}

select.day {
	width: 40px;
}

select.month {
	width: 70px;
}


textarea {
	width: 304px;
	height: 100px;
}


label {
	float: left;
	padding: 3px 0 0 0;
	width: 80px;
}


input.radio, input.checkbox {
	width: auto;
}



input.btn {
	width: 70px;
	color: #050;
   	font-family: helvetica, sans-serif;
   	font-size: 100%;
   	font-weight: bold;
   	background-color: #fed;
   	border: 1px solid;
   	border-top-color: #696;
   	border-left-color: #696;
   	border-right-color: #363;
   	border-bottom-color: #363;
}


div#bottom p {
	padding: 0;
	margin: 0;
	font-size: 1em;
	text-align: left;
	color:#fff;
}
div#contentwide { height: 680px;background: #ccc; margin-top: 10px; }

span.copyright {
	float:left;
	padding: 5px 0 0 0;
	font-size: 0.75em;
	color:#999;
}

span.copyright a {
	color: #999;
	text-decoration: underline;
}

span.copyright a:hover {
	color: #333;
	text-decoration: none;
}

span.designer {
	float: right;
	padding: 5px 0 0 0;
	font-size: 0.75em;
	color:#333;
	width: 200px;
}

div#contentleft p {
	color: #111;
}
div#contentwide p {
	color: #111;
}
ul#nav {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 166px; /* width of menu */
	z-index: 10;
	background: #FFFFFF;
	font-weight: bold;
}

ul#nav li {
	position: relative;
}

ul#nav ul {
	position: absolute;
	left: 180px; /* indent subnav less than menu width */
	top: 0px;
	z-index: 20;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	background: #666666;
	border: 1px solid #800080;
	font-weight: bold;
}

ul#nav li ul {
	display: none;
}


ul#nav li a {
	display: block;
	left: 0;
	text-decoration: none;
	color: #FF8700;
	background: #4D4D4D; 
	padding: 4px 4px 4px 8px;
	margin: 0 0 2px 0;
	border: 1px solid #fff;
	font-family: arial, helvetica, impact, sans-serif;
	font-weight: bold;
}


/*** sub menu ***/ 	
	
ul#nav li ul li a {
	padding: 5px; 
	background: #FDFDDF;
	border: 0;
	border-left: 1px solid #ff;
} 

ul#nav li ul li a:hover { 
	color: #908; 
	text-decoration: underline;
} 


/*** The dropdown hover ***/
	
ul#nav li:hover ul, ul#nav li.over ul { 
	/* see fudge */ 
} 


/*** keeps original nav item highlighted ***/

ul#nav li a:hover,
ul#nav li:hover a,
ul#nav li.over a {
	background: #333;
  	color: #fff;
	font-weight: bold;
}


* html ul#nav li { 
	float: left; 
	height: 1%; 
}

* html ul#nav li a { 
	height: 1%; 
}

ul#nav li:hover ul, ul#nav li.over ul { 
	display: block;	/* ie5mac buggy - hide dropdown but maintain top menu */ 
	} 

/* End Hide from IE5mac */



/* =work arounds for old code 
-------------------------------------------------------*/

u	{
	text-decoration: none; /* removes underlined items */
}

br {
	line-height: 1px; /* unnecessary br tags */
}


/* Hides from IE-mac \*/
* html td,th {
	font-size: 0.7em; /* needed to correct font-size in table cells on ie5 */
	font-s\ize: 100%; /*sets it back to correct size on ie6 */
}

* html div#content {
	width: 100%;  /* needed for ie5 to show table widths correctly */
	w\idth: auto;  /* needed for ie6 to show table widths correctly */
}


/* =fudge 
-------------------------------------------------------*/


* html menu  {
	height: 1%;  /* fixes display bug in ie5/6 */
}


/* End hide from IE-mac */

a{
cursor: pointer;
text-decoration:none;
}
br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}