body { padding: 0; margin: 0; font-size: 12px; font-family: tahoma, sans-serif; letter-spacing: 1px; line-height: 160%; background: #cdcdcd; color: #454545; }
div { text-align: left; }
#topOfPage { display: none; }
#container { width: 730px; padding: 25px; background: #fff; margin-left: auto; margin-right: auto; }

#header { height: 45px; }
#logo {	width: 186px; float: left; }
#search { float: right; padding-top: 8px; text-align: right; width: 225px; }
#search input:focus { background: #ffb606; }

#top { background: url("../images/top.jpg") 100% 0 no-repeat #505050; height: 200px; clear: both; }
#top2 { background: url("../images/top2.jpg") 100% 0 no-repeat #505050; height: 200px; clear: both; }
#top3 { background: url("../images/top3.jpg") 100% 0 no-repeat #505050; height: 200px; clear: both; }
#top h1, #top2 h1, #top3 h1 { color: #fff; padding-left: 25px; padding-top: 65px; line-height: 110%;}
#body { clear: both; margin-bottom: 15px; margin-top: 15px; }

div.block, div.blockDistinct { padding: 10px; padding-bottom: 3px; padding-top: 8px; }
div.blockDistinct { background: url("../images/corner.gif") no-repeat 100% 100% #f5f5f5; }

h1, h2 { margin: 0; margin-bottom: 10px; padding: 0; font-weight: normal; font-size: 25px; }
h2 { font-size: 16px; margin-bottom: 5px; color: #000; }
h3 { font-size: 14px; margin-bottom:3px; font-weight: bold; text-align: center; color: #666666;}

p {	margin: 0; margin-bottom: 5px; }
p.right { text-align: right; }


/* forms */
form { margin: 0; }
fieldset { padding: 0; border: 0; }
legend { display: none; }

/* input fields */
input { border: 1px solid #c0c0c0; color: #454545; font-size: 11px; letter-spacing: 1px; }
input.searchText { width: 150px; height: 13px; }
input.searchSubmit { color: #fe8953; background: #fff; letter-spacing: 1px;	border: 1px solid #fff;	font-size: 12px; width: 45px; height: 19px; margin: 0; padding: 0; }

/* lists */
ul { margin: 0; padding : 0; list-style : none; }
ul.style1 { list-style-type: disc; list-style-position: inside; }


/* footer */
#footer { clear:both;
background:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
text-align:center; }
#footer li { display: inline; text-align: center; padding: 0; height: 15px;	vertical-align: middle;	padding-right: 25px; font-size: 11px; }
#footer p {	clear: both; color: #c0c0c0; font-size: 11px; }
#footer p.icons { display: inline;}
#footer a{ color:#808080; }

/* link styles */
a:link, a:active, a:visited { color: #fa9528; text-decoration: none; }
a:link, a:active { color: #fa9528; }
a:visited { color: #fa9528; }
a img { border: 0; }
a img:active { border: 0; }

/* menu */
#bar { clear: both; background: #cdcdcd; height: 25px;}
#bar ul
{
list-style: none;
padding: 0;
margin: 0;
height: 25px;
}
 #bar li
{
float: left;
margin: 0;
padding: 3px 10px 4px 10px; 
border-right: 1px solid #fff;
}

 #bar li a
{
background: #cdcdcd;
float: left;
color: #666666;
text-decoration: none;
text-align: center;
}

#bar li a:hover {
color: #fa9528;
border-bottom: 1px solid #333333;
}

 /* Hide from IE5-Mac \*/
#bar li a
{
float: none
}
/* End hide */

/** IE hack **/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
 }
 .clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
 .clearfix {display:block;}
 /* End hide from IE Mac */




/* span styles */
span.highlight { color: #f29c36; }
span.hide { display: none; }
span.underline { text-decoration: underline; }
span.error { color: #e60000; }
span.bold { font-weight: bold;}
span.italic { font-style: italic;}
span.smallcaps {font-variant: small-caps;}

/* box style */
#box, 
.box { background-color: #EAEAEA; border: 1px dashed #666666; padding: 5px; }
.left-element { float: left; }
.right-element  { float: right; text-align: right; width: 200px;}     
.center-element { text-align: center; }
.clear ( clear:both; )


*>html .left-element  {width: 49%;}
*>html .right-element {width: 49%;}   
          
/* drop down list */
.drop { font-family: Sans-serif; font-size: 10px; color: #666666; background-color: #DDDDDD; width: 100px; }  
.dropdown   { font-family: sans-serif; font-size: 10px; font-weight: bold; color: #333333; background-color: #EEEEEE; }
            
/* contact form */

#contactform input, #contactform select, #contactform checkbox { 
	color: #3a3a3a;
	background: #e5e5e5;
	border: thin solid #000000;
}

#contactform textarea {
color: #3a3a3a;
background: #e5e5e5;
border: thin solid #000000;
width: 350px;
}

#contactform label {
	display: inline;
}

#contactform .button {
	background: #CCCCCC;
}
#contactform input:focus, #contactform select:focus, #contactform checkbox:focus, #contactform textarea:focus {
	color: #000000;
	background: #ffb606;
}

/* /contact form */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/** List styles **/
ul.circle { margin-left: 10px; list-style-type: circle;}
.list1 {margin-left: 25px; padding-left: 10px; }