/* Base */

body
{
	color:#404040;
	font-size:70%;
	font-family:arial,helvetica,sans-serif;
}

h1
{
	font-size:200%;
}

h2
{
	font-size:110%;
}

h3, h4, h5, h6
{
	font-size:100%;
}

hr 
{
    margin:8px 5px 8px 0;
}

input[type=submit], input[type=button]
{
    border:1px solid #0e5786;
    padding:0 10px 0 10px;
    background:#0d7bbc url(../Images/BlueButtonBack.png) bottom repeat-x;
    color:#FFFFFF;
    margin:3px;
    font-size:95%;
}

.SimpleList
{
	margin:0;
	padding:0;
	list-style:none;
}

/* Page Structure */

.MainContainer
{
	position:relative;
	width:748px;
	overflow:hidden;
	margin: 0 auto;
	background:#FFFFFF;

}

.Header
{
	position:relative;
	width:100%;
	height:95px;
	overflow:hidden;
	clear:both;
	background:url(../Images/HeaderBack.png) repeat-x;
}

.BreadCrumbs
{
	position:relative;
	width:728px;
	padding:7px 10px 13px 10px;
	overflow:hidden;
	background:#FFFFFF;
	color:#8AC0E2;
}	

.MiddleColumn
{
	position:relative;
	width:424px;
	float:left;
	margin:0 5px 0 5px;
	overflow:hidden;
}

.TwoColumnMainContent
{
	position:relative;
	width:581px;
	float:left;
	margin:0 5px 0 5px;
	overflow:hidden;
}

.FullWidthMainContent
{
	display:inline;
	float:left;
	position:relative;
	width:738px;
	float:left;
	margin:0 5px 0 5px;
	overflow:hidden;
}


.LeftColumn, .RightColumn
{
	display:inline; /* Added to fix IE Bug */
	position:relative;
	width:157px;
	overflow:hidden;	

}

.LeftColumn
{
	float:left;
	background:#ffffff;
}

.RightColumn
{
	float:right;
	background:#fffbb4 url(../Images/RightColumnBack.png) left repeat-y;
	min-height:650px;	
	height:auto !important;
	height:650px;		
}

.Footer
{
	position:relative;
	width:738px;
	margin:15px auto 0 auto;
	padding:6px 5px 6px 5px;
	background:#0075BF;
	font-size:80%;
	color:#FFFFFF;
}

/* End Page Structure */

/* Header Menu */

.HeaderMenu
{
	position:relative;
	float:left;
	top:5px;
	left:0;
}

.HeaderMenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

.HeaderMenu li
{
	display:inline;
}

.HeaderMenu a, HeaderMenuLastItem a
{
	display:block;
	float:left;
	padding:2px 8px 2px 8px;
	margin:0;
	font-size:80%;
	color:#FFFFFF;
	text-decoration:none;
}

.HeaderMenu a
{	
	margin-right:2px;
	background:#4C9ED2;	
}

.HeaderMenuLastItem a
{
	background:url(../Images/HeaderMenuLastItemBack.png) repeat-y;	
}

.HeaderMenu a:hover, HeaderMenuLastItem a:hover
{
	text-decoration:underline;
}

/* End Header Menu */

/* Left Column Items */

.LeftColumn h2
{
	display:block;
	width:92%;
	margin:0;
	padding:4px 4% 4px 4%;
	border-bottom:#FFFFFF 1px solid;	
	background:#0075BF;
	color:#FFFFFF;
}

.Menu
{
	list-style:none;
	margin:0;
	padding:0;
}

.Menu a
{
	display:block;
	width:88%;
	padding:4px 8% 4px 4%;	
	background:#CCE3F2 url(../Images/MenuArrowNormal.png) center right no-repeat;
	text-decoration:none;
	color:#0075BF;
	border-bottom:#FFFFFF 1px solid;
}

.Menu a:hover
{
	background:#FFFFFF url(../Images/MenuArrowHover.png) center right no-repeat;
	color:#0075BF;
	border-bottom:#CCE3F2 1px solid;
}

.SelectedMenuItem a
{
	background:url(../Images/MenuArrowActive.png) #0075BF center right no-repeat;
	color:#FFFFFF;
	border-bottom:#FFFFFF 1px solid;
	font-weight:bold;
}

.LeftColumnContentArea
{
	margin:0;
	width:92%;
	padding:4%;
	background:#D9EAF5;
	overflow:hidden;
}

.LeftColumnContentArea p
{
	margin:0;
}	

/* End Left Column Items */

/* Right Column Items */

.ToolMenu
{
	list-style:none;
	margin:0 0 0 9px;
	padding:0;
}

.ToolMenu a
{
	display:block;
	width:88%;
	padding:4px 8% 4px 4%;	
	background:url(../Images/ToolArrowNormal.png) center right no-repeat;
	text-decoration:none;
	color:#000000;
	border-bottom:#FDC056 1px solid;
}

.ToolMenu a:hover
{
	background:url(../Images/ToolArrowHover.png) center right no-repeat;
	text-decoration:underline;
}

.ToolsBack

{
    background:#FFFFFF url(../Images/MainContentToolsBack.png) right repeat-y;
}


.RightColumn h2
{
	display:block;
	float:left;
	width:92%;
	padding:4px 4% 4px 4%;	
	margin:0;
	background:#FDC056 url(../Images/ToolTitleBack.png) left repeat-y;
	font-size:100%;
	color:#000000;
	font-weight:bold;
}

.RightColumnContentArea
{
	display:inline;
	float:left;
	width:88%;
	margin:0;
	padding:4% 4% 4% 8%;
	overflow:hidden;
}

/* Rigth Column Items End */

/* Landing */

.Landing
{
	margin:0 0 11px 0;
	background:#FFE095;
	overflow:hidden;
}

.LandingImageOnly
{
	margin:0 0 11px 0;
	overflow:hidden;
	clear:both;
	background:#FFFFFF;
	
}

.LandingImageOnly img
{
	float:right;
	margin:0;
	padding:0;
}

.LandingHeader
{
	display:block;
	float:left;
	width:156px;
	padding:0 12px 60px 12px;
	margin:0;
	background:#FFFFFF url(../Images/LandingHeaderBack.png) left bottom no-repeat;
}

.LandingHeader h1, h2
{
	margin:0;
	padding:0;
	line-height:normal;
}

.LandingHeaderCalc
{
	display:block;
	float:left;
	padding:0 12px 60px 12px;
	width:100%;
	margin:0;
	background:#FFFFFF url(../Images/LandingHeaderBack.png) left bottom no-repeat;
}

.LandingHeaderCalc h1, h2
{
	margin:0;
	padding:0;
	line-height:normal;
}

.LandingText
{
	width:46%;
	padding:0 2% 0 2%;
	float:left;
}

.LandingImage
{
	float:left;
	clear:left;
	width:180px;
	height:155px;
	background:top left no-repeat;
}

/* Content Block */

.ContentBlock
{
	position:relative;
	float:left;
	width:100%;
	margin:0 0 11px 0;
	border:1 px solid #FF66CC;
	clear:both;
	background:#D9EAF5;
	overflow:hidden;
}

.ContentBlock h2
{
	display:block;
	width:100%;
	float:left;
	padding:6px 0 6px 0;
	border-bottom:#4D9ED2 2px solid;
	margin:0;
	text-indent:14px;
	background:#0075BF;
	font-size:100%;
	color:#FFFFFF;
	font-weight:bold;
}

.ContentBlockLink
{
	display:block;
	float:left;
	width:100%;
	padding:2px 0 2px 0;
	border-top:#FFFFFF 1px solid;
	margin:0;
	clear:both;
	text-indent:24px;
	background:#99C8E5 url(../Images/LinkArrow.png) center left no-repeat;
	font-size:80%;
	color:#014E7F;
	text-decoration:none;
}

.ContentBlock a:hover, .ContentBlockWithImage a:hover
{
	text-decoration:underline;
}

.ContentBlockImage
{
	float:left;
	width:180px;
	height:155px;
	background:top left no-repeat;
}

.ContentBlockText
{
	float:left;
	overflow:hidden;
	width:96%;
	padding:2% 2% 2% 2%;

}

.ContentBlockTextWithImage
{
	width:46%;
	padding:0 2% 0 2%;
	float:right;
}

/* Content Full */

.ContentFull
{
	position:relative;
	width:96%;
	margin:0 0 11px 0;
	padding:2%;
	clear:both;
	background:#F3F8FC;
	overflow:hidden;
}

.ContentText
{
	padding:2%;
	background:#F3F8FC;
	overflow:hidden;
	margin-bottom:10px;
}

/* End Content Full */



/* Content Elements */

.CommunitiesList
{
	list-style:none;
	margin:0;
	padding:0;
	font-size:90%;
}

.CommunitiesList li
{
	display:block;
	float:left;
	position:relative;
	width:96%;
	margin:2% 2% 2% 2%;
	clear:both;
	overflow:hidden;
}
.CommunitiesList a
{
	display:block;
	width:40%;
	float:right;
	overflow:hidden;
	text-decoration:none;
}

.CommunitiesList a:hover
{
	text-decoration:underline;
}

.CommunitiesList img
{
	display:block;
	float:left;
}

/* Action List */
.ActionsList
{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.ActionsList li
{
	display:block;
	width:96%;
	margin:0 2% 4% 2%;
	background:#CCE3F2;
	text-decoration:none;
	color:#000000;
}

.ActionsList span
{
	display:block;
	width:96%;
	padding:2%;
	margin:0;
}

.ActionsList h2
{
	display:block;
	width:96%;
	padding:2%;
	margin:0;
}

.ActionsList a
{
	width:100%;
	margin:4% 0 0 0;
	position:relative;
	display:block;
	padding:2px 0 2px 0;
	border-top:#FFFFFF 1px solid;
	clear:both;
	text-indent:24px;
	background:#99C8E5 url(../Images/LinkArrow.png) center left no-repeat;
	font-size:80%;
	color:#014E7F;
	text-decoration:none;
}

.ActionsList a:hover
{
	text-decoration:underline;
}

/* Action List End */

.CalcHeader
{
	position:relative;
	width:541px;
	height:35px;
	padding:10px 0 0 40px;
	margin:0;
	background:url(../Images/CalcHeaderBack.png) top left no-repeat;
	color:#FFFFFF;
}

.CalcHeader h2
{
	font-size:14px;
	margin:0;
	padding:0;
	line-height:14px;
}

.CalcBody
{
	position:relative;
	width:501px;
	padding:40px;
	margin:0;
	background-color:#0070b6;
	color:#FFFFFF;
	font-size:120%;
}

.CalcBody a
{
	color:#FFFFFF;	
}

.CalcButtons
{
	position:relative;
	width:501px;
	padding:0 40px 25px 40px;
	margin:0 0 11px 0;
	background:#0070b6 url(../Images/CalcButtonsBack.png) bottom left no-repeat;
	overflow:hidden;
}

.LoginContainer 
{
	float:none;
    width:320px;
    margin:auto;
}

.LoginTable 
{
    width:100%;
    margin:10px 0 10px 0;
}

.LoginTableLabelCell 
{
    width:40%;
    text-align:right;
    font-weight:bold;
}

.LoginTableControlCell 
{
    width:60%;
}

.ErrorLabel 
{
    font-size:90%;
    color:Red;
    font-weight:bold;
}

.MapContainer 
{
    float:right;
    width:350px;
}

.JoinCommunityOptionHeading
{
    font-size:120%;
    font-weight:bold;
}

.CommunityDetailsTable 
{
    width:95%;
    margin:auto;
}

.CommunityDetailsTableLabelCell
{
    width:40%;
    font-weight:normal;
    text-align:right;
    vertical-align:top;
    font-weight:bold;
    padding:5px 0 20px 0;
}

.CommunityDetailsTableControlCell
{
    width:60%;
    vertical-align:top;   
    padding:0 0 20px 0;    
}

.NoTopPadding
{
    padding:0 0 20px 0;
}

.PageIntro 
{
    float:left;
    overflow:hidden;
    width:550px;
    margin:0 0 20px 0;
}

.PageImage 
{
    float:right;
    overflow:hidden;    
    width:180px;
    margin:0 0 20px 0;    
}

.SmallNote 
{
    font-size:90%;
}

.CommunityPageSummaryTable
{
    width:400px;
    border:1px solid;
    margin-left:20px;
}

.CommunityPageSummaryLabel
{
    width:30%;
    background-color:#efefef;
    font-weight:bold;
}

.CommunityPageSummaryData
{
    width:70%;
}

.CommunityImageContainer 
{
    float: right;
    margin-bottom:20px;
}
		
	

/* Content Elements End */
