html, body {
margin : 0px;
padding : 0;
}
html, body {height: 100%;}

body {
	text-align : center;
	margin-top : 0px;
	margin-bottom : 0;
	font-family : Arial, Helvetica, sans-serif;
background-color:  #ccc;

}
hr {color: #9e292b; background-color: #9e292b; border: 2px dotted #998a42; border-style: none none dotted; }

#outer{
 width:900px;
 margin:auto;
 background-color:  #fff;
padding-left:15px;
padding-right:15px;
padding-top:15px;

padding-bottom:10px;

}
 
#header{
	width:900px;
	height:140px;
	background-color:  #fff;
	float:left;
	margin:0px;
	padding:0px;
	background-image: url(resources/header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header ul {
padding : 0;
margin : 0;
list-style : none;
	text-align : right;
 float:right;

}

#header li {
	float : right;
	position : relative;
	line-height : 140px;
	font-size : 12px;
	font-weight : normal;
		display:inline;

}
#header li a{
	line-height : 140px;
	display:inline;
		padding-left: 12px;

}



#header a:link {
color : #c00;
text-decoration : none;
font-weight : bold;

}
#header a:visited {
color : #c00;
text-decoration : none;
font-weight : bold;
}
#header a:hover {
	color : #333;
	text-decoration : none;
	font-weight : bold;


}
#images{
 width:900px;
 height:130px;
  background-color:  #666;
float:left;
}

#nav{
 width:900px;
 height:30px;
  background-color:  #c00;
margin-top:1px;
float:left;

}
#nav ul {
padding : 0;
margin : 0;
list-style : none;
	text-align : left;

}

#nav li {
	float : left;
	position : relative;
	line-height : 30px;
	font-size : 12px;
	font-weight : normal;
	width:150px;
	background-image: url(resources/nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}
#nav li a{
	height : 30px;
	line-height : 30px;
	display:block;
text-indent:10px;border-right : 1px solid #fff;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}



#nav a:link {
color : #fff;
text-decoration : none;
font-weight : bold;

}
#nav a:visited {
color : #fff;
text-decoration : none;
font-weight : bold;
}
#nav a:hover {
	color : #fff;
	text-decoration : none;
	font-weight : bold;
	background-color : #c00;


}
#nav li li a:hover {
	color : #fff;
	text-decoration : none;
	font-weight : bold;
	background-color : #c00;


}
#nav li li{
    float:left;
		 display:block; 
 	background-color : #998a42;
 width:150px;
	font-size : 12px;
	background-image: url(resources/nav1.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}
#nav li ul {
position : absolute;
left : -999em;
margin : 0px;
min-height : 1%;
 width:150px;

}
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
				margin-left : 150px;
				margin-top : -29px;

	}


	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: 0;
	}
	
	#main{
	float:left;
	width:900px;
	background-color:  #E5E5E5;
	background-image: url(resources/background.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:30px;
	}
#left{
 float:left;
 width:170px;
 margin:0;
 padding:55px 15px 15px 15px;
height:350px;	 line-height : 18px;
	text-align : left;
	font-size : 12px;
	font-weight : normal;
	color : #333;

}
#left h3{
line-height : 22px;
	text-align : left;
	font-size : 16px;
	font-weight : bold;
	color : #c00;

}
#left a:link {
	color : #c00;
	text-decoration : none;
	font-weight : bold;
	text-transform: uppercase;
}
#left a:visited {
color : #c00;
text-decoration : none;
font-weight : bold;
}
#left a:hover {
color : #333;
text-decoration : none;
font-weight : bold;

}

#right{
 float:right;
 width:650px;
 padding:25px;
 line-height : 18px;
	text-align : left;
	font-size : 12px;
	font-weight : normal;

}
#right h1{
line-height : 22px;
	text-align : left;
	font-size : 16px;
	font-weight : bold;
	color : #c00;

}
#right a:link {
color : #c00;
text-decoration : none;
font-weight : bold;
}
#right a:visited {
color : #c00;
text-decoration : none;
font-weight : bold;
}
#right a:hover {
color : #999;
text-decoration : none;
font-weight : bold;

}

#footer {
width : 900px;
float : left;
padding : 0px;
height:100px;
text-align : left;

}



.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */


/* begining of standard css */