/* CSS Document */
a:link{
	color: #0066FF;
	text-decoration: none;
}
a:visited{
	color: #0066FF;
	text-decoration: none;
}
a:hover{
	color: #0066FF;
	text-decoration: underline;
}
a:active{
	color: #0066FF;
	text-decoration: underline;
}

/*global*/
*{
	margin: 0px;
	padding: 0px;
}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
}

/*global type*/

h1, h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 38px;
	font-weight: normal;
	color: #000000;	
}
p{margin-bottom: 14px;}

/*content type*/
#flashcontent{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}
#htmlcontent{
	position: relative;
	width: 976px;/*1000 in total*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 24px;
}

/*NAVIGATION*/
/*main navigation*/
#main_navigation{
	position: absolute;
	top: 120px;
	width: 648px;
	padding-top: 2px;
}
#main_navigation ul{
	min-height: 374px;
}
#main_navigation li{
	list-style-type: none;
}
#main_navigation a:link{color: #000000;	text-decoration: none;}
#main_navigation a:visited{color:#666666;text-decoration: none;}
#main_navigation a:hover{color: #0066FF;text-decoration: underline;}
#main_navigation a:active{color: #0066FF;text-decoration: underline;}
.new_flag{
	background-image: url(../images/html/new_flag.gif);
	background-repeat: no-repeat;
	background-position: right 12px;	
	padding-right: 46px;
}

/*secundary*/
#sec_navigation{
	position: absolute;
	top: 120px;
	left: 696px;
	width: 200px;
	padding-top: 13px;
}
#sec_navigation_menu{
	background-image: url(../images/html/dotted_line_sec_nav.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-top: 14px;
	padding-bottom: 21px;
}
#sec_navigation_menu li{
	list-style-type: none;
	background-image: url(../images/html/arrow_small_blue.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 6px;
}
#sec_navigation h1, #newsletter h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
#sec_navigation h1{
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
#newsletter{
	padding-top: 7px;
	padding-bottom: 32px;
	background-color: #E5E5E5;
	background-image: url(../images/html/dotted_line_sec_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.textfield{
	width: 196px;
	height: 16px;
	font-size: 10px;
	color: #333333;
	margin-bottom: 4px;
	margin-top: 4px;
}
.button{
	font-size: 10px;
	float: right;
	margin-top: 4px;
	margin-right: -1px
}

/*NO FLASH ALERT*/
#no_flash{
	position: absolute;
	top: 24px;
	width: 828px;
	height: 40px;
	padding-left: 44px;
	background-color: #E5E5E5;
	background-image: url(../images/html/flashlogo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#no_flash h3, #no_flash p{
	font-size: 10px;
	line-height: 12px;
	color: #666666;	
}
#no_flash h3{font-weight: bold; margin-top: 2px;}
#no_flash p{font-weight: normal; margin-bottom: 0px;}

/*FOOTER*/
#footer{
	position:relative;
	color: #999999;
	padding-top: 40px;
	padding-bottom: 32px;
	background-image: url(../images/html/dotted_line_footer.gif);
	background-repeat: no-repeat;
	background-position: left 32px;
}
#footer ul{
	min-height: 0px;
}
#footer li{
	list-style-type: none;
	float: left;
	margin-right: 16px;
}
.rss{
	background-image: url(../images/html/rss_icon.gif);
	background-repeat: no-repeat;
	background-position: left 1px;	
	padding-left: 15px;
}
#footer a:link{color: #999999;text-decoration: none;}
#footer a:visited{color: #999999;text-decoration: none;}
#footer a:hover{color: #999999;text-decoration: underline;}
#footer a:active{color: #0066FF;text-decoration: underline;}

/*BACK BUTTON*/
#back_button{
	position: absolute;
	top: 80px;
	width: 648px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	padding-top: 18px;
}
#back_button a:link{
	color: #000000;
	text-decoration: none;
	background-image: url(../images/html/arrow_back_black.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding-left: 13px;
}
#back_button a:visited{
	color: #000000;
	text-decoration: none;
	background-image: url(../images/html/arrow_back_black.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding-left: 13px;
}
#back_button a:hover{color: #0066FF;text-decoration: underline;background-image: url(../images/html/arrow_back_blue.gif);}
#back_button a:active{color: #0066FF;text-decoration: underline;background-image: url(../images/html/arrow_back_blue.gif);}

/*STATIC*/
#static{
	position: absolute;
	top: 120px;
	width: 424px;
	padding-top: 2px;
}
#static h1{margin-bottom: 1px;}
#static_content{
	position: relative;
	min-height: 390px;
	overflow: visible;
}
#static #footer{
	padding-top: 24px;
	background-position: left 16px;
}

/*PROJECT*/
#project{
	position: absolute;
	top: 120px;
	width: 872px;
	padding-top: 2px;
}
#project #footer{
	padding-top: 24px;
	background-position: left 16px;
}
#project_sub{
	padding-top: 1px;
	padding-bottom: 17px;
}
#project_description{
	position: absolute;
	top: 69px;
	right: 0px;
	width: 200px;
	z-index: 200;
}
#image_1, #image_2, #image_3, #image_4, #image_5{
	position: relative;
	width: 872px;
	height: 432px;
	margin-bottom: 16px;
}
#caption_1, #caption_2, #caption_3, #caption_4, #caption_5{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 200px;
	font-style: italic;
	color: #666666;
	padding-bottom: 1px;
}
.related_link{
	background-image: url(../images/html/arrow_small_blue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 6px;
	display: block;
}
