@import url(navigation.css);
@import url(reports.css);
@import url(news.css);

body {
	margin: 0;
	padding: 0;
	background:#004793 url(../images/bodyBg.gif) 0px 81px repeat-x;/*B3D861 C5D7A3 C2D98A*/
	text-align: left;
	font: small "Lucida Grande",Geneva,Verdana, Arial, Helvetica, sans-serif;
}

/*
:::::::::::::::::::::::::::::::: General :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
a{
	text-decoration:underline;
	/*font-family: "Lucida Grande",Geneva,Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	font-style:italic;
}
a:link{color:#C85910;}
a:visited{color:#878C87;/*FFBA00*/}
.noVisited:visited{color:#C85910;}
a:hover{
	color:#6E9ECF;
}
p, li {
	line-height: 140%;
	font-family:"Lucida Grande",Verdana,Geneva, Arial, Helvetica, sans-serif;
}

div{
	margin:0;
	padding:0;
}

li {
	list-style-image: url(../images/bullet.gif);
	padding-bottom: 5px;
}

.msg {
	color : #004793;
	font-weight : bold;
}

.error {
	color : #B22222;
	font-weight : bold;
}

.warning {
	color:#ff9900;
	font-weight : bold;
}


h1, h2, h3, h4, h5 {
	font-family: Arial,Helvetica,sans-serif;
}

#pageHeader {
	top: 0px;
	height: 55px;
	left: 20px;
	padding-left: 20px;
	background : url(../images/logo.jpg) no-repeat;
}
#pageHeader h1, #pageHeader h2 {
	margin: 0;
	padding: 0;
	display: none;
	font-size: medium;
}
#head {
	margin: 0;
	padding: 0;
	height: 81px;
	background : url(../images/bg_top_nav.jpg) repeat-x;
}

.bottomlined {
	border-bottom: 1px #b1b1b1 solid;
}

.block {
	margin: 10px;
}

#main, #mainTour{
	clear:both;
	width: 760px;
	display:block;
	background-color:#F6F6F6;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display : block;
	padding-top: 20px;
	border-bottom: 1px #CCC solid;
	border-left:2px #00317A solid;
	border-right:2px #00317A solid;
	border-bottom: 2px #00317A solid;
	border-top:none;
	margin-bottom:30px;
	padding-bottom:0px;
}
#mainTour{ width:830px;}
h2 {
	font-size: large;
	color: #525252;
}

#main h4, #main h5,#homeContainer,#tourContainer, #contactContainer,#container, #main p, #main h2, #main table {
	margin-left:10px;
	margin-right:10px;
}
h3{margin:0;}
h4{
	margin-bottom: 6px;
	font-size: medium;
	color: #00317A;
}

h5{
	margin-bottom:2px;
	margin-top: 5px;
	font-size: small;
}

h4 a{
	color: #00317A;
	text-decoration: none;
	border-bottom : 1px dotted #666666;
	line-height:1.5em;
}
h4 a:link{color: #00317A;}
h4 a:visited{color: #878C87;}
h4 a:hover{color: #0D250D;}

h3 span{
	display: none;
}

#container, #homeContainer,#tourContainer, #contactContainer{
	width: 720px;
	border:1px solid #C2C2C2;
	background:#f1f1f1;
	padding:0;
	margin-top:0;
}
#tourContainer{width: 778px;}
#tourContainer h3{background:url(../images/MMSTourTitle.jpg) no-repeat; height:42px;}
/*:::::::::::::::::::::::::::::::: HOME :::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#homeContainer{
	background:url(../images/homeContBg.jpg) repeat-y;
}
#advancedHome
{
	background:url(../images/advancedHome.jpg) no-repeat;
	width:474px;
	float:left;
	margin:0;
}
#advancedHome ul {
	padding-right:10px;
}
#movie{height:222px;}
#advancedHome h3{height:42px;}

#homeContainer object{display:inherit; margin:0;}

#advancedHome li {
	padding-bottom: 10px;
}

/*:::::::::::::::::::::::::::::::: aboutMenu :::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#aboutMenu
{
	background: url(../images/aboutBg2.jpg) no-repeat;
	width: 720px;
	height: 218px;
	display:block;
	margin:0;
	padding:0;
}
#aboutImg{
	background: url(../images/aboutPreview.jpg) bottom left no-repeat;
	float:right;
	display:block;
	padding:0;
	/*
	width:234px;
	height:174px;*/
	top:54px;
	right:50px;
	border:1px solid #FFD051;
	width:184px;
	height:119px;
	position:relative;
}
#aboutMenu ul{ 
	margin: 0 0 0 200px;
	padding: 50px 0 0 0px;
	display:block;
	width:230px;
	
}
#aboutMenu li{
	list-style-type: none;
	list-style-image: none;
	display:block;
	padding-top:0;
	padding-bottom:0;
	font-family:  Arial, "Lucida Grande",Geneva,Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
	height:25px;
	clear:left;
	/*border:1px solid #fff;*/
}
.menuliselected
{
	padding-left:15px;
	background: url(../images/bulletOverWhite.gif) 0px 4px no-repeat;
	color: #FFF0C9;
}
#aboutMenu a{
	display:block;
	padding: 0 0 0 15px;
	height:25px;
	margin:0;
	color: #5A1005;
	text-decoration: none;
	background: url(../images/bulletRed.gif) 2px 4px no-repeat;
	/*border:1px solid #000;*/
	float:left;
	
}
#aboutMenu a:hover{
	color: #FFF0C9;
	background: url(../images/bulletOverWhite.gif) 0px 4px no-repeat;
}
/*
:::::::::::::::::::::::::::::::: about body :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#aboutus{
	background : url(../images/aboutTitle.jpg) no-repeat;
	display:block;
	height:42px;
	/*padding-bottom:11px;*/
}
#mission{
	background : url(../images/missionTitle.jpg) no-repeat;
	display:block;
	height:42px;
}
#nathan{
	float:left;
	padding-right:10px;
}
#facility{
	background : url(../images/facilityTitle.jpg) no-repeat;
	display:block;
	height:42px;
}
#metalmanagement{
	background : url(../images/mmsTitle.jpg) no-repeat;
	display:block;
	height:42px;
}
/*
:::::::::::::::::::::::::::::::: USER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
#main #user{
	margin-right:30px;
	/*float:right;*/
}
.usercontact{
	padding-right:50px;
}
.floated_r{
	float:right;
}
#user{
	margin-right: 0px;
	text-align: right;
	font-size: small;
	font-weight: bold;
	color: #666;
	margin-bottom:4px;
}
#user span{
	font-size: x-small;
	text-transform: none;
	font-weight: normal;
}

/*
:::::::::::::::::::::::::::::::: CONTACT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
#contactform{
	text-align: left;
	background : url(../images/contactBg.jpg) no-repeat;
	padding-top:168px;
}
#contactform h3{
	background : url(../images/contactTitle.jpg) no-repeat;
	display:block;
	height:42px;
	margin:0;
	padding:0;
	margin-bottom:15px
}
#contactInfo{
	width:250px;
	height:0px;
	margin:0px 25px 10px 5px;
	float:left;
	text-align: right;
	display:inline;
}
#contactContainer{background:#EDEDED url(../images/contact_green_bg.gif) 225px 0px repeat-y;}
#contactInfo p
{
	display:block;
	padding:10px;
	border-bottom:1px solid #6AA0CF;
	border-right:1px solid #6AA0CF;
	background:#F1F1F1;
	font-size:.85em;
}
#contactform h5
{
	margin-left:0px;
}
#contactform form
{
	margin:0px 20px 20px 0px;
	padding-left:20px;
	float:right;
}

label{
	display: block;
	font-size:0.85em;
	font-weight: bold;
}
#body, #from, #contactform p.error, #contactform p.msg{
	width:380px;
}

textarea, input
{
	border:1px solid #ccc;
	background:#EBF3FB;
	border-bottom-color:#BAD1F0;
	border-right-color:#BAD1F0;
	border-left-color:#6AA0CF;
	border-top-color:#6AA0CF;
}
textarea:hover, input:hover
{
	background:#D0E7F6;
	/*groove ridge outset dashed dotted double*/
	
}
textarea:focus, input:focus
{
	border:1px solid #004793;
	background:#fff;
	border-bottom-color:#BAD1F0;
	border-right-color:#BAD1F0;
	border-left-color:#6AA0CF;
	border-top-color:#6AA0CF;
}
#texinputs{
	clear:both;
}
#sendbutton, #loginbutton
{
	border:1px solid #004793;
	border-bottom-color:#6AA0CF;
	border-right-color:#6AA0CF;
	border-left-color:#BAD1F0;
	border-top-color:#BAD1F0;
	background:#fff;
	padding:2px 10px;
}
#sendbutton:hover 
{
	background:#D0E7F6;
}
#contactform p{
	margin-left:50px;
	margin-right:0px;
}
/*
:::::::::::::::::::::::::::::::: LOGIN :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
#loginbutton{
	margin-left:150px;
	margin-bottom:15px;
}
#loginform{
	padding:0px;
	margin:0px;
}
#loginInfo
{
	width:100%;
	background:url(../images/accountTitle.jpg) no-repeat;
	margin:0;
}
#loginInfo h3{height:42px;}
#loginInfo #taketour
{
	display:block;
	width:172px;
	height:48px;
	background:url(../images/takeTour.jpg) top left no-repeat;
}
#loginInfo a:hover#taketour {background:url(../images/takeTour.jpg) bottom left no-repeat;}
#loginInfo a span{display:none;}
#login{
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-bottom:3px;
	padding-top:3px;
	margin-left:30px;
	margin-right:30px;
}
#loginform p{
	padding:2px;
	margin:0px;
}
#login p{
	padding:5px;
	margin:0px;
}
#myaccount{
	width:245px;
	float:right;
	margin:0;
}
#myaccount .error, #myaccount .msg{
	margin-left:30px;
}
#myaccount h3{
	margin:0px;
	padding:0px;
	background : url(../images/loginTitle.jpg) no-repeat;
	height:42px;
}
/*
:::::::::::::::::::::::::::::::: MY ACCOUNT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
#graf{
	padding-left:30px;
	padding-right:30px;
}
#titleGraf span{
	font-size: medium;
	color: black;
}
#titleGraf{
	margin-bottom: 8px;
}

/* 
:::::::::::::::::::::::::::::::: FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
#footer{
	clear:both;
	bottom:0px;
	display:block;
	background:#ddd url(../images/blueinstant_bg.gif) repeat-x;
	text-align:center;
	border-top: 1px #B7C99C solid;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:20px;
	height:27px;
}
#footer a{
	color:#444;
	text-decoration: none;
	font: normal x-small Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/blueinstant.jpg) center center no-repeat;
	display:block;
	height:27px;
	margin:0;
}
#footer a span{display:none;}
#footer p{
	margin:0px;
	padding:0px;
}


#innerUnder{
	margin:30px;
	padding:20px;
	font-size:large;
}
#under{
	width:300px;
	margin-bottom:400px;
}

#clear{clear:both;}