/*--Page Layout--*/

	body {
		margin: 20px 30px 20px 30px;
		background: #CCC;		
		}

	#banner {
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		color: #FFF;
		font-size: x-large;
		font-weight: bold;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-top: 1px solid black;
  		background: #5D6C8E;
  		padding: 20px; 		  		  		 	 
		}

	#nav {
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		color:#FFF;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-top: 1px solid black;
  		background: #99A;
  		padding: 1px 20px 1px 20px;
		}

	#content {
		background: #FFF;
		border: 1px solid black;
		}

	#links {
		background: #FFF;
		padding: 0px;				
		border: 1px dotted #333;
		}

/*--Component Styles--*/

	.description {
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		color: #FFF;
		font-size: small;
		font-weight: bold;
  		text-transform: none;
		}
		
	.current {
		color: #FFF;
		font-size: small;
		font-weight: bold;
		}
		
	.projectdescription {
		width: 50%;
		float: left;
		padding-right: 4%;
		}
		
	.projectpic {
		width: 44%;
		float: left;
		}

	.description a:hover {
		background: #5D6C8E;
		}

	.title {
		margin: 20px 20px 20px 20px;
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		font-weight: bold;
		font-size: 14pt;
		border-bottom: 1px solid #555;
		color: #555;
		}

	.datestamp {
		display: inline;
		color: #CCC;
		font-size: small;
		}

	.main {
		margin: 20px 20px 20px 20px;
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		color: #333;
		}

	.pics {
		margin: 0px 20px 20px 20px;
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		color: #333;
		}

	.copy {
		margin-bottom: 10px;
		text-align: center;
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		font-size: 10px;
		color: #333;
		}

	.inset {
		border: 1px solid #CCC;
		padding: 20px;
		}

/*--<b style="color:black;background-color:#A0FFFF">CSS</b> Popups--*/
		
	.description a span {
		display: none;
		}

	.description a:hover span {
		display: inline;
		position: absolute;
		top: 35px;
		right: 50px;
		margin: 0px;
		padding: 0px;
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		font-size: 48px;
		font-weight: bold;
		color: #7D8CAE;
		}

/*--Link Definitions--*/
	
	#banner a,
        #banner a:link,
        #banner a:visited,
        #banner a:active,
        #banner a:hover,
        #nav a,
        #nav a:link,
        #nav a:visited,
        #nav a:active,
        #nav a:hover {
		font-family: Tahoma, Arial, Helvectica, sans-serif;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		}

	.main a:link,
	.main a:visited,
	.main a:active,
	.copy a:link,
	.copy a:visited,
	.copy a:active,
	.pics a:link,
	.pics a:visited,
	.pics a:active
	 {
		color: #5d6c8e;
		text-decoration: none;
                font-weight: bold;
		}

	.main a:hover,
	.copy a:hover,
	.pics a:hover{
		color: #5d6c8e;
		border-bottom: 1px dotted #5d6c8e;
                font-weight: bold;
		}