﻿*
{
	padding: 0;
	margin: 0;
}
body
{
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	background-color: #F7FAFF;
	line-height: 1.5;
}
p
{
	margin-bottom: 1em;
	line-height: 1.5;
}
a
{
	color: #000;
}
table
{
	border-collapse: collapse;
	border: dotted 1px #ccc;
}
table th
{
	text-align: left;
	background-color: #d1e1ff;
	padding: .2em .5em;
	border-bottom: dotted 1px #ccc;
}
table td
{
	padding: .2em .5em;
}
textarea
{
	width: 30em;
	height: 8em;
}
input, select, textarea
{
	font-size: 100%;
}
hr
{
	border: 0;
	border-bottom: solid 1px #ccc;
	clear: both;
	margin: 2em auto;
	width: 70%;
	height: 0;	
}
/* -- Bug fixes for IE -- */
h4
{
	font-size: 120%;
}
h3
{
	font-size: 140%;
}
h2
{
	font-size: 150%;
}
h1
{
	font-size: 250%;
}
.Bold
{
    font-weight: bold;
}
.OpenLink
{
    text-align: right;
}
.OpenLink a
{
	font-weight: bold;
	text-decoration: none;
	border: 0;
}
.IconLink
{
	height: 1.8em;
	margin-bottom: -.6em;
	border: 0;
}
/* -- Error Display -- */
.ErrorDisplay
{
	width: 90%;
	margin: 10px auto;
	background-color: #d1e1ff;
	border: solid 1px #2B78FF;
	padding: .6em;
}
.ErrorDisplay ul li
{
	list-style: none;
}

/* -- Admin Area -- */
.AdminArea .Links
{
    float: right;
}
.AdminArea .Links span
{
    margin: 0 1em;
}
.AdminArea .ListTable
{
	width: 100%;
	margin: 2em 0;
}
.AdminArea .ListTable td input[type="submit"]
{
	float: right;
}

.TableItem:hover
{
	background-color: #d1e1ff;
}

/* -- Page Container -- */
.PageContainer
{
    background-color: Transparent;
	width: 61em;
	margin: 1em auto 0 auto;
	-moz-border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #ccc;
}

/* -- Header Container -- */
.Header
{
	height: 6em;
	padding: 3px 6px 0 6px;
	background-color: #d1e1ff;
	border-bottom: solid #2B78FF 1px;
}
.Header .FRLogo
{
	width: 6em;
	float: left;
	margin: .8em 1em 0 .8em;
}
.Header h1
{
	float: left;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 210%;
	line-height: 2.6;
	text-decoration: none;
}
.Header h1 a
{
	text-decoration: none;
	color: #004EE0;
}
.Header .SearchSection
{
	float: right;
	margin-top: .5em;
	font-size: 120%;
}
.Header .Links
{
	float: right;
	margin-left: .5em;
}

/* -- MainContent --*/
.MainContent
{
	padding: 1em 0 .3em 1em;
	background-color: #e8f0ff;
}
.MainContent label
{
	float: left;
	width: 7em;	
    text-align: right;
	position: relative;
    padding-right: 1.4em;
}
.MainContent label em
{
    color: red;
    font-style: normal;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	padding-right: .5em;
}
.MainContent ol li
{
	list-style: none;
	margin-bottom: .4em;
}
.MainContent h3
{
	display: inline;	
}

/* -- Section Container -- */
.Section
{
    width: 40em;
    float: left;
}
.SectionContainer
{
	margin: 0 auto;
	width: 60em;
}
.SubSectionContainer
{
	margin: 0 auto;
	width: 15em;
}
.SectionThumbnail
{
	width: 14em;
	float: left;
	text-align: center;
	margin-right: 1em;
    -moz-border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #ccc;
}
.Section .SectionThumbnail
{
    margin: 0 auto 3em auto;
    display: block;
}
.SectionThumbnail a
{
	text-decoration: none;
	border: 0;
}
.SectionThumbnail a span
{
	font-size: 120%;
	display: block;
}
.SectionThumbnail a img
{
	width: 10em;
	border: 0;
	margin-top: .3em;
}
.SectionThumbnail *
{
	color: #fff;
	font-weight: bold;	
	text-decoration: none;
}

.MainContent .SearchDisplay
{
	width: 40em;
	float: left;
}
.MainContent .SearchDisplay .SearchResults
{
    margin: 1em 0;
	width: 100%;
	text-align: center;
}
.MainContent .SearchDisplay .SearchResults .ResultsContainer
{
    margin: 1em 0;
	border: dotted 1px #ccc;
	border-bottom: 0;
}
.ResultItem
{
	text-align: left;
	border-bottom: dotted 1px #ccc;
	padding: .5em 1em;
	background: transparent url(/Media/Images/RepeaterBG.png) repeat-x 0 0;
}
.ResultItem .Title
{
	font-weight: bold;
	text-decoration: none;
}
.ResultItem .Title:hover
{
	text-decoration: underline;
}
.ResultItem .Icon
{
	float: left; 
	height: 1.5em; 
	margin-right: .5em
}
.ResultItem .Thumbnail
{
	float: left;
	width: 8em;
	height: 8em;
	margin: .5em;
	margin-left: 0;
}
.MainContent .CenteredSection
{
	margin: 0 auto;
}
.MainContent .ControlButtons
{
	margin-top: 1.5em;
	text-align: center
}
.RegionalRepsSection
{
    margin-left: -.5em;
}
.RegionalRepsSection .RegionalRep
{
    width: 100%;
	background: transparent url(/Media/Images/RepeaterBG.png) repeat-x 0 0;
    border: dotted 1px #ccc;
    margin: 1em 0;
}
.RegionalRepsSection .RegionalRep .BlogEntry
{
    float: right;
    width: 62%;
    margin: 1em;
    margin-left: 0;
}
.RegionalRepsSection .RegionalRep .RegionalRepThumbnail
{
    float: left;
    border: dotted 1px #ccc;
    width: 12em;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    padding: .5em 0;
    margin: 1em;
    display: block;
}
.RegionalRepsSection .RegionalRep .RegionalRepThumbnail .OpenLink
{
    margin: 0;
    text-align: center;
}
.RegionalRepsSection .RegionalRep .RegionalRepThumbnail .RepPicture
{
    width: 150px;
    display: block;
    margin: 1em auto;
}
.ForumsSection
{
    border: dotted 1px #ccc;
    border-bottom: 0;
}
.ForumItem
{
	background: transparent url(/Media/Images/RepeaterBG.png) repeat-x 0 0;
    border-bottom: dotted 1px #ccc;
    display: block;
    padding: 1em;
}
.ForumHeader
{
    height: 2.5em;
    padding-bottom: 1em;
}
.ForumItem .Title
{
    width: 60%;
    float: left;
}
.ForumItem .Time
{
    text-align: right;
    width: 40%;
    float: right;
}
.ForumItem .Time img
{
    height: 1.5em;
    margin-bottom: -.4em;
}
.ForumItem .Description
{
    width: 70%;
    float: left;
}
.ForumItem .Address
{
    width: 30%;
    float: right;
}
.ForumDates
{
	width: 19em;
	float: right;
    text-align: center;
	border-left: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	height: 100%;
	position: relative
}
.ForumDates ul
{
    list-style: none;
    border-bottom: dotted 1px #ccc;
}
.ForumDates ul li
{
    margin: 1em 0;
}
.ForumDates .OpenLink
{
    margin: 2em 0;
}

/* -- News Display -- */
.NewsDisplay
{
	width: 19em;
	float: right;
    text-align: center;
}
.NewsDisplay .SectionThumbnail
{
    float: none;
    position: relative;
    margin: 0 auto;
    font-size: 80%; 
}
.NewsDisplay .NewsContainer
{
	border: dotted 1px #ccc;
	border-right: 0;
	border-bottom: 0;
	margin: 1em 0;
    width: 100%;
}
.NewsContainer
{
	border: dotted 1px #ccc;
	border-bottom: 0;
	margin: 1em 0;
    width: 100%;
}
.NewsDisplay .NewsItem
{
    text-align: left;
    width: 90%;
	padding: .5em 1em;
	border-bottom: dotted 1px #ccc;
	background: transparent url(/Media/Images/RepeaterBG.png) repeat-x 0 0;
}
.NewsDisplay .NewsItem a
{
	font-weight: bold;
	text-decoration: none;
}
.NewsDisplay .NewsItem a:hover
{
    text-decoration: underline;
}
.NewsDisplay .NewsItem .Body
{
	margin: .6em 0;
}
.NewsItemSection input[type="text"], .ResourceSection input[type="text"]
{
	width: 30em;
}

.RssFeed
{
    width: 100%;
    text-align: center;
}
.RssFeed img
{
	height: 1em;
	width: 1em;
	margin: 0 .3em -.2em 0;
}

/* -- Footer Container -- */
.Footer
{
	font-family: Tahoma, Arial, Sans-Serif;
	border-top: solid #2B78FF 1px;
	font-size: 80%;
	padding: 6px 6px 0 6px;
	background-color: #D1E1FF;
}
.Footer img
{
	border: 0;
}
.Footer span
{
	line-height: 3;
}
.AccessibilityOptions li
{
	list-style: none;
	float: left;
	border: solid 1px #cccccc;
	text-align: center;
	margin: 0 .33em .33em 0;
	font-weight: bold;
	padding: 1.55em;
	width: 16em;
	height: 4em;
	line-height: 3.5;
}
.AccessibilityOptions li a
{
	padding: 30px;
}