body{
margin:0;
padding:0;
font-family:Verdana, 'Trebuchet MS', Arial, Sans-serif;
text-align:center;
background: url(images/bg_fullpage.jpg) repeat;
color: #666666;	
}

a:link, a:visited {
font-family:Verdana, 'Trebuchet MS', Arial, Sans-serif;
text-decoration:underline;
color : #3182C0;
}

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

h1{
font-size:1.2em;
}
h2{
font-size:1.1em;
}
h3{
font-size:1em;
}

input {
	border: 1px solid #369;
}

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

#gradient-bg{
background:url(images/bg.jpg) top repeat-x;
}

/********************************************/
/*******  header                  ***********/
/********************************************/ 
#header{
margin:0;
padding:0;
width:100%;
background: url(images/bg_header.jpg) repeat-x 0% 0%;
height: 120px;
}

/**************logo*******************/
#logo{
margin:0;
padding:3px 0 0 90px;
text-align:left;
}

/*************sitename********************/
#sitename{
margin:0;
padding:0 0 0 75px;
text-align:left;
}

#sitename h1 { 
text-align : center;
font-size : 17px;
padding : 0 0 0 40px;
margin : 0;
text-align:left;
color:#167aa6;
} 

#sitename h1 a {
text-decoration:none;
color:#167aa6;
} 

#sitename h1 a:hover {
color:#167aa6;
} 



/***************slogan******************/
#slogan{
float:right;
width:500px;
margin:0;
padding:0;
color:#167aa6;
}

#slogan h2{
text-align :left;
color : #167aa6;
font-size : 24px;
padding:10px 0 0 0 ;
margin:0;
}


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

/**************top round corner image*******************/
#round-corner-top{
background:url(images/round-corner-images/top.jpg) top no-repeat;
height:7px;
margin:0;
padding:0;
font-size:1%;
clear:both;
}

/**************bottom round corner image*******************/
#round-corner-bottom{
background:url(images/round-corner-images/bottom.jpg);
height:13px;
margin:0;
padding:0;
font-size:1%;
clear:both;
}

/**************wrapper*******************/
#wrapper{
width:780px;
margin:0 auto;
padding:0;
text-align:left;
background:url(images/wrapper-bg.jpg) top repeat-y;
}

/**************left part*******************/
#left-part{
width: 150px;
margin:  7px 0 0 2px;
padding:0;
float:left;
}

/***************login******************/
#login { 
margin : 0 0 20px 0;
padding : 0;
text-align : left;
color : #666666;
}

#login h3{
font-size : 90%;
color:#555;
text-align :left;
margin : 0;
background: none;
padding:10px 0px 5px 0;
}

#login p{
margin:0;
padding:0;
font-size : 75%;
}

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




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

/***************left content******************/
#left { 
margin :0;
padding :  0;
text-align : left;
} 

#left  img{
margin:  6px 0;
} 

#left h1 { 
font-size : 100%;
color:#555;
text-align :left;
margin : 0 5px;
background: url(images/dssdLogoMini.png) no-repeat 2px 12px;
padding:10px 0px 5px 30px;
} 

#left h2 { 
font-size : 95%;
color:#555;
text-align :left;
margin : 10px 5px 0 5px;
background: url(images/dssdLogoMini.png) no-repeat 2px 12px;
padding:10px 0px 5px 30px;
}

#left h3 { 
font-size : 90%;
color:#555;
text-align : left;
margin : 10px 5px 0 5px;
background: url(images/dssdLogoMini.png) no-repeat 2px 12px;
padding:10px 0px 5px 30px;
}

#left p { 
margin : 0;
padding : 5px;
font-size : 75%;
color : #666;
} 

/************** right part*******************/
#right-part { 
width: 620px;
padding :0 0 0 5px;
margin : 20px 0 15px 0;
float:right;
} 

/*************search********************/
#search{
float:right;
margin:0;
padding:0 9px;
text-align:right;
font-size : 75%;
color : #666666;
}
#input1{
width:120px;
}

#search .searchbox {
	margin-right: 3px;
}
/***************breadcrumb******************/
#breadcrumb { 
margin : 0;
padding:0 0 10px 6px;
color : #666666;
font-size : 70%;
} 


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

#pagetitle{
text-align : left;
color:#666666;
font-size : 110%;
font-weight:bold;
margin:0;
padding:0 0 3px 5px;
}

#main-content { 
padding :  0 5px;
margin : 0;
}  

#main-content h1 { 
color : #555;
font-size : 120%;
padding :0 0 10px 0;
margin:7px 0 0 0;
border-bottom:1px solid #f3f3f3;
font-weight:600;
} 

#main-content h2 { 
color : #555;
font-size : 110%;
padding :0 0 10px 0;
margin:2px 0 0 0;
border-bottom:1px solid #f3f3f3;
font-weight:600;
} 
#main-content h3 { 
color : #555;
font-size : 100%;
padding : 0 0 10px 0;
margin:1px 0 0 0;
border-bottom:1px solid #f3f3f3;
font-weight:600;
} 

#main-content p { 
color :#666666;
font-size : 75%;
} 

#main-content p strong{ 
color :#555;
font-size : 100%;
font-weight:600;
}



/********************************************/
/********        footer           ***********/
/********************************************/ 
#footer{
margin:0;
padding:0 50px;
border-top: 1px solid #F2F2F2;
clear:both;
background-color:#f7f7f7;
background: url(images/bg_footer.jpg) repeat-x;
text-align:center;
}

/***************bottom nav******************/
#bottomnav { 
width:760px;
margin : 0 auto;
padding:5px 0 10px 0;
font-size : 80%;

} 


/***************copyright******************/
#copyright{
color : #666666;
font-size : 80%;
padding : 0;
width:900px;
margin : 0 auto;
}



/*************contact info********************/
.contact { 
width:760px;
margin : 0 auto;
font-size : 80%;
padding :  0;
} 




/********************************************/
/********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 ;
width:780px;
padding:0;
display: block;

}

* html #menu li { 
position:static;
}

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

list-style: 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 : 14px;
}

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

#menu li li {
width: 145px;
}


#menu ul li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #808080;
background: white url(images/menuDivide.png) repeat-y right top;
padding: 4px 10px;
border-bottom: 4px solid #808080;
}


#menu ul li a:hover {
color:#333;
background-color: #F3F3F3; 
border-bottom: 4px solid #3791D7;
}

#menu li:hover>a {
color:#333;
background-color: #F3F3F3; 
border-bottom: 4px solid #3791D7;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 3px 10px;
border-top:1px solid #E8E8E8;
border-bottom:1px solid #828282;
border-left:1px solid #aaa;
border-right:1px solid #AAAAAA;
color: #808080;
background:white;
}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 3px 10px;
border-left:1px solid #aaa;
border-right:1px solid #AAAAAA;
color:#333;
background-color: #F3F3F3; 
border-bottom: 1px solid #3791D7;
}
#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 3px 10px;
border-top:1px solid #E8E8E8;
border-bottom: 1px solid #3791D7;
border-left:1px solid #aaa;
border-right:1px solid #AAAAAA;
color: #333;
background-color: #F3F3F3;
}

#menu li ul {
width: 145px;
}

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

#menu li li li:first-child {
}



/*******************************************/
/************* Extension Styles *************/
/*******************************************/

#csc-sitemap {
	font-family: arial, sans-serif; 
	font-size: 8px;
}