﻿

#logo {
	background-color: #0e89c7;
	height: 140px;
	width: 175px;
	float: left
}
#SpacerH {
	background-color: #ffffff;
	height: 140px;
	width: 5px;
	float: left;
}
#SpacerV {
	background-color: #666666;
	height: 5px;
	width: 900px;
}
#SpacerV1 {
	background-color: #666666;
	height: 5px;
	width: 50px;
}
#Top_Left {
	background-color:#f8f8f8;
	width:535px;
	font-family:verdana;
	font-size: 9pt;
	color: #585858;	
	line-height: 15px;
	float:left;
	
}
#SpacerH_ {
	background-color:#ffffff;
	height: 485px;
	width: 5px;
	float: left;
}
#Top_Right {
	background-color:#f8f8f8;
	width:360px;
	font-family:verdana;
	font-size: 9pt;
	color: #585858;	
	float:left;
	
}
#Top_Right, #Top_Left {
	height: 570px;
}
.r-boxevents{
    background-color: #a7b3c0;;
    height: 365px;
	width: 355px;
    margin:0px;


}

#Middle_Left {
	background-color:#f8f8f8;
	height:150px;	
	width:535px;
	font-family:verdana;
	font-size: 9pt;
	color: #585858;	
	line-height: 15px;
	float:left;
	
}
#SpacerH- {
	background-color: #ffffff;
	height: 150px;
	width: 5px;
	float: left;
}
#Middle_Right {
	background-color:#f8f8f8;
	height:150px;	
	width:355px;
	font-family:verdana;
	font-size: 9pt;
	color: #585858;	
	line-height: 15px;
	float:left;
	
}

#Bottom_Left {
	background-color:#f8f8f8;
	height:200px;	
	width:535px;
	font-family:verdana;
	font-size: 9pt;
	color: #585858;	
	line-height: 15px;
	float:left;
	
}

}
#Bottom_Right {
	background-color:#f8f8f8;
	height:2000px;	
	width:360px;
	font-family:verdana;
	font-size: 9pt;
	color: #585858;	
	line-height: 15px;
	float:left;
	
}


.imgteaser {
	margin: 0px;
	overflow: hidden;
	float: left;
	position: relative;
}

.imgteaser a {
	text-decoration: none;
	float: center;
	position: relative;
}

.imgteaser a:hover {
	cursor: pointer;
}


.imgteaser a:hover .desc{
	display: block;
	font-size: 7.5pt; 
	padding: 0;
	background-image: url('http://www.itu.int/osg/csd/cybersecurity/gca/images/white.GIF'); 
	filter:alpha(opacity=80);
	opacity:.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/	
	position: absolute;	
	bottom: 2px;
	left: 0px;
	padding-bottom:5px;
	
	margin: 0;
        width: 175px; /*--Since you have 10px on each side, you should subtract from your total width--*/
	border-top: 0px solid #ffff;
        text-align: center; /*--When hovered you want to go back to text align left *see .imgteaser a --*/
}


.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 0px;
	font-size:10pt;
}
.imgteaser a{
text-align: right; /*--Since your using absolute positioning to thr right, maybe text-align right would be good so when it bumps down to the next line you can achieve consistency--*/
}
.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}



.r-title {
	 
	height: 23px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-transform: Uppercase;
	text-align:left;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 2px;
		
}

.r-titleMore {
	

  
	height: 25px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0e89c7;
	font-weight: bold;
	text-transform: Uppercase;
	text-align:right;
	float: right;	
	padding-right: 10px;
	padding-top: 2px;
		
}

.r-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-align: justify;
}


p{
text-align: justify;
font-family:verdana;
font-size: 8.5pt; 
line-height:1.5em;
}


.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:360;
  padding:0px;
}

.AccordionTitle
{
  height:25px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('title_repeater.jpg');
  -moz-user-select:none;
  background-color: #f8f8f8;
}

.AccordionContent
{
  height:0px;
  overflow:hidden;
  display:none; 
  background-color: #ffffff;
  width: 355px;
  height: 238px; 
  text-align:left;

}

.AccordionContainer
{
  border-top: solid 0px #666666;
  border-bottom: solid 0px #C1C1C1;
  border-left: solid 0px #666666;
  border-right: solid 0px #C1C1C1;
  background-color:#666666;
 
}
#spacer{

	background-color: #666666;
	height: 5px;
	width: 360px;
    line-height: 0px;
    margin:0px; 
    padding:0px;

}
#banner{
    height: 25px;
	width: 465px;
	background-image: url("Images_ALC5/banner.jpg");
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0e89c7;
	text-align:left;
	text-transform: Uppercase;
	padding-top: 5px;
	padding-left: 10px;
}
#footer{
    	
	valign:top;
	color: #585858;
	text-align:center;
	padding-top: 5px;
	font-family:verdana;
font-size: 7.5pt; 
line-height:1.5em;
left-padding:5px;
right-padding:5px;

text-align: center; margin-left: 5px; margin-right: 5px
	
}
p.text {line-height:1.5em;
text-align:left;}