﻿* {
	margin: 0;
	padding: 0;
}

body 
{
	font-family:Calibri, Lucida Sans, Microsoft Sans Serif, Sans-Serif, Serif;
	font-size: 13pt;
	background-color:#013354;
}

a 
{
	text-decoration:none;
	color: #048;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border:none;
}

.photoWrapper 
{
	margin: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.wrapper 
{
	/*background:#D7DFEC;*/
	background:#C6DDF4;
	margin: 25px;
	min-width: 1210px;
}
.wrapperLeftBackground
{
	background: url('images/wrapperLeftBackground.png') repeat-y left;
}
.wrapperTopBackground 
{
	background: url('images/wrapperTopBackground.png') repeat-x top;
}
.wrapperBottomBackground 
{
	background: url('images/wrapperBottomBackground.png') repeat-x bottom;
}
.wrapperRightBackground
{
	background: url('images/wrapperRightBackground.png') repeat-y right;
}
.wrapperTopLeftCorner
{
	background: url('images/wrapperTopLeftCorner.png') no-repeat top left;
}
.wrapperTopRightCorner
{
	background: url('images/wrapperTopRightCorner.png') no-repeat top right;
}
.wrapperBottomRightCorner
{
	background: url('images/wrapperBottomRightCorner.png') no-repeat bottom right;
}
.wrapperBottomLeftCorner
{
	background: url('images/wrapperBottomLeftCorner.png') no-repeat bottom left;
}

.article
{
	margin:5px 0px 5px 0px;
	/*background-color:#F4FCF1;*/
	background-color:white;
	width: 100%;
}
.articleLeftBackground
{
	background: url('images/articleLeftBackground.png') repeat-y left;
}
.articleTopBackground 
{
	background: url('images/articleTopBackground.png') repeat-x top;
}
.articleBottomBackground 
{
	background: url('images/articleBottomBackground.png') repeat-x bottom;
}
.articleRightBackground
{
	background: url('images/articleRightBackground.png') repeat-y right;
}
.articleTopLeftCorner
{
	background: url('images/articleTopLeftCorner.png') no-repeat top left;
}
.articleTopRightCorner
{
	background: url('images/articleTopRightCorner.png') no-repeat top right;
}
.articleBottomRightCorner
{
	background: url('images/articleBottomRightCorner.png') no-repeat bottom right;
}
.articleBottomLeftCorner
{
	background: url('images/articleBottomLeftCorner.png') no-repeat bottom left;
}

.articleContainer
{
	padding: 15px;
}

.articleHeading 
{
	width: 100%;
	color: #2F4462;
	font-size:16pt;
	font-weight: bold;
}

.articleDate
{
	color:#7B9EBF;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #E1E2FB;
}

.articleContent
{
	margin-top: 10px;
}

.articleTags
{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size:10pt;
}

.commentUser 
{
	border-top: 1px solid #E1E2FB;
	padding-top: 10px;
	margin-top: 10px;
	color:#7B9EBF;
	padding-bottom: 10px;
}

.commentDate
{
	font-size:12pt;
	color: Black;
}

.commentContent
{
	padding-bottom: 10px;
	width: 100%;
}

.commentsPanel
{
	border-top: 1px solid #E1E2FB;
	padding: 10px;
	margin-top: 10px;
}

.enabledNavigationItem
{
	margin-right: 5px;
}

.enabledNavigationItem:hover
{
	text-decoration: underline;
}

.disabledNavigationItem
{
	margin-right: 5px;
	color: Black;
}

.pageContent
{
	padding:10px;
	min-height: 450px;
}

.leftMenu 
{
	border: 1px solid black;
	border-left: none;
	border-top: none;
	float: left;
	width: 180px;
	background-color: #C6DDF4;
	height: 100%;
}

.rightMenu
{
	border: 1px solid black;
	border-right:none;
	border-top: none;
	float:right;
	width: 250px;
	background-color: #CCF3C7;
	height: 100%;
}

.box 
{
	padding: 10px;
	width: 100%;
}

.updateItem
{
	padding: 5px;
}

.centerContent
{
	margin-left:200px;
	margin-right: 273px;
	min-height:300px;
}

.heading
{
	padding: 5px 0px;
	width: 100%;
	background: #013354;
	color: White;
	font-weight: bold;
	text-align:center;
}

ul
{
	list-style:none;
	padding: 0px;
	color: White;
}

li 
{
	width: 100%;
	border-top: 1px solid white;
	background-color: white;
	text-indent: 15px;
	padding: 5px 0px;
}

li.header
{
	color:#000048;
	text-indent:10px;
	background-color: #A3DAFE;
	font-weight:bold;
}

ul:hover
{
	cursor: default;
}

td
{
	vertical-align:top;
	padding: 2px;
	height: 100%;
	overflow:hidden;
}

.topBannerBack
{
	background:url('images/mainpageBannerTopBackground.png') repeat-x left top;
}

.topBanner
{
	background:url('images/mainPageBannerTop.png') no-repeat left top;
	height: 150px;
	width: 450px;
}

#leftMenu 
{
	top: 0px;
	filter:alpha(opacity:80);
	opacity:.8;
	width: 100%;
	border: 1px solid #008868;
	min-height: 500px;
	background-color: #c5ffcd;
}

#mainContent 
{
	top: 0px;
	padding: 5px;
	filter:alpha(opacity:80);
	opacity:.8;
	border: 1px solid #008868;
	min-height: 500px;
	background-color: #c5ffcd;
}

#rightMenu 
{
	padding: 5px;
	border: 1px solid #1a2589;
	min-height: 500px;
	background-color: #c5caff;
}

/* Lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }