* {margin: 0;
    padding: 0;
}

body { font-family:Arial, Helvetica, sans-serif;
       font-size: .8em;
	background: #F5F8C4 url(../images/gradient.jpeg);
	background-repeat: repeat-x;

}

#header {
	background:  url(../images/coat_of_arms.gif);
	background-repeat: no-repeat;
	height: 120px;
}

#header_menu{
	background-image: url(../images/header_menu.html);
	background-repeat: repeat-x;
	text-align: right;
	padding-top: 10px;
}

#container {
	font-size: 1.2em;
}

#left {
	float: left;
	width: 19%;
	margin-left: 5px!important;
	margin-left: 5px;
    padding-top: 27px;
}

#right {
	float: right;
	width: 19%;
	margin-right: 5px;
	padding-top: 27px;
}

#content {
	margin-right: 20%;
	margin-left: 20%;
	padding: 5px;
}

#footer {
	background-image: url(../images/footer_bg.html);
	background-repeat: repeat-x;
	height: 23px;
	text-align: center;
	font-size: .9em;
	padding-top: 60px;
}

p{  margin-top: 8px;
	margin-bottom: 8px;
}

h1{
	color: #FFFFFF;
	font-size: 3em;
	padding-top: 40px;
	padding-left: 245px;
}

.heading_color{
	color: #FF9900;	
}

blockquote{
	margin: 15px;
	font-style:italic;
}

h2 {
	margin-bottom: 15px;
	border-bottom: 1px solid #A7AAB3;
}

h3 {margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #A7AAB3;
}

h4 {
	background-image: url(../images/menu_tab.html);
	height: 31px;
	width: 146px;
	padding-top: 5px;
	padding-left: 15px;
}

.floatleft {float: left;
               margin: 5px;
	border:0;
}

.floatright {float: right;
               margin: 5px;
		border:0;
}


.thumbs {border: 1px solid gray;
         margin: 5px;
		 padding: 1px;
}

a:link {color: #000000}     /* unvisited link */
a:visited {color: #333333}  /* visited link */
a:hover {color: #FF6633}   /* mouse over link */
a:active {color: #FF3333}   /* selected link */

/***********************************'   Left side Menu  *******************************/



/***********************************'  Header Menu  ****************/

.navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 1em;
width:90%;

}


/* Begin CSS Popout Menu */

#menu{
font-size:1.1em;
position:relative;
top:2px;
left:5px;
z-index:2;
width:90%;
padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu a{
text-decoration:none;

font:1em tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 4px;
}

#menu h2{
font:bold 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 4px;
}


#menu h2{
color:#fff;
background:#000;
text-transform:uppercase;
}

#menu a{
color:#FFFF00;
background:#938D75;
text-decoration:none;
}

#menu a:hover{
color:#FFF;
background:#666633;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#eee url(images/expand3.html) no-repeat bottom right;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}