* { margin: 0; padding: 0; }

html { background: #f7fbfe url(Assets/Tile.gif) repeat-x left top; }

body
{
	font-family: Myriad, Verdana;
	font-size: 9pt;
	color: #666;
	padding: 0 0 30px 0;
}

div.hr hr { display: none; }
div.hr { border-top: solid 1px #bcbdc0; }

#LayoutFrame
{
	width: 750px;
	margin: 0 auto;
	background-color: #fff;
}

h1
{
	float: left;	
	text-indent: -2000px;
	width: 250px;
	height: 70px;
	background-image: url(Assets/Logo.gif);
	margin: 10px;
}

#RegisterButton
{
	float: right;
	overflow: hidden;
	margin: 20px 20px 0 0;
	width: 90px;
	height: 15px;
}

#RegisterButton a
{
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -2000px;
	outline: none;
	background: url(Assets/RegisterButton.gif);
}

#RegisterButton a:hover { background-position: 0 -100%; }

#Header
{
	clear: both;
	height: 250px;
	background: url(Assets/HeaderFallback.jpg) no-repeat;
}

#Menu
{
	height: 28px;
	background: transparent url(Assets/HorizontalStrips.gif) repeat-x left 0;
	overflow: hidden;
}

#Menu li
{
	display: block;
	float: left;
	line-height: 28px;
	vertical-align: middle;
	padding-right: 2px;
	background: transparent url(Assets/MenuDivider.gif) no-repeat right top;
	overflow: auto;
}

#Menu li a
{
	display: block;
	float: left;
	height: 28px;
	width: auto;
	color: #555;
	font-family: Helvetica, Arial;
	font-size: 8pt;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 10px;
}
#Menu li.First a { padding: 0 10px 0 20px; }

#Menu li.Active a, #Menu li a:hover
{
	color: White;
	background: transparent url(Assets/HorizontalStrips.gif) repeat-x left -28px;
}

#ContentFrame
{
	margin: 20px;
	background-color: White;
}

.SplitFrame
{
	width: 710px;
	overflow: auto;
}
.SplitFrame .Column1
{
	width: 420px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
}
.SplitFrame .Column2
{
	width: 270px;
	overflow: hidden;
	float: left;
}

.ContentPanel
{
	margin-bottom: 15px;
}

#ContentFrame h2
{
	font-size: 12pt;
	font-weight: normal;
	color: #00a1e4;
}
#ContentFrame h2 span { color: #f7941d; text-transform: uppercase; }

#ContentFrame p,
#ContentFrame ul li,
#ContentFrame table,
#ContentFrame div.hr { margin-top: 15px; }

#ContentFrame .ContactDetails { margin-top: 12px; }
#ContentFrame .ContactDetails p { margin-top: 3px; }

#ContentFrame p.NewsItemDate { margin-top: 5px; font-style: italic; color: #00a1e4; }

#ContentFrame h3
{
	font-size: 12pt;
	font-weight: normal;
	color: #f7941d;
	margin-top: 15px;
}

#ContentFrame ul li
{
	background: transparent url(Assets/BulletPoint.gif) no-repeat left 2px;
	padding-left: 22px;
	line-height: 13px;
}

#ContentFrame ul.QuickLinks li
{
	background: transparent url(Assets/Icons.gif) no-repeat left top;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 30px;
}

#ContentFrame ul.QuickLinks li.Bookmark { background-position: left -40px; }
#ContentFrame ul.QuickLinks li.Email { background-position: left -60px; }
#ContentFrame ul.QuickLinks li.Info { background-position: left -80px; }

#ContentFrame a { color: #00a1e4; text-decoration: none; }
#ContentFrame a:hover { text-decoration: underline; }

.NewsBox
{
	border: solid 1px #bcbdc0;
	background-color: #eee;
	margin-bottom: 10px;
}
.NewsBox .LatestNews { padding: 20px 10px 10px 10px; height: 37px; background: #ddd url(Assets/NewsIcon.gif) no-repeat 223px 10px; }
.NewsBox .LatestNews h3 { margin: 0 !important; color: #00a1e4 !important; }
.NewsBox .LatestNews p { margin: 0 !important; vertical-align: top; font-size: 7.5pt; }
.NewsBox .LastNewsStory { border-top: solid 1px #bcbdc0; padding: 10px; }
.NewsBox .LastNewsStory h3 { margin: 0px !important; }

.PhotoBox
{
	padding: 1px;
	border: solid 1px #bcbdc0;
	margin-bottom: 10px;
}

.DownloadButton
{
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
	padding-left: 35px;
	background: transparent url(Assets/Icons.gif) no-repeat left top;
}

table thead tr th { text-align: left; }
table tr td { padding: 3px 35px 0 0; }

fieldset { border: none; }
fieldset legend { display: none; }
fieldset p span { display: block; margin-bottom: 0.25em; }
fieldset p.TextField input { width: 410px; }
fieldset p.CheckField input { margin: 0 3px 0 0; }

#Footer
{
	text-align: center;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	background: transparent url(Assets/HorizontalStrips.gif) repeat-x left -56px;
	font-family: Helvetica, Arial;
	font-size: 8pt;
}

#Footer a
{
	text-decoration: none;
	color: #666;
}

#Footer a:hover
{
	text-decoration: underline;
}