/* CSS Document */

body{
scrollbar-arrow-color: #5592CE;
background-color:#FFFFFF;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

#container{
margin-top:30px;
margin-left:auto;
margin-right:auto;
width:890px;
height:525px;
}

p{
margin:0px;
padding:0px;}

#main{
margin-top:0px;
float:left;
display:inline;
width:890px;
height:485px;
}

/* main nav */
#main_nav{
margin-top:60px;
margin-left:1px;
float:right;
display:inline;
}

.main_nav_link{
padding-left:15px;}

.main_nav_div{
float:left;
display:inline;
margin-left:13px;
}

.main_nav_div a{
background-position:left;
background-repeat:no-repeat;
font-weight:bold;
font-size:12px;
color:#98989C;
text-decoration:none;
}

.main_nav_div a:hover{
color:#444;
}

#footer a{
color:#98989C;
text-decoration:none;
}

#footer a:hover{
color:#444;
}

.main_nav_on{
float:left;
display:inline;
margin-left:13px;
}

.main_nav_on span{
padding-left:15px;
background-position:left;
background-repeat:no-repeat;
font-weight:bold;
font-size:12px;
color:#444;
text-decoration:none;
}

#right_nav_div{
float:right;
display:inline;
}

#right_nav_div a{
color:#CACACA;
font-size:10px;
text-decoration:none;
}

#right_nav_div a:hover{
color:#546FA2;
}

/* content */
#item{
width:500px;
height:350px;
margin-left:30px ;
margin-top:15px ;
}

#left-content{
position: relative; 
text-align:justify;
border:1px solid #ccc;
overflow:auto;
padding:8px 15px 8px 15px;
margin-top:16px;
width:420px;
height:393px;
float:left;
display:inline;
}

#left-content2{
position: relative; 
text-align:justify;
border:1px solid #ccc;
overflow:auto;
padding:8px 15px 8px 15px;
margin-top:16px;
width:550px;
height:393px;
float:left;
display:inline;
}

*html #left-content2{
text-align:left;
}

#pro_item_info{
float:left;
display:inline;
width:524px;}

/**html #left-content{
width:400px;
height:411px;}*/

#right-content{
text-align:left;
border:1px solid #ccc;
overflow:auto;
padding:8px 8px 8px 8px;
margin-top:16px;
width:370px;
height:393px;
float:right;
display:inline;
}


#right-content2{
text-align:left;
border:1px solid #ccc;
overflow:auto;
padding:8px 8px 8px 8px;
margin-top:16px;
width:230px;
height:393px;
float:right;
display:inline;
}

/**html #right-content{
width:400px;
height:411px;}*/

#new_div{
width:390px;}

.award{
margin-bottom:10px;
width:260px;
}

.award_pic{
width:100px;
float:left;
display:inline;
}

.award_text{
width:180px;
float:left;
display:inline;
}

div.off1 {
text-align:justify;
border:1px solid #fff;
width:338px;
padding: 5px;
background: #fff;
}


div.on1 {
text-align:justify;
border:1px solid #ccc;
padding: 5px;
width:338px; 
background: #fafafa;
}

div.off img{
filter:alpha(opacity=90);
-moz-opacity:.9;
opacity:.9;
border:1px solid #fff;
}

div.on img{
border:1px solid #999;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}



div.off {
border:1px solid #fff;
padding: 5px;
background: #fff;
}

div.on {
border:1px solid #ccc;
padding: 5px;
background: #fafafa;
}

.index_news_right{
padding-bottom:10px;
width:240px;
float:left;
display:inline;}

.index_news_pic{
margin-top:3px;
width:95px;
float:left;
display:inline;}

.index_bio_right{
width:100px;
float:left;
display:inline;}

.index_bio_pic{
text-align:left;
width:95px;
float:left;
display:inline;}

#menu-content{
text-align: center;
}

#menu-item{
width:510px;
margin-left:auto;
margin-right:auto;
}

.projects-home{
border:1px solid #ccc;
margin:6px;
padding:3px;
float:left;
display:inline;
width:150px;
}

.menu_off{
border:1px solid #ccc;
margin:6px;
padding:2px ;
float:left;
display:inline;
width:150px;
height:130px;
}

.menu_on{
background: #fafafa;
border:1px solid #aaa;
margin:6px;
padding:2px;
float:left;
display:inline;
width:150px;
height:130px;
}

.menu_on img{
border:1px solid #999;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
margin-top:2px;
margin-bottom:2px;
}

.menu_off img{
filter:alpha(opacity=90);
-moz-opacity:.9;
opacity:.9;
margin-top:2px;
margin-bottom:2px;
border:1px solid #fff;
}

.bio_div{
margin-right:6px;
margin-bottom:2px;
float:left;
display:inline;
text-align:center;
}

/*.projects-home a{
border:1px solid #fff;
background-color:#FFFFFF;

}

.projects-home a:hover{
border:1px solid #ccc;
background-color:#eee;
}*/

#view-all{
text-align:left;
margin:10px 0px 0px 6px;
float:left;
display:inline;
width:400px;
}

/*projects*/

#main_swap_image{
display:inline;
float:left;
}
#swap_thumbs{
display:inline;
float:left;
margin-left:14px;
}
#images_swap_window{
margin-bottom:6px;
display:inline;
float:left;
}
.swap_thumb_image{
margin-bottom:14px;
}

/*logo*/
#logo{
display:none;
}

/*footer*/
#footer{
text-align:right;
width:888px;
float:left;
display:inline;
margin-top:40px;
margin-left:3px;
font-size:9px;
color:#999;
}



#prolinks{
float:left;
display:inline;
margin-bottom:10px;
width:200px;
}

.project-small{
float:left;
display:inline;
margin: 0px 2px 2px 2px;}

.clearfix{
clear:both;}

/* text and links */

.project-small a img{
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
}

.project-small a:hover img{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.swap_thumb_image a img{
filter:alpha(opacity=90);
-moz-opacity:.9;
opacity:.9;
padding:2px;
border:1px solid #ccc;
}

.swap_thumb_image a:hover img{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
padding:2px;
border:1px solid #999;
}

#title{
margin-bottom:6px;}

.title{
margin-bottom:6px;}

img{
border:0px;}

.left{
text-align:left;
margin-left:6px;}


h1{
color: #666;
font-size:15px;
font-weight:bold;
display:inline;
}

h2{
color:#606060;
font-size:13px;
font-weight:bold;
display:inline;
}

h3{
font-size:11px;
color:#546FA2;
display:inline;
}

h4{
font-weight:normal;
font-size:11px;
color:#606060;
display:inline;
}

#bio_link{
text-align:center;
float:left;
display:inline;
margin-right:10px;}

a{
/*color:#546FA2;*/
/*color:#003399;*/
color:#333;
text-decoration:none;
}

a:hover{
color:#999;
text-decoration:none;
}

.darklink a{
letter-spacing:1px;
font-weight:bold;
color:#666;
text-decoration:none;
}

.darklink a:hover{
color:#999;
text-decoration:underline;
}

.article_link a, .blue a{
color:#3151A3;
text-decoration:none;}

.article_link a:hover, .blue a:hover{
color:#274182;
text-decoration:underline;
background-color:#FBFBFF;}

.site{
color:#000;
font-weight:bold;}

/* ADMIN */

#adminNav{
margin-top:60px;
}

#adminNav a:hover{
text-decoration:underline
}

.adminhome .loginform{
	padding:30px;}
	
.forgottenusername, .forgottenpassword, .box{
	margin-bottom:5px;
	margin-left:30px;}
	
.box{
	margin-top:10px;
	margin-bottom:10px;}