/* ----- import css ----- */
/*@import url("../css/reset.css");*/

/* ----- html elements ----- */

html, body {
    background-color: #f7fbff;
    font: 400 75% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #3d3d3d;
    position:relative;
    margin:0;
    padding:0;
    height:100%;

}

a {
    color: #00a1b1;
    text-decoration: none;

}

a:hover {
    text-decoration: underline;
}

img {border:0;}


/* end html elements */




/* SIDES */

#left-side {
    position:fixed;
    margin-left:50%;
    left:-492px;
    top: 0px;
}

#right-side {
    position:fixed;
    margin-left:50%;
    left:392px;
    top: 0px;
}



/* end SIDES */


/* CONATINER */

#container {
    position:relative;
    width:790px;
    margin:0 auto;
    min-height:100%;
    margin-bottom:-69px;
    height:auto;
    z-index:2;
    background:#fff;
}


/* end CONTAINER */




/* HEADER */

#header {
    margin:0;
    position: relative;
    padding: 10px;
    padding-top: 0;
    margin-bottom:5px;
    border-top:solid 20px #cce9ff;
    height:80px;
    background: url('/img/www/dzm.jpg') no-repeat right bottom;
    color: #00a1b1;
}

#header .fast_menu {
    margin:0;
    padding:0;
    margin-top:10px;
    text-align: right;
    font: 400 120% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    float: right;
}

#header .fast_menu .p20 {   
    padding-right:20px;
}

#header .social_media {
	clear:right;
    margin:0;
    padding:0;
    margin-top:8px;
    text-align: right;
    font: 400 120% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    float: right;
}

#header .social_media .p5 {   
    padding-right:5px;
}

#header .first {
    border-right: 1px #3D3D3D solid;
    padding-right:4px;
}


#branding {
    float:left;
}

.branding {
    background: url('/img/www/logo.jpg') no-repeat left top;
    display: block;
    height:53px;
    width:162px;
    overflow:hidden;
    text-indent:-9999px;
}





/* end HEADER */





/* MENU */

#menu {
    margin:0;
    padding:0;
    padding-left: 10px;
    padding-right: 10px;
    height:266px;
}

#menu ul {
    list-style: none; 
    height:1%;
    margin:0;
    padding:0;
}
          
#menu li {
    margin:0;
    padding:0;
    padding-bottom:10px;
    margin-right:11px;
    background: url('/img/www/menu_li_bg.jpg') no-repeat left bottom;
    width:249px;
    height:256px;
    float:left; 
    list-style: none; 
    display: inline; 
}
          
#menu li h2 {
    margin:0;
    padding:0;
    background: url('/img/www/stripots.jpg') repeat left top;
    font: 400 145% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
        
#menu li h2 a {
    background:#fff;
    padding-left:5px;
    padding-right:5px;
}

#menu li p {
	margin:0;
	padding:0;
	padding-top:10px;
    text-align:justify;
    background:#fff;
    padding-left:5px;
    padding-right:5px;
    font: 400 125% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    line-height:14px;
}
          
#menu li.last{
    margin-right:0;
}

/* end MENU */





/* CONTENT */

#content {
    margin:0;
    padding:0;
    position: relative;
    clear:both;
    float:left;
    margin-bottom:20px;
    width:100%;
    margin-top:10px;
}



/* MIDDLE */

#middle {
    width: auto;
    margin:0;
    padding:0;
    padding-left:10px;
    margin-left:200px;
    margin-right:260px;
}


#middle h4 { 
    margin:0;
    padding:0;
    font: 600 120% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#middle #middle_content {
    font: 400 110% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}



/* end MIDDLE */


/* end CONTENT */



/* LEFT */

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

#left .news {
    float:left;
    margin-bottom:10px;
    width:100%;
}
#left .news_title {
    float:left;
    margin-bottom:10px;
    
    width:100%;
}

#left .news_h2 {
    margin:0;
    padding:0;
    padding-top:2px;
    padding-bottom:3px;
    background:#efefef url(/img/is/is_file_list_bg.jpg) repeat-x left bottom;
    font: 400 145% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
        
#left .news_h2 a {
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;
}


#left .news_h3 {
    margin:0;
    padding:0;
    font: 600 135% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    padding-left:5px;
    margin-bottom:10px;
}

#left .news_p {
    text-align:justify;
    margin:0;
    padding:0;
    font: 400 125% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


/* end LEFT */






/* RIGHT */

#right {
    margin:0;
    padding:0;
    padding-right:10px;
    float:right;
    width:250px;
    text-align:center;
}

#right .pic_p20 {
    padding-bottom:20px;
}

/* Calendar */

#right #calendar {
    background: #fff url(/img/www/calendar_bg.jpg) repeat-x left bottom; 
    width:188px; 
    padding:5px; 
    border: solid 1px #989898;
    border-top:solid 3px #989898;
    margin-left: 30px;
}

#right #calendar .calendar_header {
    color:#909090;
    font: 400 120% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    height:17px;
}

#right #calendar .calendar_this_month, #right #calendar .calendar_not_this_month, #right #calendar .calendar_this_month_event {
    border:solid 1px #919191;
    text-align:center;
    font: 400 115% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    width:15px;
    height:15px;
    padding-top:3px;
    padding-bottom:3px;
}

#right #calendar .calendar_not_this_month {
    background-color:#ebedec; 
    color:#959595;
}

#right #calendar .calendar_this_month {
    background-color:#fff; 
    color:#2d2d2d;
}

#right #calendar .calendar_this_month_event {
    background-color:#00a1b1;
    color:#2d2d2d;
    font: 600 120% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#right #calendar .calendar_this_month_today {
	border:solid 1px #333333;	
}

#right #calendar .calendar_this_month_event a {
    color:#fff;
}

#right #calendar .calendar_this_month_event a:hover {
    color:#fff;
}


/* end Calendar */


/* end RIGHT */


/* FOOTER */


#footer {
    margin:0;
    padding:0;
    font: 400 110% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    clear:both;
    position:relative;
    background: #f7f7f7 url('/img/www/footer_bg.jpg') no-repeat center top;
    height:75px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    border-top: solid 1px #d0d0d0;
    color:#919191;
}

#footer-left {
    margin-top:5px;
    float:left;
}

#footer-right {
    margin-top:5px;
    float:right;
    text-align:right;
}



/* end FOOTER */


/* DIFFERENT STYLES */

br.clear, .clear-tab {
    clear:both;
}

.unsubscribe {
    font-size: 130%;
    text-align: center;
    margin-top: 40px;
}

/* end DIFFERENT STYLES */