/* CSS Document */

body {
	margin: 0;
	padding: 0;
	}

h1 {
	font: bold x-large Arial, sans-serif;
	color: #AC0C1C;
	margin-top: 0px;
	border-bottom: 1px solid #000000;
	border-top:1px solid #000000;
	}

h2 {
	font: large Arial, sans-serif;
	color: 000000;
	background:#F8F1C4;
	margin-top: 0px;
	border-bottom: 1px solid #AC0C1C;
	border-top:1px solid #AC0C1C;
	font-size:13px;
	}

h4 {
	font: bold small Verdana, sans-serif;
	color: #AC0C1C;
	margin-bottom: 2px;
	}

h5 {
	font: italic bold small Arial, sans-serif;
	color: #43616B;
	margin-top: 2px;
	}
	
p {
	font: 0.7em Verdana, sans-serif;
	}
a {
	color: #FFFFFF;		
	}
a:hover {
	color: #WHITE;
	text-decoration:overline;
    background-color: #333333;
	font-color:#ffffff;	
	}
a:link {
		color:#FF9C00;
		text-decoration:none;

	}
a:visited {
			color:#FF9C00;
			text-decoration:none;
}
hr {
	color: #A5B5C6;
	height: 1px;
	}
 input {
  background-color : #9cf;
  color : #666666;
}
input, textarea, select {
  background-color : #F6E1A4;
  color : #000;
  border:1px solid #FF9C00;
}

form {
  border : 1px solid #FF9C00;
  padding : 5px;
}
input.submit {
background-color : #c00;
color : #ccc;
font : bold 14px/14px verdana, geneva, helvetica;
border : 2px solid #FF9C00;
}
.bright {
color : #c00;
font : bold 12px/12px verdana, geneva, helvetica;
}
input.bright {
border : 1px solid #c00;
}
.faded {
color : #ccc;
font : normal 12px/12px verdana, geneva, helvetica;
}
input.faded {
border : 1px solid #FF9C00;
}

/* 

------------------------------- layout ----------------------------- 

Notes:

Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together)

The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!

Left Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |   0    |          25%         |   0    |	
 
Center Margins:
 |  marg  |         width        |  marg  | 
 ------------------------------------------
 |   25%  |        (auto)        |   25%  |

Right Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |  1.5%  |          22%       #top {
	
	*/
#top1 {
	position:absolute;
	padding:0px;
	background: #000000;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	top:0px;
	left:5%;
	right:5%;
	width:766px;
	align:center;
	}
#top {
	padding:0px;
	background: #BDC5CE url(images/topbag.gif) repeat-x;
	border-bottom: 2px solid #000000;
	}
	
#center {
	margin:0px 20%;
	margin-left:20%;
	padding: 1% 3%;
	color: #000;
	}

#left {
	float:left;
	padding: 0px;
	top: 182px;
	width: 20%;
	background: #F8F1C4 url(images/bgbotleft.gif) left bottom repeat-x;
	color: #000000;
	}

#otherleftstuff {
	width: 88%;
	padding: 0px 6% 40px 6%;
	}
.borderTable {
	padding: 0px 0px0px 0px;
	border: 1px solid #FF9C00;
}
.descriptiontable{
		padding: 2px 2px 2px 2px;
		border:1px solid #FF9C00;
		font-size: 11px;
		font-weight: normal;
}
.contacttable{
		padding: 2px 2px 2px 2px;
		border:1px solid #FF9C00;
		font-size: 11px;
		font-weight: normal;
}
#shortdecription{
	margin-bottom: 0px;
	width:90%;			/* why not 22%?  because at some sizes the rounding difference adds up to more than 100% and gives us a horizontal scroll bar */
	padding: 0px 1.5%;
	
	}
div#shortdecription p.row {
	width: 100%;
	margin: 0px 0px 1em 0px;
	}
div#shortdecription p.roww {
	width: 100%;
	margin: 0px 0px 1em 0px;
	border: 1px solid #A5B5C6;
	}
div#shortdecription p.roww span.leftcol {
	float: left;
	color: #000000;
	}
div#shortdecription p.roww span.rightcol {
	width: 60%;
	float: right;
	}
div#shortdecription p.row span.leftcol {
	float: left;
	color: #000000;
	}

div#shortdecription p.row span.rightcol {
	width: 60%;
	float: right;
	}
div#shortdecription p.row span.center {
	width: 2%;
	float:none;
	}

div#shortdecription  p.row span.rightcol a {
	color: #000000;
	font-size:10px;
	}
div#shortdecription p.row span.rightcol a:hover {
	color: #A4B5C5;
	}
#clear{
 clear:both;
}
.ne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.bor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.sb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #333333;
}