﻿html {

	min-width: 770px;
	
}

.clear {
	clear: both;
}


body {

	font: 80% Tahoma, Verdana, Arial, sans-serif; 

	color: rgb(71,50,24);

	line-height: 150%;

	background: #978768 url(images/headerBg.png) repeat-x;
	
	background-position: top left;
	
	text-align:center;
}

		.arc90_linkpic {
			display: none;
			position: absolute;
			left: 0;
			top: 1.5em;
			width: 160px;
			height: 120px;
		}
		.arc90_linkpicIMG {
			padding: 0 4px 4px 0;
			background: url('images/linkpic_shadow.gif') no-repeat right bottom;
			width: 160px;
			height: 120px;
		}			
	

abbr {

	color: #a2562c;

	font-weight: bold;

	cursor: help;

	background-color: inherit;

}

a{
	text-decoration:none;
	
}



#header{
	
	/*width: 692px;*/ height : 120px; background : url(images/branner.png) no-repeat;text-indent:-9999px;
/*	margin:0,0,0,40;*/
	position:relative;
	
}

a#homeLink{
	display:block;
	width:600px;
	height:90px;
}

a#sponsorLink{
	
	display:block;
	width:60px;
	height:50px;
	position:absolute; top: 26px; left:608px;


	
}
a:hover, a#current{
	font-weight:bold;
}

#network-links{
	position:absolute;
	top:10px;
	left:80px;
}


#network-links ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-position:inside;
}

#network-links li{
	border: 1px #473218 solid;
	border-top:0px;	
	display:inline;
	padding:0 10px;
}

#network-links a{
	color:#473218;
}

#network-links .current{
	color:#571B99;
	font-weight:bold;
}


#container {
	
   margin: 0 auto;
   text-align: center;
   width: 100%;
   background:url(images/bodyBg.png) repeat-y;
   
	


}

#content {
	width: 70%;
	min-height:500px;
	float: left;
	padding: 15px 15px 15px 15px;
	text-align: left;
	background: #f0d5b8 url(images/contentBg.png);

	

}

#content a, #footer a{

	font-weight: bold;

	background-color: inherit;
}

#content a:hover, #footer a:hover{
	text-decoration:underline;
	background-color: inherit;}


/* content typography */
div#content {
	font-style:normal;
	letter-spacing:.1em;
	word-spacing:.15em;

}

div#content h3{
	letter-spacing:.1em;
	background:url(images/sectionHeader.png) repeat-x;

}


div#content h4{
	font-style:italic;
	letter-spacing:.1em;

}


div#mission li{
	margin:10px;
	text-align:justify;
}


/*navigation*/

#navigation {
	width: 200px;
	float: left;
	text-align:left;
	
	

	
}

#home{
	width:45px;
	height:20px;
	text-align:center;
	

}

#grid{
	background : #fff url(images/nav1Bg.png);
/*	padding:20px,0,15px,0; */
	text-align:center;

	
}

#network{
	background: #fff url(images/nav2Bg.png);
/*	padding:20px,0,15px,0; */
	text-align:center;

	
}

#sponsors{
	background:white;
	text-align:center;
	min-height:210px;

}

#navigation ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	text-indent: 25px;
	letter-spacing: 1px;
	border-bottom: 1px solid #fff;
	text-align:left;
	
}

#sponsors ul{
	list-style-type: none;
	margin:0;
	padding:0;
	/*line-height:60px;*/
}


#home a{
	text-decoration:none;
	display:block;
	color: #2B2B2B;

	
}
#home a:link, #home a:visited {
	background:rgb(146,97,201);
}

#home a:hover{
	background:#f0d5b8;
}

#home a#current{
	background:#f0d5b8;

}
#grid a,#network li a, #sponsors a {
 	display: block;
 	width: 200px;
 	height: 25px;
}

#grid a:link, #grid a:visited {
	background: url(images/nav1List.png) no-repeat;
	color: #2B2B2B;
	text-decoration: none;
}

#network a:link, #network a:visited {
	background: url(images/nav2List.png) no-repeat;
	color: #2B2B2B;
	text-decoration: none;

	
}

#sponsors a img {
	border:0;
	background-color:white;
	padding-top:30px;
	padding-bottom:30px;

}


#grid a:hover{
	background: url(images/listHover.png);
	color: #2B2B2B;
	font-weight:bold;
	text-decoration: none;
}

 #network a:hover {
	background: url(images/listHover.png);
	color: #2B2B2B;
	font-weight:bold;
	text-decoration: none;
	
}



#grid li a#current, #network li a#current {
	background: url(images/listHover.png);
	color: #2b2b2b;
	font-weight:bold;
	text-decoration: none;
}

#network li a#current, #network li a#current {
	background: url(images/listHover.png);
	color: #2b2b2b;
	font-weight:bold;
	text-decoration: none;
}


/*login*/
#login{
	text-align:center;
	background:white;
	height:150px;
	background: white;
	position:relative;

}

form#loginForm{
	text-align:left;
	background: blue;

	position:absolute; left:15px;top:20px;
	background:white;


}

input#loginButton{
	position:absolute; left: 90px; top:105px;
}

#canarieLogo {
	border:0;
	padding:30px;
	background:white;
}


/*images and site links on the network diagram page*/
#diagramSec {
	position:relative;left:50px;
	width:400px;
	height:300px;
	text-align:center;
	
}

/*img#networkDiagramImg{
	width:100%;
	height:100%;
}*/

#diagramSec a {
	display:block;
	width:100px;
	height:50px;
	color:#2b2b2b;
	
}

#diagramSec a:hover{
	text-decoration:none;
	background:url(images/contentBg.png);
}

a#FedGridSite{
	position:absolute; top:10px;left:150px;
	background:#978768;
}

a#FFSite{
	position:absolute; top:130px;left:10px;
	background:#70B0D9 /*rgb(102,141,217)*/;
}

a#GameXMLSite{
	position:absolute; top:130px;left:150px;
	background:#A7D25C /*rgb(166,209,119)*/;
}

a#MagnetarNETSite{
	position:absolute; top:130px;left:290px;
	background:rgb(146,97,201);

}

a#VESite{
	position:absolute; top:235px;left:40px;
	background:#FF6262;
}

a#VWSite{
	position:absolute; top:235px;left:150px;
	background:#999966;
}

a#MESite{
	position:absolute; top:235px;left:260px;
	background:#66FFFF;
}

/*styles for contact page*/
#contactForm{position:relative;left:140px; width:450px;}
.contactFields{width:400px;}
input#sendBtn {position:relative;left:360px;}


/*footer*/
#footer{
	text-align:center;

}

