/* 
	Layout for the different boxes in main.tmpl
*/

/* Header */
#main {
	width:960px;
	height:581px;
	overflow:hidden;
	position:relative;
	z-index:1;
	background-color:#fff;
	padding:0 0 0 10px;
	
}
#header {
	width:960px;
	height:100px;
	text-align:left;
	background:url(../img/header_2.jpg) 150px top no-repeat;
	overflow:hidden;
}
#hLeft {
	width:150px;
	height:85px;
	text-align:center;
	padding-top:15px;
}
#hCenter {
	width:500px;
	height:100px;
	padding:0 20px 0 60px;
}
#hRight {
	width:230px;
	height:25px;
	padding-top:75px;
}

ul.firstLevel a.active {
	border-top:1px solid #fff;
	padding-top:3px;
}

ul.firstLevel {
	margin:80px 0 0 0;
	padding:0;
	list-style-type:none;
}
ul.firstLevel li.firstLevel {
	float:left;
	margin-right:50px;
}

ul.firstLevel a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
div.secondLevel {
	position: relative;
}
div.secondLevel li {
	display: block;
	clear: both;
}
ul.secondLevel {
	position: absolute;
	padding:0;
	margin:0;
	padding-top:10px;
	float:left;
	z-index: 2;
}
ul.secondLevel li {
	display: block;
	float:left;
	margin-right:50px;
}
ul.secondLevel a {
	display:block;
	margin:0;
	width:auto;
	white-space: nowrap;
	overflow: visible;
	color:#666;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
}
ul.secondLevel a:hover,ul.secondLevel a.active {
	color:#003399;
	border:none;
	padding-top:0;
}


#hRight img {
	margin-right:15px;
}
#hRight div {
	float:left;
}
#hRight input {
	width:100px;
	margin-right:5px;
}

/* Content */
#content {
	/*clear:both;*/
	width:810px;
	height:350px;
	margin:40px 0 60px 0;
	text-align:left;
	overflow:auto;
}
#contentBlank {
	overflow:visible;
	background:#fff;
	padding:20px;
	text-align:left;
	width:600px;
        margin-top:20px;
}
/* Height of the content-box */
.fullsize:after, #content:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}
.fullsize, #content {
	display:inline-table; 
}
* html .fullsize { 
	height:1%; 
}
.fullsize, #content {
	display:block; 
}
/* Height end */

#cLeftMenu {
	width:145px;
	height:230px;
	padding:100px 5px 0 0;
	text-align:left;
}
#cLeft {
	width:60px;
	height:330px;
}
#cCenter {
	width:650px;
	height:330px;
	padding:0;
}
#cRight {
	width:60px;
	height:330px;
}
#cLeftMenu ul {
	padding:0;
	margin:0;
}
#cLeftMenu ul a {
	padding:0 0 5px 18px;
	display:block;
	background:url(../img/icon_list.gif) left top no-repeat;
	text-decoration:none;
}
#cLeftMenu div.news a {
	background:none;
	padding:0;
}
div.news {
	margin-top:50px;
}
div.news h1 {
	font-size:12px;
	line-height:25px;
	padding:0;
	margin:0;
	padding-left:5px;
	background:url(../img/bg_news.jpg) left top no-repeat;
	color:#fff;
}
div.news h2 {
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	margin:0;
	padding:0;
}
div.news p {
	margin:0;
	padding:0;
}
ul.submenu {
	padding:0;
	margin:0;
}
ul.submenu a {
	color:#666;
	padding:0 0 7px 20px;
	background:url(../img/arrow_grey.gif) left top no-repeat;
	display:block;
	text-decoration:none;
	line-height:13px;
}
ul.submenu a:hover, ul.submenu a.active {
	color:#003399;
	background:url(../img/arrow_blue.gif) left top no-repeat;
}

div.lightgreen {
	background-color:#D1E0C1;
	padding:0 5px;
}
div.green {
	background-color:#B2D1C1;
	padding:0 5px;
}
div.red {
	background-color:#F0B2B2;
	padding:0 5px;
}
div.orange {
	background-color:#FFD1B2;
	padding:0 5px;
}
div.bordeaux {
	background-color:#E0B2C1;
	padding:0 5px;
}
div.ocker {
	background-color:#F0E0B2;
	padding:0 5px;
}
div.dark {
	background-color:#B2C1C1;
	padding:0 5px;
}
div.blue {
	background-color:#B2C1E0;
	padding:0 5px;
}
dl.newsletter dt {
	background-color:#B2C1E0;
	line-height:20px;
	font-weight:bold;
	margin-top:10px;
	padding-left:5px;
}
dl.newsletter dd {
	border:1px solid #B2C1E0;
	margin:0;
	padding-left:5px;
	line-height:20px;
}

/* Footer */
#footer {
	clear:both;	
	width:810px;
	height:31px;
	padding-left:150px;
	border-top:none;
	overflow:hidden;
}
#fCenter {
	width:790px;
	height:25px;
	padding-top:5px;
	border-top:1px solid #666;
	text-align:left;
	position:relative;
	z-index:2;
	background-color:#fff;
}
#hiddenprojects {
	width:800px;
	height:40px;
	position:absolute;
	margin-top:-40px;
	z-index:1;
}

#hiddenprojects div.project {
	width:180px;
	height:40px;
	margin:0 15px 0 5px;
	background-color:#fff;
}
#hiddenprojects div.hidden {
	position:absolute;
	z-index:6;
	width:180px;
	height:330px;
	margin-top:-330px;
	background-color:#fff;
}
#hiddenprojects h1, #hiddenprojects h1 a {
	width:170px;
	height:25px;
	font-size:10px;
	line-height:25px;
	padding:0 5px 0 5px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
#hiddenprojects img {
	border:1px solid #666;
	width:178px;
	margin-top:1px;
}
#hiddenprojects p {
	width:170px;
	padding:0 5px 5px 5px;
	line-height:13px;
	font-size:10px;
	margin:0;
	background-color:#fff;
	text-align:left;
}
#fullprojects {
	width:800px;
	height:250px;
	position:absolute;
	margin-top:-258px;
	border-top:1px solid #003399;
	z-index:1;
	padding-top:20px;
}
#fullprojects div.project {
	width:180px;
	height:220px;
	margin:0 15px 0 5px;
}
#fullprojects h1 {
	width:170px;
	font-size:10px;
	line-height:25px;
	padding:0 5px 0 5px;
	color:#fff;
	text-align:center;
}
#fullprojects img {
	border:1px solid #666;
	width:178px;
	margin-top:1px;
}
#fullprojects p {
	width:180px;
	padding:0;
	line-height:13px;
	font-size:10px;
	text-align:left;
	margin:0;
	background-color:#fff;
}
#footer a.email {
	background-position:left -3px;
}
.tx-askblinks-pi1 h3 {
	cursor:pointer;
    }