/*Load Default Rules*/
@import url("../Default/Stylesheet.css");

body
{
	/*Centered*/
	width:982px;/*982 = 868 + 57 + 57*/
	margin:auto;
	padding:auto;
	position:relative;
}

body, p, span, li, ul, ol, td
{
	font-family: Arial, Tahoma;
	font-size: 12px;
}

p
{
	margin-top:10px;
	margin-bottom:10px;
	line-height:14px;
}

H1 + p
{
	margin-top:0px;
}

H1
{
	color: #393A8C;
	margin-top:0px;
	margin-bottom:11px;
	font-size:24px;
}

* + H1
{
	margin-top:14px;
}

H2
{
	color:Black;
	font-size:18px;
	font-family:Nina,Arial;
	word-spacing:1px;
}

H3
{
	color: #CC0000;
	font-size:16px;
}

A:link
{
	color: #393A8C;
	text-decoration: underline;
}
	
A:visited
{
	color: #A39776;
	text-decoration: underline;
}
	
A:hover
{
	color: #CC0000;
	text-decoration: underline;
}


.ControlError
{
	background-color:#CC0000;
	color:White;
}

label.CustomRadio
{
	width:11px;
	height:11px;
	padding-left:15px;
	background-image:url(images/radiounchecked.jpg);
	background-position:0px 1px;
	background-repeat:no-repeat;
	cursor:pointer;
}

label.CustomRadio:hover
{
	min-width:11px;
	min-height:11px;
	padding-left:15px;
	background-image:url(images/radiochecked.jpg);
	background-position:0px 1px;
	background-repeat:no-repeat;
	cursor:pointer;
}	

/**********************************************
/* Layout Styles 
**********************************************/

form
{
	/*override defaults*/
	width:auto;
	margin:auto;
}

#divBoundary
{
	margin:57px;
	margin-bottom:0px;/*Set this in header to accommodate the footer*/
	width:800px;/*Total = 868 = 800 + 2 + 2 + 32 + 32*/
	border:solid 2px #393a8c;
	padding-left:32px;
	padding-right:32px;
	padding-top:25px;
	background-color:White;
	float:left;/*necessary for FF to stretch vertically*/
}

#divHeader
{
	width:800px;
	height:138px;
	background-image:url(images/top.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	cursor:pointer;
	margin-bottom:14px;
}

#divLeft
{
	float:left;
	width:216px;
	padding-bottom:25px;
	
	overflow:hidden;	
	position:relative;
}

#divLeft #divMenu /*This is the outermost menu container*/
{
	width:216px;
	position:relative;
	z-index:0;
	margin:0px;
	
	background-image:url(images/BoxRepeat.jpg);
	background-repeat:repeat-y;
}

#divLeft #divMenu .Top
{
	background-image:url(images/boxTop.jpg);
	background-repeat:no-repeat;
	width:216px;
	height:38px;
	position:absolute;
	top:0px;
	z-index:1;
}

#divLeft #divMenu .Back
{
	width:216px;
	padding-left:16px;
	padding-top:16px;
	padding-bottom:16px;
	position:relative;
	overflow:hidden;
	z-index:2;
}

#divLeft #divMenu .Bottom
{
	background-image:url(images/boxBottom.jpg);
	background-repeat:no-repeat;
	width:216px;
	height:38px;
	position:absolute;
	bottom:0px;
	z-index:1;
}


#divLeft #divCurrentPoll
{
	margin-top:8px;
	margin-bottom:9px;	
	margin-left:19px;
	width:156px;
}

#divLeft #divCurrentPoll H1
{
	color:#CC0000;/*9f3827*/
	text-transform:uppercase;
	font-size:18px;
	margin-top:0px;
	margin-bottom:0px;
}

#divLeft img.RegionMap
{
	width:152px;
	height:122px;
	margin-left:30px;
}

#divContentArea
{
	float:right;
	width:544px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
	
	height:auto;
	min-height:300px;
}

#divFooter
{
	height:57px;
	width:100%;
	position:relative;
}

#divFooter .Inner
{
	width:350px;
	text-align:center;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

br[clear=all]
{
	line-height:0px;
}

#divOverlay
{
	background-image:url(images/overlay.jpg);
	background-position:57px 57px;
	background-repeat:no-repeat;
	width:982px;
	height:768px;
	
	position:absolute;
	display:block;
	top:-44px;
	z-index:1;
	
	display:none;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/**************** CurrentPoll Styles *****************/

.CurrentPoll .PollName span
{
	color:#393A8C;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	word-spacing:2px;
}

.CurrentPoll #divCurrentPollButtonBox
{
	width:100%;
	text-align:center;
}

.CurrentPoll .tblCurrentPoll
{
	width:100%;
}
.CurrentPoll .tblCurrentPoll td
{
}

.CurrentPoll .tblCurrentPoll
{
}

.CurrentPoll .tblPollAnswers
{
	margin-top:19px;
}

.CurrentPoll .tblPollAnswers tr td
{
	color:#393A8C;
	font-size:13px;
	font-weight:bold;
	line-height:17px;
}

.CurrentPoll .tblPollAnswers tr.Alternate
{
}


/**************** Recent Blogs Style *****************/

#divRecentBlogs
{
	
}
#divRecentBlogs .RecentBlogList td
{
}

#divRecentBlogs .RecentBlogList td a
{
}

#divRecentBlogs .RecentBlogList td a:hover
{
	text-decoration:underline;
}

#divRecentBlogs .RecentBlogList td.Alternate
{
}


/**************** Blog Page Style *****************/

#divBlogPage
{
	position:relative;
	margin-left:9px;
}

#divBlogPage p
{
	font-size:11px;
	margin-top:0px;
	margin-bottom:3px;
	line-height:12px;
}

#divBlogPage p + p
{
	margin-bottom:12px;
}

H1.BlogPageTitle
{
	margin-bottom:35px;
}

.RSSLinkBox
{
	position:absolute;
	top:36px;
	left:0px;
}

.BlogTitle
{
	color:Black;
	font-size:18px;
	margin-bottom:0px;
	font-family:Nina,Arial;
	word-spacing:1px;
}

p.BlogByLine
{
	margin:0px; 
	font-size:10px!important;/*Not sure why, but this is needed to override the default style with same selector*/
}

td.blogCommentTitle
{
	font-weight: bold;
	font-size: small;
	padding-bottom:5px;
}

p.BlogContent
{
	margin:5px 0px 0px 0px;
}

div.BlogCommentContainer
{
	padding:3px 3px 3px 3px;
	margin: 5px 0px 5px 0px; 
	border: 1px solid #ccc;
}

#divBlogPage .ErrorHighlighting
{
	background-color:#CC0000;
	color:White;
}

#divBlogPage .tdToolBox
{
	padding:10px;
	padding-left:0px;
}

/* SharingToExternal Styles*/
#divSharingToExternal
{
	width:330px;
	height:24px;
	float:left;
	overflow:hidden;
}

#divSharingToExternal td
{
	padding-left:4px;
}


/**************** Contact Page Style *****************/

.moduleContact
{
}

.tblContact
{
	margin-left:10px;
}

.tblContact td 
{
	height:10px;
	line-height:10px;
}

.tblContact td.ContactLabel
{
	padding-right:10px;
}