/* Start of CMSMS style sheet 'basic layout' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Tahoma, Arial, Verdana;
   font-size: 75.01%;
   line-height: 1em;
   background:url(images/bg.jpg) repeat-x #9bdb01;
   color: #333;
   margin:0em;    /* gives some air for the pagewrapper */
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
   color: #18507C; 
}

/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;
   color: #385C72;
}

/*****************
basic layout 
*****************/
div#pagewrapper {
   margin: 0 auto;
   width: 960px;
   background:url(images/sh_bg.png) repeat-y;
}

div#header {
   height: 109px;
   background: #d2f3ff;
   width:948px;
   margin:auto;    
}

div#headerLeft{
    float:left;
    width:250px;
    height:109px;
}

div#headerRight{
    float:right;
    width:440px;
    height:69px;
    text-align:right;
    padding:40px 10px 0 0;
}

 div#content {
   width:948px;
   margin:auto; 
   background:#d2f3ff; 
}

div#main {
   float:left;
   width:477px;
   background:#d2f3ff;
   padding:20px 10px 10px 10px;
   text-align:justify;
}

div#mainLong {
   float:left;
   width:700px;
   background:#d2f3ff;
   padding:20px 10px 10px 10px;
   text-align:justify;
}

div#sidebar {
   float:left;     
   width:203px;
   background:url(images/nl_map.png) no-repeat right bottom #b8df5b;
   min-height:100px;
   padding:20px 10px 10px 10px;
}

div#rSidebar{
   float:left;
   width:208px;
   padding:20px 10px 10px 10px;
}

div#footer {
   clear: both;
   color: #fff;
   background-color: #0089bc;
   width:948px;
   margin:0 auto;
   font-size:0.9em;
}

div#footerLeft{
    float:left;
    width:300px;
    height:20px;
    margin:15px 0 0 10px;
}

div#footerRight{
    float:right;
    width:300px;
    height:20px;
    text-align:right;
    margin:15px 10px 0 0;
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
}

div#footer a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

div.clearfloat{
     clear:both;
}


/********************
CONTENT STYLING
*********************/
h1 {
	color: #609624; 
	font-size: 1.6em; 
	text-align: left;
        padding:0 0 12px 0; 
}
h2 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
}
h3 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
}
h4 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
}
h5 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */

div#content ul{
     margin:10px 0 15px 30px;
}

div#content ul li{
    line-height:1.5em;
}

/* CREATE BUTTONS */

div#rSidebar ul{
     margin:0;
}

div#rSidebar ul li{
    width:209px;
    height:58px;
    border:solid 1px #fff;
    background:url(images/trans_arrow.png) no-repeat 175px center #0096ce;
    list-style:none;
    margin:0 0 10px 0;
}

div#rSidebar ul li a{
    list-style:none;
    margin:0 0 10px 0;
    display:block;
    width:164px;
    height:30px;
    color:#fff;
    font-size:13px;
    text-decoration:none;
    padding:23px 5px 5px 40px;
}

/* CREATE SEARCH ELEMENT */

.search-input{
     border:0;
     background:url(images/search_element.jpg) no-repeat;
     width:201px;
     height:20px;
     font-size:1.2em;
     padding:8px 5px 5px 7px;
     font-weight:bold;
     color:#555;
}

input.search-button {
     background:url(images/search_btn.jpg) no-repeat;
     width:109px;
     height:33px;
     border:0;
     padding-top:0;
     cursor:pointer;
}

div#submenuWrap ul{
   padding:7px 0 0 20px;
   height: 28px;
   background: #016990;
   width:928px;
   margin:auto;    
   color:#fff;
}

div#submenuWrap ul li{
     list-style:none;
     display:block;
     float:left;
}

div#submenuWrap ul li a{
     display:block;
     text-decoration:none;
     list-style:none;
     float:left;
     color:#fff;
     font-size:1.1em;
     padding:5px 40px 5px 20px;
     background:url(images/arrw.gif) no-repeat left center;
     height:13px;
     font-weight:bold;
}

div#submenuWrap ul li a:hover{
     display:block;
     text-decoration:none;
     list-style:none;
     float:left;
     color:#b8df5b;
     font-size:1.1em;
     padding:5px 40px 5px 20px;
     background:url(images/arrw_hover.gif) no-repeat left center;
     height:13px;
}


div#submenuWrap h3{
     display:block;
     text-decoration:none;
     list-style:none;
     float:left;
     color:#b8df5b;
     font-size:1.1em;
     padding:2px 40px 5px 20px;
     background:url(images/arrw_hover.gif) no-repeat left center;
     height:16px;
}


div#pictureBox{
     float:right;
     border:1px solid #888;
     width:208px;
     height:200px;
     overflow:hidden;
     margin:48px 10px 0 0;
}

div.fotoCont{
      width:221px;
      height:148px;
      background:#fff;
      float:left;
      margin:5px 10px 5px 0;
      position:relative;
      border:1px solid #016990;
}

div.fotoConti{
      width:209px;
      height:136px;
      position:absolute;
      top:6px;
      left:6px;
}
/* End of 'basic layout' */