/* Basic */

.Default, ul, p, span, td
{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	/*text-align: left;*/
}

body 
{
	color: #333333;
	background-color: #f7f7f7;
	margin: 10px;
}

h1 { font: bold 18px Tahoma, Arial, Helvetica, sans-serif; color: #000066; margin: 0;}
strong { font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #000066;}
b { font-size: 12px;}

ul
{
	margin-top: 0;
	list-style-image: url(layout/bullet.gif);
	line-height: 1.5em;
}
li { padding-bottom: 12px;}

hr 
{
	background-color: #cccccc;
	color: #cccccc;
	height: 1px;
	border-style: none;
}

a { color: #000066;}
a:hover { color: #336699;}
a:active { color: #336699;}


/* Navigation */

.MainNav 
{
	color: #ffffff;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}
.MainNavHighlight 
{
	background-color: #336699;
	text-align: center;
	border: solid 1px #336699;
}
.MainNavHighlight a:hover { color: #000066;}
.MainNavHighlight a:active { color: #000066;}

.MainNavBar
{
	background-color: #749EDA;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
.MainNavCell 
{
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
	text-align: center;
}
.MainNavCell a:hover { color: #000066;}
.MainNavCell a:active { color: #000066;}

.CoreNav
{
	color: #ffffff;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}
.CoreNavHighlight { background-color: #336699; text-align: center;}
.CoreNavHighlight a:hover { color: #000066;}
.CoreNavHighlight a:active { color: #000066;}

.CoreNavBar {
	background-color: #749EDA;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
}

.UtilNav 
{
	color:#336699;
	font-family: bold smaller Tahoma, Arial, Helvetica, sans-serif;
}
.UtilNav a:hover { color: #6699cc;}
.UtilNav a:active { color: #6699cc;}

.popup {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; font-size: 12px;}
.popup a:active { color: #336699;font-weight: bold;}
.popup a:link {  color: #000066; font-weight: bold;}
.popup a:visited {  color: #000066; font-weight: bold;}
.popup a:hover {  color: #336699; font-weight: bold;}

.popupH1 { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #000066;}
.popupH2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #333333;}

.ImageDescription {	text-align: left;}

.FootNav 
{
	color: #336699;
	font-family: bold 10px Tahoma, Arial, Helvetica, sans-serif;
}
.FootNav a:hover { color: #6699cc;}
.FootNav a:active { color: #6699cc;}

.Light  { color: #ffffff;}
.Smaller { font-size: 10px;}

.Left { text-align: left;}
.Center { text-align: center;}
.Right { text-align: right;}


/* Layout */

.ContentBody 
{
	text-align: left;
	padding: 10px;
	background-color: #ffffff;
}
.ContentBG
{
	background-color: #ffffff;
}

.Cloudy
{
	background-image: url(images/layout/cloudsbg.jpg);
}

.UtilBox
{
	background-color: #cccccc;
	border: solid 1px #999999;
	padding-right: 10px;
	padding-left: 20px;
	height: 60px;
}

.ContentTable { border-bottom: solid 1px #000000;}
.FootCell { border-top: solid 3px #999999;}

.Bordered 
{
	border: solid 1px #000000;
}

.Footer
{
	background-color: #cccccc;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.Button {
	background-color: #336699;
	color: #FFFFFF;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #333333;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.HomepageGalleryTable td
{
	text-align: center;
	padding: 0 20px 0 20px;
}

.MenuGroup
{
    margin: 20px;
    background-color: #F7F7F7;
    line-height: 1.5em;
    text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.MenuGroup td {
    padding: 10px 15px 10px 15px;
}
.MenuGroup a {
    font-weight: bold;
}

.MenuGroup th 
{
    padding: 2px 15px 2px 15px;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #333333;
    margin: 0;
}