body {
	color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2em;
	text-align:center;
	letter-spacing: 1px;

	margin:30px 0;
	padding:0;
	background-color:#000000;
	background-image: url(images/background.gif);
	background-position: top center;
	background-repeat:no-repeat;
}

a, a:link, a:visited {
text-decoration: none;
color: #009fe3;
}

a:hover, a:active{
text-decoration: underline;
}

h1{
font-size:24px;
margin: 0 0 5px 0;
padding: 0;
}
h2{
font-size:15px;
font-weight:lighter;
font-variant:small-caps;
color: #009fe3;
margin: 0 0 5px 0;
padding: 0;
}
h3{
font-size:13px;
font-weight:lighter;
font-variant:small-caps;
color: #009fe3;
margin: 0 0 5px 0;
padding: 0;
}
h4{
font-size:12px;
font-weight:lighter;
font-variant:small-caps;
color: #009fe3;
margin: 0 0 5px 0;
padding: 0;
}

p { 
color : #FFFFFF;
padding: 0;
margin: 0 0 5px 0;
line-height:1.3em;
} 

ul{
margin-left:25px;
padding:0;
color: #FFFFFF;
} 
ul li{
margin-left:25px;
padding:0;
color: #FFFFFF;
} 

.align-left { 
text-align: left;
} 
.align-center { 
text-align: center;
} 
.align-right { 
text-align: right;
} 
.align-justify { 
text-align: justify;
} 


/**************wrapper*******************/

#wrapper{
width:960px;
margin:15px auto 0 auto;
padding:10px 0 0 0;
text-align:left;
}

/* Use a break with this class to clear float containers on both sides */ 
.brclear { 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0;
} 


/********************************************/
/*******  header                  ***********/
/********************************************/ 
#header{
margin:0;
padding:0;
width:960px;
position:relative;
}

/**************logo*******************/
#logo{
margin:0;
padding:0;
text-align:center;
width:242px;
height:91px;
float: left;
}


/*************** all content in white wrapper ******************/

#allwhite {
width: 100%;
}

#content {
width:780px;
margin:15px auto 0 auto;
padding:50px 90px 50px 90px;
text-align:left;
}

#content-40spacer {
width: 40px;
margin: 0;
padding: 5px 0 0 0;
float: left;
}

#content-230 {
width: 230px;
margin: 0;
padding: 5px 0 0 0;
float: left;
}

#content-510 {
width: 510px;
margin: 0;
padding: 5px 0 0 0;
float: left;
}

#content-780 {
width: 780px;
margin: 0;
padding: 5px 0 0 0;
float: left;
}


/********************************************/
/********        footer           ***********/
/********************************************/ 
#footer{
margin:0 auto;
padding:10px 0 0 0;
text-align:center;
width:960px;
line-height:1.2em;
color: #fff;
font-size: 85%;
font-weight: bold;
}



/********************************************/
/********          MENU           ***********/
/********************************************/ 

#menu-wrapper{/*for ie6*/
margin:0 auto;
width:920px;
padding:0;
margin:25px 90px 10px 90px;
}
/********************************************/
/********* Horizontal Menu Styles ***********/
/********************************************/ 
/*
 *  Horizontal, top-2-bottom menu
 *  Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */
 

/*  ------ Basic style ------  */

#menu {
margin:0 auto;
padding:0;
display: block;
}

#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

*+html #menu ul { min-height: 1px; }/*hack for ie7*/

#menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 8;
}

* html #menu li { 
position:static;
}

#menu a {
display: block;
}

#menu li li {
width: 100%;
z-index: 9;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 7;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}

/*  ------   Make-up --------   */

#menu {
font-size : 12px;
}

#menu:after{
content:'.';
display:block;
height:1px;
line-height:1px;
clear:both;
visibility:hidden;
} 

#menu li li {
width: 185px;
}

#menu li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #009fe3;
padding: 6px 13px;
margin:0;
}

#menu li a:hover {
display:block;
background:#009fe3;
color: #ffffff;
}

#menu li:hover>a {
display:block;
background:#009fe3;
color: #ffffff;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #FFFFFF;
padding: 2px 13px;
background-color:#009fe3;
border-bottom:1px solid #000000;
border-top:1px solid #fff;
}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 13px;
background-color:#004562;
}

#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 13px;
background-color:#004562;
}

#menu li ul {
width: 185px;
}

#menu li li ul {
border-top-width: 0px;
}

#menu li li li:first-child {
}

#menu li li.submenu>a:after {
content: "";
}