@import "template.css";
@import "forms.css";
@import "page.css";

/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 990px;}

/*Header height*/
#header {height: 155px;}

/*Column's width*/
#left {width: 240px;}
#page {width: 750px;}
#right {width: 150px;}

/*Height of the footer */
#footer {height: 30px;}
#content {padding-bottom: 60px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
#container {
  text-align: justify;
  background: url('../images/content_bg.gif') 0 0 repeat-y;
}

/*header*/
#header {
  background: url('../images/header.jpg') 0 0 no-repeat;
}
#header .logo {
  position:absolute;
  top:10px; left:20px;
	height: 120px; width: 150px;
	padding: 0; margin: 0;
}


/*left menu */
#left .menu ul {
  margin:0; 
  padding:0 10px 10px 5px;
}
#left .menu ul ul {
  margin:0; 
  padding:0;
}
#left .menu ul li {
}
/*
#left .menu ul li a {
  margin:0; padding:0;
  height:20px;
  line-height:20px;
  display: block;
  text-align:right;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:.85em;
  color:#329C00;
  background: url('../images/leftmenu_line.gif') 0 bottom no-repeat;
}
#left .menu ul li a:hover {
  text-decoration:none;
  color:#79FA00;
}
#left .menu ul ul li a {
  margin:0; padding:0 10px;
  height:20px;
  line-height:20px;
  display: block;
  text-align:right;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:.85em;
  color:#E58965;
  background: url('../images/leftmenu_line.gif') 0 bottom no-repeat;
}
#left .menu ul ul li a:hover {
  text-decoration:none;
  color:#F9AA8B;
}*/
#left a.left1 {
  margin:0; padding:0;
  height:20px;
  line-height:20px;
  display: block;
  text-align:right;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:.95em;
  color:#329C00;
  background: url('../images/leftmenu_line.gif') 0 bottom no-repeat;
}
#left a.left1:hover {
  text-decoration:none;
  color:#79FA00;
}
#left a.left11 {
  margin:0; padding:0;
  height:20px;
  line-height:20px;
  display: block;
  text-align:right;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:.95em;
  color:#79FA00;
  background: url('../images/leftmenu_line.gif') 0 bottom no-repeat;
}
#left a.left2 {
  margin:0; padding:0 10px;
  height:20px;
  line-height:20px;
  display: block;
  text-align:right;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:.95em;
  color:#E58965;
  background: url('../images/leftmenu_line.gif') 0 bottom no-repeat;
}
#left a.left2:hover {
  text-decoration:none;
  color:#F9AA8B;
}
#left a.left21 {
  margin:0; padding:0 10px;
  height:20px;
  line-height:20px;
  display: block;
  text-align:right;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:.95em;
  color:#F9AA8B;
  background: url('../images/leftmenu_line.gif') 0 bottom no-repeat;
}
/**/
#left a.left3 {
  margin:0; padding:0 20px;
  height:20px;
  line-height:20px;
  display: block;
  text-align:right;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:.9em;
  color:#E58965;
  background: url('../images/leftmenu_line.gif') 0 bottom no-repeat;
}
#left a.left3:hover {
  text-decoration:none;
  color:#F9AA8B;
}
#left a.left31 {
  margin:0; padding:0 20px;
  height:20px;
  line-height:20px;
  display: block;
  text-align:right;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:.9em;
  color:#F9AA8B;
  background: url('../images/leftmenu_line.gif') 0 bottom no-repeat;
}
/**/
/*page*/
#page .text {
  margin: 0 20px; padding:0;
  background: url('../images/paw.gif') 0 0 no-repeat;
}


/*footer*/
#footer {
  width: 100%; 
  height:60px;
}
* html #footer { margin-bottom: -1px; } /* pre IE 6 */
#footer a {
  color: #716E6D;
  text-decoration:none;
}
#footer a:hover {
  color: #716E6D;
  text-decoration:underline;
}
#copy {
  margin-top:10px;
  color: #716E6D;
  font-size:0.85em;
  text-align:center;
}
#syscom-aglo {
  margin-right:20px; padding:0;
  font-size:0.8em;
  text-align: right;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 5px 10px 5px 35px; padding:0;
  font-size: 1.4em;
  color: #329D01;
  font-weight: bold;
}
h2{
  margin: 10px 0 5px 0; padding:0;
  font-size: 1.2em;
  color: #000;
  font-weight: bold;
}
h3{
  margin: 10px 0 5px 0 ; padding:0;
  font-size: 1.0em;
  color: #000;
  font-weight: bold;
}

a {
  color:#E58965;
  text-decoration:none;
}
a:hover {
  color:#E58965;
  text-decoration:none;
}

/*developer*/
body {background: #A0A0A3;}
/*#container {background: #fff;}*/
/*#header {background: #efa4ae;}*/
#footer {background: #494846;}
/*#content {background: #afdbff;}*/
/*#topmenu {background: #0033cc;}*/
#left {background: #143F00;}
/*#page {background: #97468b;}*/
/*#right {background: #bd4ec0;}*/