/*Compass Design layout.css for aba_J_home template CSS file*/
/* #FFFF00 - yellow */
/* #990000 - brown */
* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0;
}
li,dd {
margin-left:1em;
}
fieldset {
padding:.5em;
}
body {
text-align:center; /*center hack*/
font-size:76.1%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3em;
}
#wrap {
width:80%; /*center hack*/
margin:0 auto; /*center hack*/
text-align:left;
}
#header {
text-align:left;
background:#FFFF00;
}
#footer {
clear:both;
background:#FFFF00;
}
#main-body {
float:left;
width:100%;
margin: 5px 0px 5px 0px;
background-color:#E5E5E5;
}

#content {
float:right;
vertical-align:middle;
width:80%;
overflow:hidden;
margin: 0;
}
#sidebar {
float:left;
width:18%;
overflow:hidden;
margin: 10px 0px 0px 10px;
}
#navcontainer{
padding:0;
color: #333;
background-color:#E5E5E5;
}
.module-box {
background:url(../images/boxright.jpg) top right no-repeat; 
padding:0;
margin:0 0 10px 0;
}
.module-box div {
background: url(../images/boxleft.jpg) top left no-repeat;
margin:0;
padding:10px 0 0 0;
}
.module-box div div{
background: url(../images/boxleft.jpg) bottom left no-repeat;
padding:0 0 0 11px;
}
.module-box div div div{
background: url(../images/boxright.jpg) bottom right no-repeat;
padding:0 11px 5px 0;
height:auto !important;
height:1%;
}
#navcontainer ul{
list-style: none;
margin: 0;
padding: 0;
background-color:#E5E5E5;

}
#navcontainer li{
margin: 3px 0 2px 0;
display:block;
background-color:#990000;
padding:0px 0px 0px 0px; 
height: 20px;
}
#navcontainer li a{
padding: 0px 5px 0px 0.5em; 
color:#FFFF00;
text-decoration: none;
height: 20px;
}
#navcontainer li a:hover,a#active_menu:link,a#active_menu:visited{
border-left: 15px solid #FFFF00;
display:block;
width: auto;
height: 20px;
}
#navcontainer li a#active_menu:visited {
font-weight:bolder;
}
#navcontainer li a:hover {
text-decoration:underline;
}

html>body #navcontainer li a {
width: auto;
}
#menu_1 {
float:right;
width:100%;
overflow:hidden;
background-color:#990000;
vertical-align:middle;
}
#logo{
float:left;
width:20%;
}
#head_pic{
border: 2px solid #FFFFFF;
background-color:#FFFFFF;
position:absolute;
float:inherit;
top: 25px;
left: 25%;
width:65%;
}

/* HEAD MENU SETTINGS */
#head_menu{
float:right;
width:15%;
height:140px;
text-align:right;
color: #333;
vertical-align:middle;

}
#head_menu ul{
list-style: none;
margin: 0;
padding: 0;
}
#head_menu li{
/* border-bottom: 1px solid #ccc; */
margin: 0;
display:block;
}
#head_menu li:hover{
background-color:#999999;
}

#head_menu li a{
padding: 3px 5px 3px 0.5em;
color:#FFFF00;
text-decoration: none;
}
#head_menu li a:hover {
text-decoration:underline;
}
.hmenu_inside {
padding:20px 1px 10px 10px;
}
.inside {
padding:0px;
}
.moduletable-leftnav{
margin-bottom:1em;
padding:0; /*the padding is removed so the menu fills the whole module box*/
border:1px #CCC solid;
}
.moduletable-leftnav h3{
background:#666;
width:100%;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0;
/*now we have no padding in the module, we don't need the negative margins*/ border-bottom: 1px solid #CCC;
}

a.lang {
	color: #FFFF00;
}
div.lang {
	float:right;
	vertical-align:middle;
	width: 10%;
	background-color:#990000;
	text-align:center;
}

div.mostahway{
	float:left;
	width:75%;
	background-color:#FFFF00;
}

/* CONTENT STYLES */
.page_heaad {
	color:#990000;
	font-family: "Lucida Sans Typewriter";
	font-size:xx-large;
}

.modulebaner_ {
	text-align:center;
}
#link_aba {
	text-align: center;
	margin: 0 auto;	

}

.front_picture {
	width: 100%;
}
.blog {
	width:95%;
}