/* Colors: #336666 dark green; #669999 lighter green; #ffcc66 gold */
body
{
    margin: 0px auto 0px auto;
    max-width: 70em;
    font-family: Arial;
    background-color: #808080;
    text-align: center;
}
#LoginDiv
{
    float: right;
    width: 18%;
    background-color: #000033;
    font-family: Arial;
    color: #FFFFFF;
    text-align: center;
}
#BannerDiv
{
    width: 100%;
    background-color:#660000;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #000033;
}
#BannerImage
{
    width:100%;
}
#SubMenuDiv
{
    float:left;
    line-height:150%;
    width:100%;
    background-color:#660000
}
#LeftSubMenuP
{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    color: #FFFFFF;
}
#CenterSubMenuP
{
    float:left;
    width:50%;
    text-align:center;
}
#RightSubMenuP
{
    float:left;
    width:25%;
    text-align:center;
}

#MenuDiv
{
    width: 100%;
    text-align: center;
    background-color: #000033;
    line-height: 200%;
}
.Zindex
{
    z-index: 100;
}
#MainNavMenu
{
/* embeded in parent page */
}
/* column container */
.ColMask 
{
    position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
	/* common column settings */
.ColRight, .ColMid, .ColLeft
{
    float: left;
    width: 100%; /* width of page */
    position: relative;
}
.Col1,
.Col2,
.Col3 
{
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.ThreeCol 
{
	background:#660000;	/* right column background color */
}
.ThreeCol .ColMid
{
    background-position: #fffff;
    right: 25%; /* width of the right column */
    background: #fffcc;
    background-color: #FFFFFF;
}
.ThreeCol .ColLeft {
	right:50%;			/* width of the middle column */
	background:#660000;	/* left column background color */
}
.ThreeCol .Col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.ThreeCol .Col2 {
	width:25%;			/* Width of left column content (column width minus padding on either side) */
	left:29%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.ThreeCol .Col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:81%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
#FooterDiv
{
    width: 100%;
    clear: both;
    background-color: #000033;
}
#CopyRightP
{
    text-align: right;
    margin-right: 2%;
    color: #FFFFFF;
    line-height:150%;
}
/* Classes */
h1
{
    font-size: 2.0em;   /* 32px */
}
h2
{
    font-size:1.5em;    /* 24px */
}
h3
{
    font-size: 1.0em;
    font-weight: normal;
}
h4
{
    font-size:.75em     /* 12px */
}
.Left
{
    text-align: left;
}
.LeftBold
{
    font-weight: bold;
    text-align: left;
}
.LeftItalic
{
    font-style: italic;
    text-align: left;
}
.LeftBoldItalic
{
    font-weight: bold;
    font-style: italic;
    text-align: left;
}
.Center
{
    text-align: center;
}
.CenterBold
{
    font-weight: bold;
    text-align: center;
}
.CenterItalic
{
    font-style: italic;
    text-align: center;
}
.CenterBoldItalic
{
    font-weight: bold;
    font-style: italic;
    text-align: center;
}
.Right
{
    text-align: right;
}
.RightBold
{
    font-weight: bold;
    text-align: right;
}
.RightItalic
{
    font-style: italic;
    text-align: right;
}
.RightBoldItalic
{
    font-weight: bold;
    font-style: italic;
    text-align: right;
}
.indent
{
    margin-left: 5px;
}
.LeftIndent
{
    text-align: left;
    margin-left: 10px;
    padding-top: 0px;
    margin-top: 0px;
}
.LeftIndentBold
{
    text-align: left;
    margin-left: 10px;
   padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom:0px;
    font-weight: bold;
}
.LeftIndentDouble
{
    text-align: left;
    margin-left: 25px;
    padding-top: 0px;
    margin-top: 0px;
}
.LeftNoPadding
{
    padding-bottom: 0px;
    text-align: left;
    margin-bottom: 0px;
    font-weight: bold;
}
.CenterNoPaddingBottom
{
    padding-bottom: 0px;
    text-align: Center;
    margin-bottom: 0px;
}
.CenterNoPaddingTop
{
    padding-bottom: 0px;
    text-align: Center;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
}
.ContentDiv
{
    border: 3px solid #000033;
    width: 98%;
    margin-top: 6%;
    text-align: center;
    background-color: #FFFFFF;
}
.RightColDivTitleP
{
    font-family: Arial;
    color: #FFFFFF;
    background-color: #000033;
    text-align: center;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 200%;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #000033;
}
.RightColDivContentP
{
    background-color: White;
}
.DonateWrapperDiv
{
    width: 98%;
    margin-top: 6%;
    text-align: center;
}
.ContentAutoWidthDiv
{
    border: 6px solid #000033;
    margin-top: 6%;
    text-align: center;
    width: 170px;
}
.RightColDivContentNoPaddingP
{
    border: 6px solid #000033;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 174px;
}
.LeftLayoutP
{
}
.CenterLayoutP
{
}
.NoUnderlineLink
{
    text-decoration: none;
}
.UnumberedList
{
    text-align: left;
}
.LeftColImages
{
    max-height:300px;
    width:100%;
}

.justify
{
    text-align: justify;
}