@charset "utf-8";
/* CSS Document */
body{
	margin:0px; padding:0px;
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; color:#8a909e;
}
h1 {
	margin:0px 0px 15px 0px; padding:0px;
	font-size:22px; font-weight:bold;
	color:#000000;
}
h2 {
	margin:0px 0px 15px 0px; padding:0px;
	font-size:19px; font-weight:bold;
	color:#666666;
}
h3 {
	margin:0px 0px 15px 0px; padding:0px;
	font-size:16px; font-weight:bold;
	color:#333333;
}
h4 {
	margin:0px 0px 15px 0px; padding:0px;
	font-size:16px; font-weight:bold;
	color:#999999;
}
p  {
	margin:0px 0px 10px 0px; padding:0px;
	font-size:12px;
}
table {
	margin::0px; padding:0px;
	font-size:12px;
}
a:link, a:visited {
	color:#000000; text-decoration:underline;
}
a:hover, a:active {
	color:#3366cc; text-decoration:underline;
}
ul, ol {
	margin:0px; padding:1em 1em 1em 2em;
}
img {
	border:none;
}
.h1-style2 {
	font-size:32px; font-weight:bold;
	color:#000000;
}
.h2-style2 {
	font-size:26px; font-weight:bold;
	color:#000000;
}
.h1-style3 {
	margin:0px;
	font-size:32px; font-weight:bold;
	color:#000000;
}
.h2-style3 {
	margin:0px;
	font-size:18px; font-weight:bold;
	color:#000000;
}

/*** body of parent page ***/
.main {text-align:center;}

/*** main containers and clear ***/
/*********************************/
.clear {
	width:100%; height:1px;
	margin:0px; padding:0px;
	display:block; overflow:hidden;
	clear:both;
}
.main-wrapper {
	width:940px; height:100%;
	margin:10px auto 10px auto; padding:0px;
	text-align:left;
}
.wrapper {
	width:920px; height:100%;
	margin:10px; padding:0px;
}

/*** inside main-content ***/
/***************************/
.main-content {
	width:920px;
	margin:0px; padding:0px;
	background-image:url('images/content_middle_bg.jpg');
	background-repeat:repeat-y;
}
.content-top, .content-bottom {
	width:920px; height:30px;
	margin:0px; padding:0px;
	background-image:url('images/content_top_bg.jpg');
	background-repeat:no-repeat;
}
.content-bottom {
	background-image:url('images/content_bottom_bg.jpg');
}
.content-middle {
	width:850px;
	margin:0px 37px 10px 33px; padding:0px;
}
.content-lftcol, .content-rgtcol {
	width:410px;
	margin:0px 0px 0px 33px; padding:0px;
	float:left; display:inline;
	text-align:justify;
}
.content-rgtcol {
	margin:0px 33px 0px 30px; padding:0px;
}
.submit-form {
	width:550px;
	margin:0px 0px 0px 33px; padding:0px;
	float:left; display:inline;
}
.submit-info {
	width:245px; height:500px;
	margin:0px 33px 0px 30px; padding:10px;
	float:left; display:inline;
	border-left:1px #999999 solid;
}
.main-content .top {
	margin:20px 0px; padding:0px;
	font-weight:bold;
	text-align:right;
}
.main-content .quote {
	font-size:14px; font-weight:bold;
}
.main-content .terms {
	margin:0px; padding:1em 1em 1em 3em;
}
.main-content .terms h2 {
	margin:10px 0px 10px -2em; padding:0px;
}
.main-content .facts-box {
	width:100%;
	margin:0px 0px 15px 0px; padding:0px;
	border-bottom:1px #DDDDDD solid;
}
.main-content .facts-pic {
	width:150px;
	margin:0px; padding:0px;
	float:left; display:inline;
	color:#000000;
	font-weight:bold;
	text-align:center;
}
.main-content .facts-text {
	width:250px;
	margin:0px 0px 0px 10px; padding:0px;
	float:left; display:inline;
}
.main-content .proj-title {
	width:50%;
	margin:0px 0px 15px 0px; padding:0px;
	border-bottom:1px #000000 solid;
	font-size:16px; color:#000000;
	font-weight:bold;
}
.main-content .proj-dcrpt {
	width:390px; height:350px;
	margin:0px 10px 0px 10px; padding:0px;
	border:1px #DDDDDD solid;
	overflow-y:auto;
}
/*.main-content .other-photos img {
	margin:5px; padding:0px;
}*/

/*** inside panel-content ***/
/****************************/
.panel-content {
	width:900px;
	margin:10px 10px 0px 10px; padding:0px;
}
.panel-content iframe {
	width:100%; height:550px;
	margin:0px; padding:0px;
}
.panel-lftcol {
	width:640px;
	margin:10px 0xp 10px 8px; padding:0px;
	float:left; display:inline;
}
.panel-rgtcol {
	width:230px;
	margin:10px 8xp 10px 8px; padding:0px;
	float:left; display:inline;
	border-left:1px #999999 solid;
}

/*** inside idea-box ***/
/***********************/
.idea-box {
	width:310px;
	margin:5px; padding:0px;
}
.idea-pic {
	width:126px; height:96px;
	margin:0px 5px 0px 0px; padding:0px;
	float:left; display:inline;
	text-align:center;
}
.idea-pic img {
	margin:2px;
}
.idea-pic .pic-bg {
	width:124px;
	margin:auto; padding:0px;
	border:1px #DDDDDD solid;
}
.idea-text {
	width:170px;
	margin:0px; padding:0px;
	float:left; display:inline;
}
.idea-text .proj-name {
	margin:0px; padding:0px;
	color:#000000;
	font-weight:bold;
}
.idea-text .participant {
	margin:10px 0px; padding:0px;
	color:#333333;
}
.idea-text .upload-date {
	margin:20px 0px; padding:0px;
	color:#999999;
	font-size:10px;
}
.info-box {
	margin:10px 0px 10px 10px; padding:0px;
	text-align:justify;
}

/*** inside header, top-nav and slider ***/
/*****************************************/
.header {
	width:895px; height:50px;
	margin:0px 13px 0px 12px; padding:0px;
}
.top-nav {
	width:895px; height:35px;
	margin:0px 13px 0px 12px; padding:0px;
}
.slider {
	width:895px; height:100px;
	margin:10px 13px 10px 12px; padding:0px;
}
.header iframe, .top-nav iframe, .slider iframe {
	width:100%; height:100%;
	margin:0px; padding:0px;
}
.top-info {
	width:893px; height:150px;
	margin:10px 13px 0px 12px; padding:0px;
	border:1px #DDDDDD solid;
}

/*** inside time-line ***/
/************************/
.time-line {
	width:895px;
	margin:0px 13px 0px 12px; padding:0px;
}
.time-line img {
	border:1px #DDDDDD solid;
}

/*** inside footer ***/
/*********************/
.footer {
	width:100%;
	margin:10px 0px; padding:0px;
	border-top:1px #DDDDDD solid; 
	text-align:center;
}