/* CSS Document Geodesy and Geomatics Engineering */


html, body { padding: 0; margin: 0; color: #000; background: #eee ; height:100%; font: .9em Arial, Helvetica, sans-serif;}
h1 {font-size: x-large; text-align: center;}

/* Layout Elements */
#container { width: 770px; margin: 0 auto; }
#masthead {height: 77px; width: 770px; background-color:#02f2f3}
#build {float: left;width: 180px; height: 184px}
#navbase {float:left; width: 240px; height: 184px; background-image:url(../Graphics/navbase.jpeg)}
/* Navigation Stlyes*/
#navbase ul {color: #fff; list-style: none; margin: 8px 8px 0px 8px;} 
#navbase li {position: relative; border-bottom: 1px hidden #fff; ; padding-bottom: 7px; display: block;font-weight: bold;font-size: .9em}
#navbase li a:link {color: #fff; text-decoration: none;  }
#navbase li a:visited {color: #fff; text-decoration: none;}
#navbase li a:active {color: #000; text-decoration: none;}
#navbase li a:hover {color: #c7c7c7; text-decoration: none;}
#navbase li ul { position: absolute; left: 149px;top: 0;display: none;}
#navbase .midsep {color: #c7c7c7; font-weight: bold; padding: 0px; margin:4px 0px 0px 8px;}
#student {float: left; width: 350px; height: 184px;}

/* Secondary Navigation */
#second-nav { list-style: none; display: block; margin: 5px 0px 4px 0px; padding: 0px;}
#second-nav li{ font-weight: bold;}
#second-nav ul { list-style: square; display: block;}
#second-nav ul li{ border-bottom: 1px dotted #CCC; padding: 4px 4px 4px 0px; margin-right: 8px;}

/* News Section */
#news {clear: both; width: 200px; margin: 8px 0px 0px 8px; float:left;}
#news .centeredImage  {text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}
#news .title { font-size: .9em; font-weight: bold;}
#news .posted { font-size: .9em; color: #666666;}
#news a:link {font-size: .9em; color: #d50000; text-decoration: none;}
#news a:visited {font-size: .9em; color: #0000ff; text-decoration: underline;}
#news a:active {font-size: .9em; color: #d50000; text-decoration: underline;}
#news a:hover {font-size: .9em; color: #d50000; text-decoration: underline;}
/* Content Area */
#content {
	width: 770px;
	float:left;
	text-align: justify;
	background-color: #FFF;
	padding: 0px 0px 0px 0px; 
}
#content a:link {color: #cc3333; text-decoration: none;  }
#content a:visited {color: #cc3333; text-decoration: none;}
#content a:active {color: #0000ff; text-decoration: none;}
#content a:hover {color: #0000ff; text-decoration: none;}



/*Form Elements */
input.submit { border: 1px solid #737373; border-top-color: #CCCCCC; border-left-color: #CCCCCC;padding: 4px;background-color: #FFFFFF; color: #3a0000;font-size: 75%;font-weight: bold;font-family: Verdana, Helvetica, Arial, sans-serif;}
input.string { border: 1px solid #737373; border-top-color: #CCCCCC; border-left-color: #CCCCCC;padding: 5px;background-color: #FFFCDC; color: #3a0000;font-size: 75%;font-weight: bold;font-family: Verdana, Helvetica, Arial, sans-serif;}
/* Footer Area */
#footer {clear: both; height: 1px; background: #eee; width: 770px; margin: 10px auto 0;}
#footercopy { float:left; margin: 10px 0px 8px 8px; }
#footercopy a:link {font-size: .9em; color: #000; text-decoration: none; font-weight: bold;}
#footercopy a:visited {font-size: .9em; color: #0000ff; text-decoration: none; font-weight: bold;}
#footercopy a:active {font-size: .9em; color: #d50000; text-decoration: none; font-weight: bold;}
#footercopy a:hover {font-size: .9em; color: #d50000; text-decoration: underline; font-weight: bold;}

#footerlinks {width: 770px; text-align: right; margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px !important; padding: 0px;}
#footerlinks a:link {font-size: .9em; color: #000; text-decoration: none; font-weight: bold;}
#footerlinks a:visited {font-size: .9em; color: #000; text-decoration: none; font-weight: bold;}
#footerlinks a:active {font-size: .9em; color: #0000ff; text-decoration: none; font-weight: bold;}
#footerlinks a:hover {font-size: .9em; color: #0000ff; text-decoration: none; font-weight: bold;}