body,
html{	
	font-family:    		helvetica, sans;	
	background-color: 	#ffffff;
	margin:	0px;
	background-image: 	url(images/background-top.png);
	background-position: top;
	background-repeat:	repeat-x;
	}

/* ---------->>> TOP OF PAGE <<<-----------*/

#header{
	height:	124px;
	float:	left;
	}
	
#login{
	float:	right;
	background-color:	#26ade3;
	padding-left:	10px;
	padding-right:	10px;
	padding-top:	0px;
	padding-bottom:	2px;
	margin-right: 40px;
}

#login a{
	color:	white;
	font-size:	80%;
}

.whiteout{
	background-color: white; 
	opacity: 0.50;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
	visibility: hidden;
}

.logindiv{
	position: absolute;
	top: 30px;
	left: 50%;
   margin-left: -250px;
	background-color: white;
	padding: 10px;
	border: 1px solid black;
	z-index: 101;
	visibility: hidden;
	text-align: center;
	width: 500px;
}


/* ---------->>> NAV / MENU BAR <<<-----------*/

#navwrapper{
	clear:	left;
	height:	40px;
	position:	relative;
	}


#nav{
	position:	absolute;
	bottom:	0px;
	color:	#454744;
	}

#nav ul{
	display: inline;
	padding-left:	5px;
	list-style:	none;
	list-style-type:	none;
	margin:	0;
	
	}

#nav li{
	float:	left;
	padding-left:	15px;
	padding-right:	15px;
	padding-top:	5px;
	padding-bottom:	5px;
	height:	20px;
	}
	
/* ---------->>> PAGE FORMATTING <<<-----------*/	

#leftColumn{
	float:	left;
	width:	425px;
	margin-right:	30px;
	}

#rightColumn{height: 360px;
	float: left;
	width:	475px;
	}	


/* ---------->>> MODULE POSITIONS <<<-----------*/

#topleft{
	height:	118px;
	display: table-cell;
	vertical-align:	middle;
	padding-left:	5px;
	padding-right:	5px;
	color:	#454744;
	line-height:	97%;	
	font-size:	120%;
	}	
	
#currentproject{
	padding:	10px;
	
	border:	2px solid #454744;
	margin-top:	50px;
	}
	
#topsection{
	height:	118px;
	display: table-cell;
	vertical-align:	middle;
	padding-left:	5px;
	padding-right:	5px;
	color:	#454744;
	line-height:	97%;	
	font-size:	120%;
	width:	100%;
	}
	
#mainsection{
	margin-left:	5px;
	margin-right:	5px;
	margin-top:	20px;
	width:	100%;
	}
	
#topRightPhotoContainer{
	height: 350px;
	width:	100%;
	background-image: 	url(images/slideshow-bg.png);
	background-position: top;
	background-repeat:	none;
	}

#topRightPhoto{
	padding: 30px;
	}	

/* ---------->>> NEWS ENTRIES <<<-----------*/	

div.newsentry{
	width:	425px;
	margin-top:	10px;
	margin-bottom:	40px;
	}
	
div.widenewsentry{
	width:	800px;
	margin-top:	20px;
	}
	
div.newstitle{
	text-transform:	uppercase;
	font-size:	170%;
	font-weight:	bold;
	line-height:	95%;
	color:	#454744;
	}
	
div.newsauthor{
	font-size:	80%;
	color:	#454744;
	border-bottom:	1px #454744 solid;
	}

div.newscontent{
	margin-top:	10px;
	}

div.newsbottom{
	margin-top:	10px;
	padding-top:	5px;
	border-top:	1px #454744 dotted;
	}

span.newsdate{
	color:	#454744;
	text-align:	right;
	}

img.socialMediaIcon{
	border:	none;
	}

#morenews{
	margin-top:	10px;
	width:	100%;
	font-size:	120%;
	text-align:	right;
	font-weight:	bold;
	}


/* ---------->>> RIGHT SIDE INFO <<<-----------*/

div.sidebarentry{
	width:	425px;
	margin:	auto;
	margin-top:	20px;
	margin-bottom:	40px;
	}
	
div.sidebarentryheader{
	font-size:	130%;
	color:	black;
	width:	100%;
	background-color:	#c0e5f3;
	padding-left:	5px;
	padding-top:	5px;
	}

div.sidebarentrycontent{
	font-size:	90%;
	width:	100%;
	margin-left:	5px;
	mar#slideshowcontainer{
	height: 360px;
	background-image: 	url(images/slideshow-bg.png);
	background-position: top;
	background-repeat:	none;
	}gin-right:	5px;
	margin-top:	5px;
	}	
	
.sidebarform{
	text-align:	center;
	margin-top:	5px;
	margin-bottom:	5px;
	}

.sidebarform input{
	border:	1px solid black;
	color:	#999999;
	font-size:	110%;
	padding-left:	2px;
	}
	
.sidebarform button{
	border:	1px solid black;
	background-color:	white;
	font-weight:	bold;
	font-size:	110%;
	}

.sidebarform select{
	border:	1px solid black;
	font-size:	110%;
	padding-left:	5px;
	}


/* ---------->>> SPECIFIC TAGS <<<-----------*/

a.menu{
	color:	white;
	font-size:	110%;
	}

li.menuselected{
	background-color: #c0e5f3;
	font-size:	110%;
	}


/* ---------->>> "ABOUT US" PAGE <<<-----------*/
	
#aboutustopphoto{
	height: 250px;
	width:	770px;
	margin:	auto;
	padding-top:	35px;
	padding-left:	30px;
	background-image: 	url(images/aboutustop-bg.png);
	background-position: top;
	background-repeat:	none;
	}	
	
#aboutusleft{
	float:	left;
	width:	33%;
	border-right:	1px #454744 dotted;
	}
	
#aboutuscenter{
	float:	left;
	width:	33%;
	border-right:	1px #454744 dotted;
	}
	
#aboutusright{
	float: 	left;
	width:	33%;
	}
	
div.aboutuscolumnheader{
	font-size:	130%;
	color:	black;
	background-color:	#c0e5f3;
	padding-left:	10px;
	padding-top:	10px;
	margin-left:	10px;
	margin-right:	10px;
	}
	
div.aboutuscolumn{
	padding-left:	10px;
	padding-top:	10px;
	padding-right:	10px;
	margin-left:	10px;
	margin-right:	10px;
	}


/* ---------->>> DEFAULT PAGEHANDLER <<<-----------*/

#defaultWrapper{
	width:	100%;
	}
	
#topleftwrapper{
	float: left;
	width:	450px;
	}

#toprightwrapper{
	float: right;
	width:	480px;
	}

#mainfull{
	width:	100%;
	float: left;
	}

div.spacer{
	height:	40px;
	float: left;
	width:	450px;
	}


/* ---------->>> FOOTER <<<-----------*/

#footer{
	width:	100%;
	height:	92px;
	float: left;
	position:	relative;
	bottom:	0px;
	background-image: 	url(images/footer-bg.png);
	background-position: bottom; 
	background-repeat:	none;
	}

#footerwrapper{
	width:	930px;
	margin:	auto;
	height:	100%;
	}

#footercontent{
	width:	930px;
	color:	white;
	font-size:	90%;
	position:	absolute;
	bottom:	10px;
	}

#footercontent a{
	color:	white;
	padding-left:	20px;
	padding-right:	20px;	
	}


/* ---------->>> SLIDESHOW <<<-----------*/

#slideshowcontainer{
	height: 360px;
	background-image: 	url(images/slideshow-bg.png);
	background-position: top;
	background-repeat:	none;
	}
	
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none}
#slideshowwrapper {width:431px; padding-top: 30px; margin:0px auto; display:none}
#slideshowwrapper * {margin:0; padding:0}
#fullsize {position:relative; width:425px; height:317px; padding:2px; border:0px solid #000; background:#fff}
#information {position:absolute; bottom:0; width:425px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:425px}
#image img {position:absolute; z-index:25; width:auto; border: 0px solid black !important ; }
.imgnav {position:absolute; width:20%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}

/* ---------->>> ADMIN SECTION <<<-----------*/
.admin_table{
	margin-top:	20px;
	background-color:	white;
	border:	1px solid #454744;
}

 .admin_cell{
 	border-bottom:	1px dashed #454744;
 	padding-bottom:	10px;
 	margin-bottom:	10px;
 	padding-right:	5px;
 	padding-left:	5px;
 }