/* General HTML styles */

html, body
{
	margin: 0;
	padding: 0;
}

body
{
	font-size: 75%;
	font-family: Verdana;
	color:#262626;
}

h1, h2, h3
{
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;
}

h1
{	
	font-size: 24px; 
}

h2
{ 
	font-size: 18px; 
}

h3
{
	font-size: 18px; 
}

p
{
	line-height: 1.5;
}

a:active, a:focus
{
	outline: none;
}

a, a:active, a:hover, a:visited, a:link
{
	color: #7F3300;
	text-decoration: none;
}

a:hover
{
	background-color: #ddd;
}

li
{
	margin: 7px;
	line-height: 1.5;
}

img
{
	border: none;
}

/* Styles controlling site layout and structure */

#overallContainer
{
	width: 1000px; /* fixed width of the entire site */
	margin: 0 auto;
}

#innerWrapper
{
	float: left;
	width: 100%;
}

#centralColumn
{
	margin: 0 100px; 
	text-align: left;
}

.mainContent
{
	margin: 0px 20px 0px 20px;
}

/* Navigation styles */

.topLevelNav
{
	border-bottom: solid 2px black;
	text-align: right;
	padding: 20px 0px 10px 0px;
}

.topLevelNav a, .topLevelNav a:active, .topLevelNav a:hover, .topLevelNav a:visited, .topLevelNav a:link
{
	padding: 5px;
	color: #000;
	font-size: 10px;
	font-weight: bold;
}

/* Styles used across the site */

.centralImage
{
	width: 100%;
	text-align: center;
}

.projectHeading
{
	float: left;
	margin: 20px 0px 0px 0px;
}

.projectSubNav
{
	float: right; 
	padding: 0 0 0 0;
	margin: 32px 0px 0px 0px;
}

.projectMultiPage
{
	clear: both; 
	border-top: solid 1px #ccc; 
	padding-top: 10px
}

.downloadLink
{
	font-size: 14px;
}

.faqQuestion
{
	background: #fff url(../img/QuestionMark.gif) no-repeat top left;
	margin-bottom: 5px;
	margin-top: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 15px;
	color: #339;
}

.faqAnswer
{
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 1px;
	display: none;
	background-color: #dcdcdc;
}

.versionNumber
{
	font-weight: bold;
	display: inline;
}

.versionDate
{
	display: inline;
	margin-left: 5px;
}

.comments
{
	margin: 10px 0px 10px 50px;
	border-top: solid 3px #DADACD;
}

.comment
{
	border-bottom: solid 3px #DADACD;
	border-left: solid 3px #DADACD;
	border-right: solid 3px #DADACD;
	padding: 1px 10px 10px 10px;
}

.commentHeader
{
	font-weight: bold;
	font-style: italic;
}

.adminComment
{
	background: #DFDFDF url(../img/mrCeriIconSmall.png) no-repeat top right;
}

.showHidecommentsLink, .newComment
{
	padding: 0px 0px 10px 0px;
	clear: both;
}

.showHidecommentsLink a, .showHidecommentsLink a:hover, .showHidecommentsLink a:visited
{
	color: #444;
	text-decoration: none;
}

.quote
{
	background-color: #eee;
	padding: 5px 20px 5px 20px;
	margin: 20px 30px 20px 30px;
	border: solid 1px #ddd;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 14px;
}

#footer
{
	width: 100%;
	text-align: right;
	padding-top: 50px;
}

#footer p
{
	margin: 0;
	padding: 5px 10px;
	color: #666;
}

#footer a, #footer a:active, #footer a:hover, #footer a:visited, #footer a:link
{
	border-style: none;
	vertical-align: text-bottom;
}

#footer img
{
	border-style: none;
	vertical-align: text-bottom;
}

/* Page-specific styles */

/* Home */

.homePageImage
{
	text-align: center;
}

.homePageImage, .introduction
{
	height: 310px;
	border: solid 1px #fff;
}

.introduction p
{
	font-size: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.homePageSidePanel h4
{
	margin: 3px 0 0 0;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}

.miniFeedItem, .latestBlogPosts
{
	border: solid 1px #ccc;
	padding: 5px;
	margin: 0px 0px 15px 0px;
}

.miniFeedItem
{
	background-color: #eee;
}

.miniFeedItem h3
{
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

.miniFeedItem p
{
	padding: 5px;
	margin: 0px;
}

.homePageSidePanel
{
	padding: 0px;
/*	padding: 10px 10px 1px 10px; */
	margin: 30px 0px 0px 0px;
/*	border: solid 1px #ccc; */
}

.homePage
{
	width: 49%;
}

.homePage h1
{
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;
}

.homePage h2 a, .homePage h3 a
{
	color: #000;
}

.homePage h2
{
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

.homePage h3
{
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

/* News */

.news h2
{
	border-top: dotted 1px #aaa;
	border-bottom: dotted 1px #aaa;
	padding: 5px 0px 5px 0px;
	margin-top: 30px;
	clear: both;
}

.news h2 a
{
	color: #000;
}

.news h3
{
	font-size: 14px;
	font-style: italic;
	font-family: Verdana; 
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

/* Work in Progress */

#workInProgress h2
{
	border-top: dotted 1px #aaa;
	border-bottom: dotted 1px #aaa;
	padding: 5px 0px 5px 0px;
	margin-top: 30px;
	clear: both;
}

.workInProgressStatus
{
	margin: 20px 0px 10px 30px;
	font-style: italic;
}

/* About */

#aboutMeLinks td
{
	width: 50%;
	vertical-align: top;
	border-bottom: dashed 1px #aaa;
	border-right: dashed 1px #aaa;
	padding-bottom: 20px;
}

#aboutMeLinks td.top
{
	border-top: dashed 1px #aaa;
}

#aboutMeLinks td.left
{
	border-left: dashed 1px #aaa;
}

#aboutMeLinks td.emptyRight
{
	border-right: none;
	border-bottom: none;
}

/* Contact */

.standardFormLabel
{
	float: left;
	padding-right: 20px;
	text-align: right;
	width: 75px;
}

.standardFormTextBox
{
	margin-bottom: 15px;
	width: 500px;
}

.standardFormButton
{
	margin-left: 95px;  /* width of standardFormLabel + horizontal padding of standardFormLabel */
}

.contactFormValSummary
{
	margin-left: 95px;  /* width of standardFormLabel + horizontal padding of standardFormLabel */
}

.contactFormValSummary ul, .contactFormValSummary li
{
	padding: 0px;
	margin: 0px 0px 0px 5px;
	list-style-type: none;
}

/* Site Map */

#sitemap
{
	margin: 30px 0px 0px 30px;
}

#sitemap li
{
	list-style-type: none;
}

/* News 2010 */

.mobilePhoneTable
{
	width: 100%;
	margin: 20px 0px 20px 0px;
}

.mobilePhoneTable td
{
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
}