/* MAIN CSS */

html, body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
} 


h1{
	font-family: Arial, sans-serif;
	font-variant: small-caps;
	font-size: 22px;
	font-weight: bold;
	color: #a4b6d5;	
	border-bottom: 1px solid #a4b6d5;	
	text-align: center;
	line-height: 1;
	
	margin: 0 0 12px 0;
	padding-right: 17px;
	padding-bottom: 5px;
}

p{
	margin: 0;
	padding: 3px 0 3px 0;
	text-indent: 15px;
}

a{
	font-weight: bold;
	color: #329ffb;
}
a:hover{
	color: #4C787E; 
}

#main_container{
	/* width: 913px; */
	width: 964px; 
	
	height: 630px;
	
	padding-left: 15px;
	padding-top: 20px;
	margin: 25px auto 0 auto;
	position: relative;
}
.auto_height{
	height: auto !important;
}

#content_left_box1{
	float: left;
	width: 654px;
	height: 326px;
	margin-right: 15px;
	
	position: relative;
	/* border: 1px solid #000000; */
}
#content_left_box2{
	float: left;
	clear: left;
	width: 593px;
	/*
	height: 243px;
	*/
	margin-right: 15px;
	margin-bottom: 13px;
	
	position: relative;
	/* border: 1px solid #000000; */
}

#content_right_box{
	margin: 0;
	padding: 0;
}

.main_content{
	margin: 0;
	padding: 0 15px 20px 0;
	line-height: 1.4;
}

#logo{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
#logo img{
	border: 0px;
	width: 290px;
	height: 84px;
}

#menu_img1{
	position: absolute;
	top: 85px;
	left: 0px;	
	z-index: 1;
}
#menu_img1 img{
	width: 370px;
	height: 240px;
	border: 1px solid #a4b6d5;
}
/*
#menu_img1_regular{
	
}
#menu_img1_regular img{
	width: 370px;
	height: 240px;
	border: 1px solid #a4b6d5;
}
*/
#menu_img2{
	position: absolute;
	top: 0px;
	left: 371px;
	z-index: 1;
}
#menu_img2 img{
	width: 280px;
	height: 324px;
	border: 1px solid #a4b6d5;
}

#menu_img3{
	position: absolute;
	top: 0px;
	left: 220px;
	z-index: 1;
}
#menu_img3 img{
	position: absolute;
	top: -1px;
	width: 370px;
	height: 241px;
	border: 1px solid #a4b6d5;
}

img.active_menu_image{
	border: 1px solid #000000 !important;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
}

/*
#menu_img1 a:hover img{
	border: 1px solid #46C7C7;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}
#menu_img2 a:hover img{
	border: 1px solid #46C7C7;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}
#menu_img3 a:hover img{
	border: 1px solid #46C7C7;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}
*/

#footer{
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 15px 0;
	color: #a4b6d5;
}

#right_edge_inside{
	border-right: 1px solid #a4b6d5;
	border-bottom: 1px solid #a4b6d5;
	
	width: 60%;
	height: 100%;
	position: absolute;
	bottom: 6px;
	right: 6px;
	z-index: -1;
}
#right_edge_outside{
	border-right: 1px solid #a4b6d5;
	border-bottom: 1px solid #a4b6d5;
	
	width: 100%;
	height: 45%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: -1;
}

#left_edge_inside{
	border-left: 1px solid #a4b6d5;
	border-top: 1px solid #a4b6d5;
	
	width: 60%;
	height: 100%;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: -1;
}
#left_edge_outside{
	border-left: 1px solid #a4b6d5;
	border-top: 1px solid #a4b6d5;
	
	width: 100%;
	height: 45%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

/* LEFT NAV */
#left_nav{
	width: 220px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 1px 0 0 0;
	padding: 0;
	/*
	border-collapse: collapse;
	height: 100%;
	*/
}

#left_nav td{
	border: 2px solid #a4b6d5;
	height: 25%;
}

#left_nav a{
	text-decoration: none;
	/*
	color: #000000;
	color: #2B3856;
	color: #380000;
	*/
	color: #080808;
	display: block;
	height: 100%;
}
#left_nav a:hover{
	color: #c32136;
	/*
	background-color: #2a2a2a;
	background-color: #b0b9d2;
	*/
}

#left_nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#left_nav ul li{
	border-left: 2px solid #a4b6d5;
	border-right: 2px solid #a4b6d5;
	border-bottom: 2px solid #a4b6d5;
	/*padding: 11px 0 11px 8px; */
	/* height: 58px; */
	height: 46px;
}
#left_nav ul li.first{
	border-top: 2px solid #a4b6d5;
}
#left_nav ul li.active a{
	color: #c32136;
}

#left_nav div{
	padding: 13px 0 0 10px;
}

#left_nav div.two_lines{
	padding-top: 4px;
}

#left_nav div.indented{
	padding: 0 0 0 32px;
}

/* SECONDARY PAGES  */
#top_left_container{	
	float: left;
	width: 371px;
	height: 326px;
	margin-right: 15px;
	border-right: 1px solid #a4b6d5;
	
	position: relative;
	z-index: 1;
}
#top_left_container1{	
	float: left;
	width: 301px;
	height: 85px;
	margin-right: 15px;
	border-right: 1px solid #a4b6d5;
	
	position: relative;
	z-index: 1;
}

#top_right_container{
	
}
#top_right_container h1{
	text-align: left;
}

#bottom_right_img{
	width: 282px;
	height: 326px;
	position: absolute;
	
	right: 13px;
	bottom: 23px;
	
}
#bottom_right_img img{
	width: 280px;
	height: 324px;
	border: 1px solid #a4b6d5;
}

#bottom_container{
	float: left;
	clear: left;
	width: 668px;
	padding-bottom: 10px;	
	
	position: relative;
	z-index: 1;
	
	height: 290px;
}
#bottom_left_container{
	float: left;
	width: 220px;
	margin-right: 15px;
}
#bottom_right_container{
	border-top: 1px solid #a4b6d5;
	margin: 0;
	padding: 10px 0 0 0;
}
#bottom_right_container h2{
	font-family: Arial, sans-serif;
	font-variant: small-caps;
	font-size: 22px;
	font-weight: bold;
	color: #a4b6d5;	
	text-align: left;
	line-height: 1;
	
	margin: 0;
	padding-right: 17px;
	padding-bottom: 5px;
}

/* REGULAR PAGES */
#bottom_container_regular{
	float: left;
	clear: left;
	width: 220px;
	
	padding-bottom: 13px;
	margin-right: 15px;
	
	position: relative;
	z-index: 1;
}

/* NEWS */
.news_container p{
	text-indent: 0;
}
.news_article{
	padding-bottom: 15px;
}
.news_title{
	font-size: 13px;
	font-weight: bold;
	color: #3333FF;
}
.news_title_big{
	font-size: 17px;
	font-weight: bold;
	color: #329ffb;
}
.news_title a{
	/*
	color: #3333FF;
	*/
}
.news_date{
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 4px;
	/*
	color: #080808;
	*/
	color: #a4b6d5;
}
.news_abstract{

}

/* PROJECTS */
.projects_container{
	
}
.project{
	
}
table.project{
	width: 714px;
	text-align:justify;
	margin-left: auto;
	margin-right: 0;
}
table.project_full{
	width: 100%;
	margin:0;
}
table.project_smaller{
	width: 562px;
	text-align:justify;
	margin-left: auto;
	margin-right: 0;
}
table.project td, table.project_smaller td{
	vertical-align: top;
	padding-bottom: 15px;
}
table.project_full td{
	padding-left: 15px;
}
.project img,
.project_smaller img{
	float: right;
	padding-left: 15px;
	width: 250px;
}
.projects_container a img{
	border: 0px;
}
.project_title{
	font-weight: bold;
	font-size: 13px;
	color: #a4b6d5;
}
.project_subtitle{
	font-style: italic;
	font-size: 13px;
	padding-bottom: 3px;
}