/*==================SECTION=================*/
body {

font-family: verdana, Geogia, Serif, Arial;
background-color: #9c9f84;
margin: 0px;
font-size: 14px;
//background-image: url(Clouds-Background.jpg);

}

.himg { 

width: 1000px;
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 5px;

}

#header {
background-color: #5c755e;
margin: 10px;
height: 100px;
border-radius: 5px;
}


/*=================================NAV BAR=================================*/

#navbar { }

ul#navmenu {background-color: #000;height: 33;margin: 0 10 0 10;}

ul {list-style:none;padding:5px; font-family: verdana, arial;}
ul li {float:left; padding-right:1px; position:relative;}
ul a {display: table-cell; vertical-align: middle; width:150; height:30px; text-align:center; background: #000; color:#FFF; text-decoration:none;}
ul a:hover {background:#000;}
li > ul {display:none; position:absolute; left:0; top:100%;}
li:hover > ul {display:block;}
li > ul li ul {padding:0; padding-top:1px;}
li > ul li > ul {left:100%; top:0; padding-left:1px;}
li > ul li >ul li {width:150px; }
li:hover > a {background:#fff; color:000;}


/*================================================================*/
.main {
background-color: #e5e4d7;
margin: 10 420 10 160;
border-radius: 5px;
padding: 20px;
font-size: 110%;
}


.rulesmain {

background-color: #e5e4d7;
margin: 10 250;
border-radius: 5px;
padding: 20px;
font-size: 110%;
}


.sideright {
background-color: #e5e4d7;
margin: 10 160 0 10px;
border-radius: 5px;
padding: 20px;
font-size: 90%;
float: right;
width: 210px;
clear: right;
}

.rheaimg {

margin: 10 160 10 10px;
float: right;
border-radius: 5px;
width: 250px;
clear: right;
}


.highlight {background-color: #ffff00;}

/*==================SECTION FOOTER =================*/

#footer {
background-color: #5c755e;
margin: 10;

clear: both;
border-radius: 5px;
color: #efe5d0;
text-align: center;
padding: 15px;
font-size: 90%;
}


#footer ul {
padding: 5px;
list-style-type: none;
text-align: center;
margin: 5px;
border-radius: 5px;
}

#footer ul li{
display:inline-block; float:none;
}

#footer ul li a {
text-decoration: none;
font-family: arial;
padding : .2em 1em;
color: #efe5d0;
background-color: #5c755e;
height: auto;
width: auto;

}


#footer ul li a:hover {
color: #000;
background-color: #fff;
}


/*==================SECTION TITLES=================*/

h1 {
font-size: 120%;
color: #ce282e;
}

h2 {
font-size: 120%;
color: darkblue;
text-align: center;
}


h3 {
font-size: 250%;
text-align: center;
color: #e5e4d7;
font-family: "Century Gothic", Arial;
margin: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform:translateY(-50%);
}

h4 { font-size: 100%;text-align: center;
}




/*==================SECTION=================*/