body {
	margin: 0; 
	padding: 0;
	text-align: center;
	
}


a{
	text-decoration:none;
}

p {
	padding:1;
	margin:0;
	color: #333333;
	font: .7em Arial, Verdana, sans-serif;
	line-height: 15px;
	text-align:justify;
}

center {
	color: #7f7f7f;
	font: 8pt Arial, Verdana, sans-serif;
	}

#Login {
	padding: 1;
	margin: 0 0 0 265px;
	height:27px;
	background: #F1F1F2;
	width: 495px;
	font: 6pt, Arial, sans-serif;
}

td {
	padding:2;
	margin:2;
	color: #7f7f7f;
	font: 8pt Arial, Verdana, sans-serif;
	line-height: 15px;
	text-align:justify;
}

#login_td {
	padding:0;
	margin-left:300px;
	color: #7f7f7f;
	font: 8pt Arial, Verdana, sans-serif;
}

img{
	border:0;
}


h1{
	font: 1.5em Arial, Verdana, sans-serif bold ;
	letter-spacing: 1px;
	color: #d9863f; /* color=orange */
	font-variant: small-caps;
	text-align:right;
}

h2, h3, h4{
	display:inline;
	font: 1.0em Arial, Verdana, sans-serif bold;
	color: #000000; /* color=black */
}

h3{
	font-style: italic;
}

h4{
	font-weight: bold;
}

h5{
	display: inline;
	font: 1.0em Arial, Verdana, sans-serif bold;
	color: #888888;
}

h6{
	display: inline;
	font: 1.0em Arial, Verdana, sans-serif;
	color: #FFFFFF;
}


/*Parent Container*/
#container {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
}


/*Content Container*/
#mainContent {
	padding: 0; 
	margin:0;
	height: auto;
}


/*Header Container*/
#header{
	clear:both;
	margin:0 0 0 0;
	width:900px;
	height: 26px
}


/*Center Orange bar that includes the silhouette image*/
#midbar{
	clear:both;
	margin:0 auto;
	width:900px;
	height: 114px;
}


/* Login Bar at the top*/





/*When logged in, topBar will be replacing #Login*/
#topBar {
	padding: 0;
	margin: 0 0 0 535px;
	height: 27px;
	background: #F1F1F2;
	width: 235px;
	font: .8em Arial, sans-serif;
}

#topBar p{
	padding: 5px 0 0 0;	text-align:center;
}
#topBar a{
	color: #7f7f7f;
	border-bottom: 1px #666666 dotted;
}
#topBar a:hover{
	color: #333333;
	border-bottom: 1px #333333 dotted;
}


/* Body Container */
#homeBody{
	margin: 0 0 0 0;
	width: 900px;
	clear:both;
}



#bottommenu{
	margin: 10px 0 0 282px;
	width: 482px;
	clear:both;
}


/* Footer Container */
#footer{
	clear:both;
	margin: 15px auto 0 auto;
	text-align:center;
}

#footerLogos{
	float:left;
	margin: 0 10px;
}

#footer p{
	color:#CCCCCC;
	font: .7em Arial, Verdana, sans-serif ;
	margin: 5px 0 0 15px;

}




/* User Navigation /// Located in orange bar // Invite . Activity . etc....*/
#midbar ul{
	height:27px;
	text-align:center;
	position:absolute;
	top: 234px;
	width: 520px;
	display: block;
	list-style-type: none;
	padding: 7px 5px 0 0px;
	margin: 0 5px 0 280px;
	text-transform: none;
	color:#FFFFFF;
	font: 10pt Arial, Verdana, sans-serif;
	font-weight: bold;
}	
	
#midbar li{
	display:inline;	
}

#midbar li a{
	color:#FFFFFF;
	text-decoration:bold;
	padding: 0 2px;

}

#midbar li a:hover{
	color:#ff6600;
	font-style: normal;
	padding: 0 2px 2px 2px;
	
}







/* Main Navigation  //  Located under body copy ////  about. media . faqs. blog  */
ul{
	display: block;
	list-style-type: none;	
	padding: 0 5px 0 0px;
	margin: 20px 0 0 0;
	font: .6em Arial, Verdana, sans-serif ;
	text-transform: uppercase;
	color:#d9863f;/* color=orange */
}

li{list-style-type: circle;
	display:inline;
}

li a{
	color:#d9863f;
	text-decoration:none;
}

li a:hover{
	color:#CCCCCC;
	font-style:italic;
}

li  #socialNet {
	padding: 0 0 0 15em;
}




/* Footer Navigation*/
#footer ul{
	display: block;
	list-style-type: none;	
	padding: 0 5px 0 0px;
	margin: 5px 0 0 45px;
	font: .5em Arial, Verdana, sans-serif ;
	text-transform: uppercase;
	color:#CCCCCC;
	float:left;}

#footer li a{
	color:#CCCCCC;
}

#footer li a:hover{
	color:#d9863f;
	font-style:italic;
}

li #cpyrht {
	padding: 0 0 0 95px;
}







/* Below are all properties for images*/
.img_rndcrnleft {
	float:left;
}

.img_rndcrnrt {
	float:right;
}

.img_logo{
	float:right;
	margin: 15px 40px 0 0;
}

.img_headertop{
	float:left;	
	clear:both;
	margin: 55px 0 0 105px;
}

.img_headerbtm{
	padding:0;
	float:left;
	margin: 0 0 0 34px;
	position:absolute;
	top:261px;
}

.img_tag{
	clear:both;
	margin: 10px 50px 0 0;
	float:right;
	padding: 0 0 10px 50px;
}