﻿body {}
/* --- All Page Styles --- */
html, body, form.mainForm {height:100%;}
body {margin:0; padding:0; background: url(/laf/bg.jpg) top left repeat-x; text-align:center;}
#Wrapper {margin:0px auto -142px auto; width: 960px; text-align:center; text-align:left; min-height:100%; height: auto !important; height: 100%;}

/* --- Header --- */
#Header {width:960px; position:relative; z-index:10; height:130px; width:100%; color:#000; margin-bottom:17px;}
	#Header #logo {position:absolute; top:14px; left:34px;}
	#UtilityMenu {float:right; width:450px; text-align:right;}
	#searchBox {float:right; clear:both; width: 285px; position:relative; margin-top:10px;}
		#searchBox input {position:absolute; top:0; left:0; border:2px solid #ccc; float:left; line-height:22px; padding:1px; margin:0px;}
		#searchBox a {position:absolute; border:0; margin:0; padding:0;  top:0; right:0;}
    #Header #primaryNav {position:absolute; width:960px; height:27px; top:100px; left:0px; margin-bottom:0;}

/* --- Sticky Footer --- */
#Footer, .Push {height: 142px;}
.Push {clear:both; width:100%; }
#Footer {background:#D7D3C7 url(../../../../laf/FooterBG.png) top left repeat-x; text-align:center; height:142px; padding:0px; margin:0px;}
    #FooterContainer {width:960px; text-align:left; margin:0 auto; height:100px; position:relative;}

/* --- Home ----------------------------------- */
#RowOne {clear:both; width:960px;}
    #RowOne #ImagePlaceholder {float:left; width:625px; padding:9px; background:White;}
        #RowOne #Image {float:left; width:407px;}
        #RowOne #Text {float:right; width:208px;}
    #Content #Login {float: right; background: url(../../../../laf/LoginBG.png) top left no-repeat; width:274px; padding:13px; height:182px;}
    
#RowTwo {clear:both; width:960px;}
    #RowTwo #NewsAndEvents {float:left; padding:15px; border:1px solid #cccccc; width:541px; min-height:315px; background-color:White;}
        #News {float:left; border-right:1px solid grey; width:261px; padding-right:10px; }
        #Content #Events {float:right; width:261px; }
    #RowTwo #GroupsAndJoin {float:right; padding:15px; background:#eee; border:1px solid #ccc; width:340px; margin-bottom:12px;}
        #RowTwo #Groups {float:left; width:210px;}
        #RowTwo #Join {float:right; width:113px;}
    #RowTwo #Mission {float:right; padding:10px 15px; background:#666; border:1px solid #ccc; width:340px; color:White;}

/* --- 3 Column ------------------------------- */
#Content div {float:left;}

/* --- plugins --- */
#Login table, #Login td {padding:0; margin:0;}
#Login fieldset {clear:both; padding:0; margin:0; border:0px;}
#Login fieldset li {padding:0px ; margin:0px; width:100%; position:relative;}
#Login fieldset .TextBox {padding-bottom:10px;}
#Login fieldset .LabelItem a {position:absolute; right:0px; display:block;}
#Login fieldset label {font-size:1.4em;}
#Login fieldset li.JoinInfo input {position:absolute; top:0px; right:0px; width:50px;}
#Login fieldset li input[type=text] ,#Login fieldset li input[type=password] {padding:3px 0;}
#Login fieldset li input[type=text]:focus ,#Login fieldset li input[type=password]:focus {background:lightblue; border:1px solid blue;}
#Login fieldset li.JoinInfo span {font-size:1.3em; display:block; width:205px; line-height:1.7em;}
#err {width:100%; clear:both; color:Red;}

