html, body, #TableLayout, #AjaxPanel, #frmMain
{
	font-family: Verdana;
	font-size: 12px;
		
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	overflow: auto;
}
body
{
	background-color: Black;
}
#TableLayout
{
	text-align: left;
    width: 778px;
    height: 100%;
    margin: 0 auto;
}
#lower
{
	vertical-align: bottom;
	background-image: url(Images/contBackground.jpg);
}
#upper
{
	vertical-align: top;
	background-image: url(Images/contBackground.jpg);
}
#contents
{
	vertical-align: Top;
	margin: auto;
	padding: 20px;
	text-align: left;
}
#footer
{
	background-image: url(Images/Footer.jpg);
	color: White;
	font-weight: bold;
}
#header
{
	background-image: url(Images/HeaderInfo.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#menu
{
	margin-right: -3px;
}
#contTitle
{
	background-image: url(Images/contTitle.jpg);
	height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
}

p
{
	color: Black;
	font-size: 12px;
	text-align: justify;
}
a
{
	font-size: 12px;
	color: Blue;
}
a:hover
{
	text-decoration: none;
}
img
{
	display: block;
}
.BlockImage
{
	display: block;
	float: left;
}
.BlockImageNoFloat
{
	display: block;
	* float: left;
}
.HoverMenu
{
	background-color: #FEF5E6; 
	border: solid 1px Black;
	padding: 5px;
	line-height: 18px;
}

.HoverMenu a
{
	color: Black;
}

p.instTitle
{
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}
p.instSubTitle
{
	font-weight: bold;
}
p.instCont
{
}

.blogTitle
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
	text-align: center;
}
.blogDate
{
	margin-top: 0px;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}
.blogContents
{
	margin-top: 10px;
	text-align: justify;
}
.blogSeparator
{
	width: 576px;
}
.blogImage
{
	text-align: center;
	margin: 0 auto;
}
.blogImage img
{
	margin: 0 auto;
}
.blogPager
{
	text-align: center;
}
.blogComments
{
	text-align: center;
	margin-bottom: 20px;
}

.contactsTable
{
	width: 100%;
}
.contactsCaption
{
	font-weight: bold;
	text-align: right;
	width: 120px;
}
.contactsBox
{
	width: 500px;
}
.contactsBox input
{
	width: 350px;
}
.contactsBox select
{
	width: 356px;
}
.contactsMessage
{
	text-align: center;
}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.PopupWindow
{
	border: solid 1px #333333; 
	background-color: White;
	width: 778px;
}
.PopupWindowTitle
{
	background-image: url(Images/GridTitle.jpg);
	line-height: 22px;
	height: 22px;
	text-align: Center;
	font-weight: Bold;
	width: 100%;
}
.PopupWindowCloseCell
{
	width: 30px;
	background-image: url(Images/GridTitle.jpg);
}
.PopupWindowBody
{	
	border: 0px;
	text-align: center;
}
.PopupWindowBody img
{
	margin: 0 auto;	
}

.blogPopupWindow
{
	background-color: White;
	width: 778px;
	height: 400px;
}
.blogSigisWindow
{
}
.blogPopupWindowBody
{	
	border: 0px;
	overflow: scroll;
	text-align: left;
	height: 374px;
}
div.blogDoComment
{
	text-align: center;
	font-weight: bold;
}
table.blogDoComment
{
	width: 756px;
}
.blogCaption
{
	text-align: right;
	width: 200px;
}
.blogBox
{
	width: 578px;
}
.blogBox input
{
	width: 420px;
}
.blogBox textarea
{
	width: 420px;
}
.CommentReceived
{
	text-align: center;
	margin-top: 15px;
	color: Red;
}
.blogCommentName
{
	margin-bottom: 15px;
}
.blogCommentContents
{
	text-align: justify;
	padding: 5px;
}

.mgrInputInvalid
{
	background-image: none;
	background-color: #FFFACD
}

.albumLink
{
}
.albumDescription
{
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 15px;
}

.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}