/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 0em; list-style:square; }
q:before, q:after { content:''; }
/* end reset */

	body
	{

		width: 100%;
		float: center;
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: "Trebuchet MS", arial, helvetica, sans-serif;
		background: #FFF;
		color: #003b5c;
	}
	
	#container
	{
		text-align: left;
		margin: 0 auto;
		width: 100%;
		color: #fff;
		background: url(images/banner.png) no-repeat right;
	}

	#content
	{
		float: right;
		width: 70%; 
		top: 1px:
		margin-left: 1px;
		background: #FFF;
	}

	#sidebar 
	{
		display: inline;
		float: left;
		width: 30%;
	}

	#footer
	{
		clear: both;
		background: #b6cfae;
		color: #000;
		padding: 5px 10px;
		text-align: center;
		font-size: 80%;
		font-weight: bold;
	}

	.figure
	{
		float: right;
		width: 100%;
		margin: 0 0 0 0px;
		padding: 0px 0px 25px 0px; 
		border-bottom: 2px ridge #003b5c; 
	}

	.library
	{
		float: right;
		width: 100%;
		margin: 0 0 0 0px;
		padding: 0px 0px 25px 0px; 
		border-bottom: 2px ridge #003b5c; 
	}

	.title
	{
		color: #003b5c;
		text-align: center;
		font-weight: bold;
		font-size: 35px;
		text-transform: uppercase;

	}

	.title1 
	{
		align: center;
		text-align: center;
		font-size: 35px;
		color: #000000;
		font-style: normal;
		font-weight: bolder;
		line-height: normal;
		font-variant: normal;
		text-transform: none;
		background-color: #;
	}
	.title2 
	{
		align: center;
		text-align: center;
		font-size: 150%;
		color: #003b5c;
		font-weight: bolder;
	}

	.title3 
	{
		align: center;
		text-align: center;
		font-size: 125%;
		color: #000000;
		font-weight: bolder;
	}

	.logo1
	{
		width: 30%;
		float: center;
		padding: 2px 2px 2px 2px; 
		display: inline;
		border: 0;
	}
	.copy1
	{

		text-align: center;
		align: center;
		font-size: 100%;
		color: #000000;
		font-weight: normal;
		margin: 0 50 0 50px;
		padding: 0px 50px 0px 50px; 
	}

	.sidenav
	{
	align: center
	}

	h1
	{
		font-family: "Trebuchet MS", arial, helvetica, sans-serif;
		text-align: center;
		padding: 10px 0px 10px 0px;  
		margin: 0 0 0 0;
		font-weight: bold;
		font-size: 175%;
		text-transform: uppercase;
	}

	h1 img
	{
		width: 100%;
		display: block;
		border-bottom: 5px solid #003B5C;
	}

	h2
	{
		font-family: "Trebuchet MS", arial, helvetica, sans-serif;
		color: #003b5c;
		text-align: center;
		padding: 0px 0px 0px 0px;  
		margin: 0 0 0 0;
		font-weight: bold;
		font-size: 125%;
		text-transform: uppercase;
		font-variant: small-caps;
	}
	
	h2 img
	{
		width: 75%;
		padding: 10px 2px 2px 2px; 
		display: inline;
		border: 0;
	}

	h3
	{
		border-top-width: 100%
		padding: 10px 0px 0px 15px;  
		margin: 15px 15px 15px 15px;
		font-weight: bold;
		font-size: 125%
	}

	h3 img
	{
		float: center;
		width: 80%;
		padding: 0px 15px 15px 15px;  
		clear: right
	}

	h4
	{
		margin: 0px 15px 0px 15px;
		padding: 15px 0px 15px 0px;  
		margin-top: 0;
		text-align: left;
		font-weight: normal; 
		font-style: normal;
		font-size: 100%
	}

	h4 img
	{
		width: 100%;
		display: inline;
		border: 0;
	}

	h5
	{
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 0px 20px;  
		margin-top: 0;
		color: #003b5c;
		text-align: center;
		font-weight: bold; 
		font-style: italic;
		font-size: 75%
	}	

	h5 img
	{

		padding: 0% 10% 0% 10%;
		float: center;
		width: 500px;
		display: inline; 
	}

	h6
	{
		margin: 00px 0px 10px 0px;
		margin-top: 0;
		text-align: right;
		float: center;
		width: 75%;
	}
	
	h6 img
	{
		margin: 50px 0px 0px 50px;
		padding: 10px 10px 0px 20px;  
		float: left;
		width: 30%;
	}
	


/* Beginning of Top Navigation */

	ul#topnav
	{
		border-top: 2px solid #9cdbd9;
		border-bottom: 10px solid #9cdbd9;
		margin: 0;
		padding: 5px 20px;
		list-style-type: none;
		text-transform: uppercase;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 125%;
		background: #9cdbd9;
		text-align: left;
	}

	ul#topnav li
	{
	background: url(images/topnavright.gif) no-repeat top right;
		display: inline;
		margin: 5px 5px 0px 5px;
		padding: 0px 0px 15px 0px;
	}

	ul#topnav a
	{
	background: url(images/topnavleft.gif) no-repeat top left;
		text-decoration: none;
	}



	ul#topnav li a:hover, ul#topnav li a:active
	{
		font-style: italic;
		text-decoration: none;
		color: #FFF;
	}

	a.current:visited
	{
		color: #FFF; 
		font-weight: bold;
		text-decoration: none;
	}

/* End of Top Navigation */


	div#pullquote
	{
		margin: 1em;
		background: #9cdbd9 url(images/bga_b.gif) no-repeat;
	}
	
	div#pullquote h2
	{
		margin: 0;
		padding: 20px 20px 0 20px;
		background: url(images/bgb_b.gif) no-repeat 100% 0;
	}
	
	div#pullquote p { padding: 0 20px; }
	
	div#pullquote p.furtherinfo
	{
		padding: 0 0 0 20px;
		background: url(images/bgc_b.gif) no-repeat 0 100%;
	}
	
	div#pullquote p.furtherinfo a
	{
		display: block;
		padding: 0 20px 20px 0;
		text-align: right;
		background: url(images/bgd_b.gif) no-repeat 100% 100%;
	}


	ul#pullquote li
	{
		margin: 0px 0px 0px 70px;
	}

/* Begining of Side Navigation */

	div#sidequote
	{
		margin: 1em;
		background: #9cdbd9 url(images/bga_b.gif) no-repeat;
	}
	
	div#sidequote h3
	{
		margin: 0;
		padding: 5px 5px 0 5px;
		background: url(images/bgb_b.gif) no-repeat 100% 0;
	}
	
	div#sidequote p { padding: 0 5px; }
	
	div#sidequote p.furtherinfo
	{
		padding: 0 0 0 5px;
		background: url(images/bgc_b.gif) no-repeat 0 100%;
	}
	
	div#sidequote p.furtherinfo a
	{
		display: block;
		padding: 0 5px 5px 0;
		text-align: right;
		background: url(images/bgd_b.gif) no-repeat 100% 100%;
	}

/* end of Side Navigation */

/* BEGINNING OF "meminfo" TABLE */
	table.meminfo
	{
		margin: auto;
		border: 10px 003b5c;
		border-style: ridge;
		width: 80%;
		table-layout: auto;
		border-collapse: collapse;
	}
	
	table.meminfo th
	{
		border: 1px solid black;
		vertical-align: top;
		text-align: center;
	}
	
	table.meminfo td
	{
		border: 1px solid black;
		vertical-align: top;
		text-align: left;
		padding-left: 10px;
	}

/* END OF "meminfo" TABLE */

/* begining of photo contest table */

	table.photo
	{
	}
	
	table.photo th
	{
		vertical-align: top;
		text-align: left;
		width: 25%;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	table.photo td
	{
		vertical-align: top;
		text-align: left;
		width: 75%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
/* end of photo contest table */

/*---------------------------------------------------------------*/
/* POPOUT STYLE
/*---------------------------------------------------------------*/


#overlay {
     visibility: visible;
     position: absolute;
     left: 0px;
     top: 100px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#overlay div {
	width: 700px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border:15px solid #003b5c;
	box-shadow: 15px 15px 5px #888;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #b6cfae;
	-webkit-transition: opacity 1000ms ease-in;
	-moz-transition: opacity 1000ms ease-in;
	transition: opacity 1000ms ease-in;
}
 


  .popup {
	color: #003b5c;
}


.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }