body{
color: #2a2a2a;
/* text-align:right; */
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
background: url(images/back.jpg) top repeat-x;
background-color: #fff;
font-size: 76%;
line-height: 16px;
}

a:link, a:visited {
text-decoration:underline;
color : #000070;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

h1{
font-size:1.2em;
}

h3{
font-size:1em;
}

input {
	-x-system-font:none;
	border:1pt solid #000070;
	color:#2a2a2a;
	font-family:tahoma;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0px 0px 5px;
}

textarea {
	-x-system-font:none;
	border:1pt solid #000070;
	color:#2a2a2a;
	font-family:tahoma;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0px 0px 5px;
}

fieldset {
        border:1px solid #000070;
}

legend {
        color:#000070;
}

/* 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-wrapper{
height: 265px;
padding: 5px;
background: url(images/header-bg.jpg) top center no-repeat;
}

.header{
margin:0 auto;
width:780px;
}

/**************logo*******************/
.logo{
margin-left:20px;
padding:0;
text-align:left;
}

/*************sitename********************/
.sitename{
margin:-50px 0px 0px 100px;
padding:0;
text-align:left;
}

.sitename h1 { 
font-size : 22px;
margin : 0;
text-align:left;
} 

.sitename h1 a {
text-decoration:none;
color:#000;
} 

.sitename h1 a:hover {
color:#000;
} 


/***************slogan******************/
.slogan {
        margin-top: 10px;
	margin-left: 100px;
}

.slogan h2{
font-size : 14px;
padding: 0;
margin:0;
}

/*************search********************/
.search{
float:right;
margin:-25px 10px 0 0;
padding:0;
text-align:right;
color : #000070;
}

* html .search{
margin:5px 5px 0 0;
}


.search input.searchbox {
	margin-right: 3px;
}


/********************************************/
/*******  middle part (wrapper)   ***********/
/********************************************/ 



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

.wrapper{
width:780px;
margin:0 auto;
padding:0;
text-align:left;
background:none;
}



/***************************************************/
/************** left part*******************/
/*************************************************/
.left-part{
width: 140px;
margin:  0 0 0 10px;
padding: 5px;
float:left;
background: url(images/shad_blue.jpg) no-repeat ;
border-top: 1px dashed #000070;
}

/***************login******************/
.login { 
margin : 2px;
padding : 0;
text-align : left;
color : #9D9C6A;
}

.login label {
	color: #993333;
	font-size: 0.9em;
}

.login h3{
margin:0;
padding:0;
font-size : 70%;
color:#993333;
}

.login p{
margin:2px 0px;
padding:0;
font-size : 70%;
}

.login p a{
font-size : 100%;
}

.login a{
font-size : 70%;
}

/***************left content******************/
.left { 
margin : 7px 0;
padding :  0;
text-align : left;
} 

.left  img{
margin:  6px 0;
} 

.left h1,
.left h2,
.left h3 {
	border-bottom:1px dotted #000070;
	color:#000070;
	font-size:12px;
	font-weight:bold;
}

.left p { 
margin : 0;
padding : 2px 0px;
} 


/***************************************************/
/************** right part*******************/
/*************************************************/
.right-part { 
width: 585px;
padding :10px;
margin : 0 10px 0 0;
float:right;
background: url(images/shad_blue.jpg) no-repeat ;
border-top: 1px dashed #000070;
} 

/***************language******************/
.language { 
margin-top: 0px;
padding:0 9px;
color : #000070;
font-size : 70%;
float:right;
} 

.language a:link, .language a:visited { 
color : #fff;
}

.language a:hover, .language a:active { 
color : #000070;
} 

/************** main content*******************/

.pagetitle{
text-align : left;
color:#000070;
font-size : 1.3em;
font-weight:bold;
margin:0;
padding-bottom: 7px;
}

.main-content h1 { 
color : #2a2a2a;
font-size : 100%;
padding : 0;
margin:4px 0 0 0;
} 

.main-content h2 { 
color : #2a2a2a;
font-size : 90%;
padding : 0;
margin:4px 0 0 0;
} 

.main-content h3 { 
color : #2a2a2a;
font-size : 80%;
padding : 0;
margin:4px 0 0 0;
} 

.main-content a{ 
color:#2a2a2a;
} 



/********************************************/
/********        footer           ***********/
/********************************************/ 
.footer{
margin:18px auto 10px auto;
padding:0;
text-align:center;
width:800px;
background: url(images/footer.jpg) no-repeat bottom;
border-bottom:1px solid #fff;
}

/***************bottom nav******************/
.bottomnav { 
margin : 0;
padding : 2px 30px;
font-size : 75%;
color : #000070;

} 

.bottomnav a { 
padding :0;
margin:0 5px ;
color : #000070;
} 

/***************copyright******************/
.copyright{
color : #000070;
font-size : 75%;
padding : 2px 30px;
margin : 0;
}
  
.copyright a { 
color : #000070;
}

/*************contact info********************/
.contact { 
font-size : 75%;
padding : 2px 30px;
margin : 0 0 20px 0;
color : #000070;
} 


/********************************************/
/********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 {
padding: 0;
margin:185px 0 0 7px;
display: block;
border-top:1px solid #fff;
}

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

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

.menu li {
margin: 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: 6;
padding:0;
}



/* 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 : 13px;
}

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

.menu li li {
width: 130px;
}

.menu li a {
text-decoration: none;
text-align: center;
color: #000070;
padding: 2px 10px;
border:1px solid #000070;
margin:0 2px;
font-size: 0.9em;
}

.menu li a:hover {
color:white;
background-color: #000070;
}

.menu li:hover>a {
	color: white;
	background-color: #000070;
}

.menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 10px;
border:1px 0px 0px 0px solid #000070;
color:#000;
background-color:#fff;
}

.menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 10px;
color:#fff;
background-color: #000070;
}

.menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #fff;
padding: 2px 10px;
background-color: #000070;
}

.menu li ul {
width: 130px;

}

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

.menu li li li:first-child {
}

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

/***************************************************/
/******************** Mail Form ********************/
/***************************************************/

.csc-mailform {
  border:none; 
}

.csc-mailform-field label {
  display: block;
  margin-top: 15px;
}