/* left column */

#module-title-col { float: left; width: 200px; height: 400px; }
#module-title-col .icon { display: block; width: 200px; height: 30px; margin-bottom: 10px; cursor: pointer; clear: both; }
#module-title-col .icon img { float: left; width: 30px; height: 30px; }
#module-title-col .icon h2 { margin: 5px 0 0 20px; float: left; width: 150px; }
#module-title-col .icon h2 a { color: #386DA3; text-decoration: none; }
#module-title-col .icon h2 a:hover { text-decoration: underline; }

/* right column */

#module-content-col, #articlebox { float: right; width: 675px; min-height: 100px; margin-right: 50px; }

/* right column modules */

#module-content-col .modulebox { float: left; width: 190px; height: 170px; background-color: #fff; border: 1px dashed #888; margin: 10px 0 0 10px; padding: 10px; }
#module-content-col .modulebox h1 { color: #386DA3; font-size: 0.7em; font-weight: bold; margin: 0 0 0.5em; border-bottom: 1px solid #386DA3; }
#module-content-col .modulebox h2 { color: #555; font-size: 0.6em; padding: 0; margin: 0; }
#module-content-col .modulebox .image { width: 190px; height: 90px; background-color: #ddd; margin-bottom: 5px; }

/* article area */

#module-content-col #articlebox { border: 1px dashed #386DA3; float: left; width: 635px; min-height: 100px; margin: 10px 0 10px 10px; padding: 10px; }
#module-content-col #articlebox h1, #module-content-col h1 { color: #386DA3; font-size: 0.75em; font-weight: bold; margin: 0 0 1em; border-bottom: 1px solid #386DA3; width: 100%; }
#module-content-col #articlebox ul { float: left; width: 298px; margin: 10px; }
#module-content-col #articlebox ul li { margin: 0 0 0.5em; }
#module-content-col #articlebox ul li a { font-size: 1.1em; } 

#module-content-col #articlebox .col-left { float: left; width: 313px; background-color: #f9f9f9; }
#module-content-col #articlebox .col-right { float: right; width: 313px; background-color: #f9f9f9; }

#module-content-col #controls { width: 100%; }
#module-content-col #controls a { color: #555; font-size: 0.75em; text-decoration: none; }
#module-content-col #controls a.arrowleft { float: left; width: 100px;margin-left: 15px; }
#module-content-col #controls a.arrowleft span { margin-right: 5px; display: block; float: left; background: white url(../images/arrow_button_left.jpg) no-repeat left top; width: 15px; height: 15px; }
#module-content-col #controls a.arrowleft:hover span { background-position: center top; }
#module-content-col #controls a.arrowleft:active span { background-position: right top; }

#articlebox ul#pagination-controls { list-style-type: none; margin:auto; margin-bottom: 20px; margin-top: 20px; float: none; }
#articlebox ul#pagination-controls li { margin: 3px 5px 0 5px; float: left; width: 10px; height: 10px; overflow: hidden; position: relative; } 
#articlebox ul#pagination-controls li.arrow { margin: 0px 30px 0 30px; width: 15px; height: 15px; }
#articlebox ul#pagination-controls li a img { position: absolute; top: 0px; left: 0px; }

#articlebox ul#pagination-controls li a:hover img { left: -10px; }
#articlebox ul#pagination-controls li a:active img, #articlebox ul#pagination-controls li a.active img { left: -20px; }

#articlebox ul#pagination-controls li.arrow a:hover img { left: -15px; }
#articlebox ul#pagination-controls li.arrow a:active img { left: -30px; }

.filteredOut { opacity: 0.2; filter:alpha(opacity=20); }

.overlay {
	display:none; 
     
    /* growing background image */ 
    background: #fff; 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:20px;
    z-index: 9999;
    
    -moz-box-shadow: 0 0 50px #000; 
    -webkit-box-shadow: 0 0 50px #000; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px;
 
}
#content .overlay h2 span {
	float: right;
	font-size: 0.8em;
}
#content .overlay h2 {
	font-size: 1.2em;
	border-bottom: 1px solid #DEDEDE;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;	
}
.overlay img.overlay_trigger_image {
	max-width: 350px;
	float: right;
	margin: 0 0 15px 15px;
	border: 5px solid #c4d3e4;
}
.overlay div.close {
	background-image:url(../images/apple-close.png);
	position:absolute; right:-10px; top:-10px;
	cursor:pointer;
	height:28px;
	width:28px;
}

.hidden { display: none; }

.overlay dt, .news-item dt { float: left; margin-right: 20px; font-weight: bold; width: 80px; color: #555555; font-size: 0.75em; margin: 0px; padding: 3px 0px; }
.overlay dd, .news-item dd { color: #555555; font-size: 0.75em; margin: 0px; padding: 3px 0px; }
#content .overlay a, #content .news-item a { color: #386DA3; }
#content .overlay a:hover, #content .news-item a:hover  { color: #509AE5; }
img.img_tt {  -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; }