/*==================*/
/*      COMMON      */

*{border: 0px; margin: 0px; padding: 0px;}
.content{ margin: 5px;}
a{text-decoration: none;}
a:hover{background-color: #eeeeee;}
sup {vertical-align: text-top; font-size: 80%;}
/**********************************/
/*            TEXT                */
h2{color: #ffffff; font-size: 18px; font-weight: 500; line-height: 18px;}

.blue_text{color: #87abcf;}
.grey_text{color: #666666;}
.orange_text{color: #cc6633;}
.align_right {width: 100%; text-align: right;}

/************************************/
/*            TOP PANEL             */
.top_panel{
	position: relative;
	width: 708px; 
	margin: 15px;
}

/***********************************/
/*           LIGHT PANEL            */
.light_panel{
	width: 706px; 
	border: 1px solid #bababa;
	margin:0px 15px 15px 15px;
	color:#666666;
	}

/* HEADER */

.light_panel .panel_header {
	width: 704px;
	border: 1px solid white;	
	background-color: #e2e2e2;
}

.light_panel .panel_header h3 {
	margin: 8px;
	font-size: 14px;
}

/* BODY */

.light_panel .panel_body{
	margin: 0px 1px 1px 1px;
	background-color: white;
	border: 1px solid #e2e2e2;		
	border-top: 1px solid #bababa;
	height: 100%;
}

.light_panel .panel_body .related_resources{
	width: 361px;
	margin-left: 50px;
	margin-top: 20px; 
	margin-bottom: 20px;
}

.light_panel .panel_body .related_resources a{
	font-weight: bold;
}
	
.light_panel .panel_body .related_resources h3{
	font-size: 14px;
	font-weight: bold;
}
		
/***********************************/
/*           DARK PANEL            */

.dark_panel {
	width: 706px;
	/* height: 292px; */
	border: 1px solid #555555;
	margin: 0px 15px 15px 15px;
}

.dark_panel .panel_header {
	width: 704px;
	background-color: #555555;
	border: 1px solid #555555;
}

.dark_panel .panel_header h2 {
	margin: 8px;
}
	
/* PANEL BODY */

.dark_panel .panel_body {
	border: 1px solid #b5b5b5;
	margin: 1px;
	width: 702px;
	/* height: 257px; */
}

.dark_panel .panel_body .main_image {
	float: left;
}

a .orange_text {
	margin: 23px;
	font-weight: 800;
}

.main_image {
	margin: 23px 0 23px 23px;
}

/* DESCRIPTION */

.dark_panel .panel_body .description {
	width: 230px;
	margin-top: 36px;
	float: left;
}

.dark_panel .panel_body .description h2 {
	font-weight: 800;
	color: #666666;
	margin-bottom: 10px;
}

.dark_panel .panel_body .description p {
	font-weight: 800;
	font-size: 11px;
	color: #666666;
	margin-bottom: 10px;
}

.dark_panel .panel_body .description li {
	list-style-type: disc;
	margin-left: 20px;
	font-weight: 800;
	font-size: 11px;
	color: #666666;	
}		
	
/* FEATURED */

.dark_panel .panel_body .featured {
	margin-top: 10px;
	border-left: 1px solid #666666;	
	width: 240px;
	float: left;
}

.dark_panel .panel_body .featured img {
	margin-left: 10px;
}

.featured_project {
	float: left;
}

.featured_project img {
	margin: 10px 10px 5px 10px;
	float: left;
}

.featured_project p {
	margin-top: 10px;
	color: #666666;
	float: left;
	width: 130px;
}

/*========================*/
/*      FLOATING BOX      */

#floatingbox {
	position: absolute;
	top: 13px;
	left: 14px;
	width: 221px;
}
	
.floatingbox_content{
	background-color: #111111;
	width: 100%;
	margin-bottom: 2px;
	border: 0px solid #555555;
	padding: 1px;
	
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	z-index: 1000;
}
	
.floatingbox_content p {
	color: #ffffff;
	font-size: 12px;
	line-height: 15px;
}

.floatingbox_content h2 {
	margin-bottom: 10px;
}

.floatingbox_content a {
	font-size: 11px;
	font-weight: 800;
	margin: 3px;
	text-decoration: none;
}