/*************************************************************/
/*   Design:   mil0sh02: your simple solution (orange)       */
/*-----------------------------------------------------------*/
/*   Author:   Miloš Jeremic                                 */
/*   Date:     16. V 2007.                                   */
/*   Version:  1.0.0                                         */
/*   E-mail:   milos.jeremic@yahoo.com                       */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions,       */
/*             although you must keep footer original        */
/*             "design by" notice. Thank you!                */
/*************************************************************/

/***** BODY *****/

* {margin:0; padding:0}

body {
color:#000000;
background:#CCCCCC;
margin:0;
padding:0;
font:14px Arial, Helvetica, sans-serif;
}

#wrap {
width:750px;
background-color:#FFFFFF;
color:#000000;
font:12px Arial, Helvetica, sans-serif;
margin:15px auto 15px auto;
padding:5px 20px 20px 20px;
}

/***** HTML tags *****/

a{
text-decoration:none;
color:#000000;
}

a:hover{
text-decoration:bold;
}

h1 /* header */ {
text-align:center;
margin:0;
padding:0;
font-size:50px;
font-weight:normal;
line-height:75px;
}

h2 /* slogan */ {
text-align:center;
margin:0;
padding:0;
font-size:25px;
font-weight:normal;
line-height:20px;
}

h3 /* text heading */ {
margin:10px 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h4 /* sidebar heading */ {
text-align:center;
text-transform:uppercase;
margin:10px 0 10px 0;
font-size:15px;
font-weight:bold;
}

/***** HEADER *****/

#header {
width:720px;
height:100px;
background:#CCCCCC url(../images/header_orange.jpg) no-repeat;
font:40px Arial, Helvetica, sans-serif;
text-align:center;
color:#000000;
padding:0 auto 0 auto;
margin:20px auto 0 auto;
}

#adress {
background:FFFFFF;
font:14px Arial, Helvetica, sans-serif;
float:left;
width:720px;
margin:5px auto 5px auto;
padding:0 0 0 15px;
}

/***** NAVIGATION *****/

#menuh-container {
margin:15px auto 15px auto;
padding:0;
width:720px;
}

#menuh {
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
width:100%;
float:left;
margin-bottom:10px;
color:#000000;
background:#FFCC00;
border-bottom:2px solid #000000;
}
		
#menuh a {
text-align:center;
display:block;
height:16px;
line-height:16px;
border-right:1px solid #FFFFFF;
margin:0;
padding:6px 2px 6px 2px;
}
	
#menuh a, #menuh a:visited {
color:#000000;
background:#FFCC00;
text-decoration:none;
}

#menuh a:hover {
color:#000000;
background:#CCCCCC;
}	

#menuh ul {
list-style:none;
margin:0;
padding:0;
float:left;
width:110px; /* width of all menu boxes */
}

#menuh li {
position:relative;
}

#menuh ul ul {
position:absolute;
z-index:500;
top:auto;
display:none;
padding: 1em;
margin:-1em 0 0 -1em;
}

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

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

/***** CONTAINER *****/

#content {
background-color:#FFFFFF;
float:left;
width:67.5%;
margin:5px auto 5px auto;
font:12px Arial, Helvetica, sans-serif;
padding:0 15px 20px 20px;
color:#000000;
border-right:1px inset #999999;
}

.block{
background:#F8E096;
padding:15px;
}

/***** SIDEBAR *****/

#sidebar {
background-color:#FFFFFF;
float:right;
width:22%;
margin:5px auto 5px auto;
padding:0 20px 0 5px;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
}

.sidelink-blue {
text-align:left;
display:block;
width:120px;
background:#F0F0F0;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}

.sidelink-green {
text-align:left;
display:block;
width:120px;
background:#F0F0F0;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}

.sidelink-grey {
text-align:left;
display:block;
width:120px;
background:#F0F0F0;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}

.sidelink-orange {
text-align:left;
display:block;
width:120px;
background:#F0F0F0;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}

.sidelink:hover{
background:#666666;
text-decoration:none;
}

.textbox-orange {
display:block;
width:183px; 
margin:0 0 2.5em 0px; 
padding:0px 0px 10px 0px; 
border:solid 1px rgb(232,177,13); 
background-color:rgb(248,224,150);
}

.header-orange {
display:block;
width:183px; 
margin:0; 
padding:0;
text-align:center;
border-bottom:solid 1px rgb(232,177,13); 
background-color:#FFCC00;
}

.textbox-grey {
width:183px; 
margin:0 0 2.0em 0; 
padding:0 0 5px 0; 
border:solid 1px rgb(190,190,190); 
background:rgb(235,235,235);
}

.header-grey {
display:block;
width:183px; 
margin:0; 
padding:0;
text-align:center;
border-bottom:solid 1px rgb(190,190,190); 
background-color:#CCCCCC;
}

.textbox-green {
width:183px; 
margin:0 0 2.5em 0; 
padding:0 0 10px 0; 
border:solid 1px rgb(160,214,81);
background-color:rgb(217,239,185);
}

.header-green {
display:block;
width:183px; 
margin:0; 
padding:0;
text-align:center;
border-bottom:solid 1px rgb(160,214,81); 
background-color:#99CC00;
}

.textbox-blue  {
width:183px; 
margin:0 0 2.5em 0; 
padding:0 0 10px 0; 
border:solid 1px rgb(137,170,214); 
background-color:rgb(213,225,240);
}

.header-blue {
display:block;
width:183px; 
margin:0; 
padding:0;
text-align:center;
border-bottom:solid 1px rgb(137,170,214); 
background-color:#0099GG;
}

/***** FOOTERS *****/

#footer {
background:#FFCC00;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
clear:both;
color:#000000;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
text-align:center;
}