/* Basics CSS*/

body {
 margin: px 10;
 color: #000000;
 background:#500000;
 padding: 0;
 font: 0.86em/1.2 Arial, Helvetica, sans-serif;
 }

a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #775D42;
}
a:hover {
text-decoration: none;
color: #775D42;
}
a:active {
text-decoration: none;
color: #775D42;
}

h1 {
 font-size: 1.75em;
}

h2 {
 font-size: 1.3em;
}

#outer {
 width: 750px;
 margin: 0 auto;
 background: #fff url(bg.gif) repeat-y;
 }

#hdr {
 padding-top: 175px;
 background: #fff url(headerlogo.gif) no-repeat;
 }

#nav {
 float:left;
 width:135px;
 padding: 1em;
 text-align: center;
 background: url(divider2.gif) no-repeat bottom center;
 padding-bottom: 30px;
}
#nav ul {
 background: url(divider2.gif) no-repeat top center;
 margin: 0;
 padding: 30px 0 0 0;
 list-style: none;
}
#nav li {
	margin: 0;
	padding: 20px 0 0 0;
}
#nav h2 {

}

#cont {
 float: right;
 width:540px;
 padding: 1.5em;
 }
#cont h2 {
 color: rgb(153, 102, 51);
}

#ftr {
 clear: both;
 color: #OOOOOO;
 background:#fff;
 font-size: 0.8em;
 text-align: center;
 border-top: 1px solid #000;
 margin: 1em 0 0 0;
 }

#leftImg
{
float:left;
width: 150px;
height: 150px;
padding: 0 10px 10px 0;
}

#leftImg2
{
float:left;
width: 234px;
height: 135px;
padding: 0 20px 10px 0;
}

#leftImg3
{
float:left;
width: 200px;
height: 270px;
padding: 0 20px 10px 0;
}

#leftImg4
{
float:left;
width: 300px;
height: 194px;
padding: 0 20px 10px 0;
}

#rightImg
{
float:right;
width: 125px;
height: 93px;
padding: 0 0 10px 10px;
}

#rightImg2
{
float:right;
width: 250px;
height: 103px;
padding: 0 0 10px 10px;
}

#rightImg3
{
float:center;
width: 320px;
height: 202px;
padding: 0 0 10px 15px;
}

#rightImg4
{
float:right;
width: 200px;
height: 261px;
padding: 0 0 10px 15px;
}
#rightImg5
{
float:right;
width: 250px;
height: 179px;
padding: 0 0 10px 15px;
}

#rightImg6
{
float:right;
width: 250px;
height: 308px;
padding: 0 0 10px 15px;
}