/*
* Style sheets for page one of the Community site
* @author: Mona AbouTaka
* Last edited: April 13th, 2006
*/

body {
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

td {
	text-align: left;
}

select {
	border: 1px solid #0f2b55;
	color: #0f2b55;
	font-size: 9pt;
	font-weight: bold;
}

option {
}

textarea {
	border: 1px solid #0f2b55;
        color: #0f2b55;
        font-size: 9pt;
	font-weight: bold;
}

img {
	border: 0px
}
#private {
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
}
#container {
	width: 100%;
/*	height: 335px; */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

#searchBox {
	font-size: 10pt;
	font-weight: bold;
}

#searchBox input {
	font-size: 8pt;	
	color: #0f2b55;
	border: 1px solid #0f2b55;
}

#menuArea {
        position: absolute;
	text-align: left;
	padding: 0px;
	display: none;
}

#menuArea #text {
	padding: 3px;
	font-size: 11pt;
	display: none;
}

#menuArea #text2 {
	padding: 0px;
	display: none;
}

#menuArea a {
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: #0f2b55;
	padding: 5px;
	display: none;
}

#menuArea a:hover {
        font-weight: bold;
        text-decoration: overline;
	color: #f8911c;
	display: none;
}
			
#communityListing {
	font-size: 8pt;
	color: #f8911c;
	display: none;
}
#communityListing #heading {
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
	border-bottom: solid #dedede 1px;
	display: none;
}

#communityListing #options {
	font-size: 8pt;
	font-weight: bold;
	width: 100%;
	display: none;
}

#communityListing #options h1 {
	font-size: 10pt;
	width: 100%;
	color: white;
	text-align: right;
	border-bottom: solid #dedede 1px;
	margin: 0px 0px 10px 0px;
	display: none;
}

#communityListing #options #text {
	padding-left: 5px;
	display: none;
}

#communityListing a {
	color: #f8911c;	
	text-decoration: none;
	display: none;
}

#communityListing a:hover {
	color: #ffffff;
	text-decoration: overline;
	display: none;
}

#defaultlinks {
	color: #FFFFFF;
	font-weight: bold;
}

#banner {
	padding: 0px;
	/*background-color: #0092C3;*/
	background-color: #FFFFFF;
 	}

#subbanner {
	color: #0f2b55;
	font-weight: bold; 
	width: auto;
	border: 1px;
	border-style: solid;
	background-color: #FFFFFF; 
	}

#search {
	display: none;
	color: #FFFFFF;
	/*background-color: #669EE3;*/
	background-color: #4567A6;
	text-align: right;	
	}
#search form {
	padding: 0px;
	margin: 0px;
	}		

#search input {
	color: #FFFFFF;
	font-size: 8pt;
	background-color: #0f2b55;
	border: solid white 1px;
	}

#helparea{
	display: none;
	color: #0f2b55;
}

#helparea a {
	display: none;
	font-weight: bold; 
	text-decoration: none;
	color: #0f2b55;
}

#helparea a:hover {
	color: #f8911c;
	text-decoration: overline;
	display: none;
}

#content {
	position: absolute;
	top: 0px;
	color: #0f2b55;
	width: 750px;
	}

#content h1 {
	font-size: 18pt;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#content h2 {
	font-size: 16pt;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#content p {
	font-size: 11pt;
}

#content a {
	color: #F8911c;
	text-decoration: none;
}

#content a:hover {
	color: #0f2b55;
	text-decoration: overline;
}

#content input{
	display: none;
	color: #0f2b55;
	font-size: 9pt;
	padding: 2px;
	font-weight: bold;
	background-color: #ffffff;
	border: solid 1px #0f2b55;				
}

#success {
	font-size: 9pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #f8911c;
}

#calendar {
    	font-size: 10pt;
	font-weight: bold;
	}

#calendar td#pink {
	background-color: #F8911c;
	vertical-align: top;
	border: 1px solid #0f2b55;
}

#calendar td#gray {
	background-color: #e5e5e5;
	vertical-align: top;
	border: 1px solid #0f2b55;
	}

#calendar td#white {
	background-color: #FFFFFF;
      	vertical-align: top;
	color: #0f2b55;
 	border: 1px solid #0f2b55;
	}
    
#calendar table#monthview  {
	width: 100%; 
        background-color: #0f2b55;
	color: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #0f2b55;
	}

#calendar table#greyheader {
	border: 1px solid #0f2b55;
      	background-color: #f8911c;
      	width: 100%; 
	border-collapse: collapse;
	}

#calendar table#navbar {
	text-align: center;
	background-color: white;
	border-collapse: collapse;
	
	}

#calendar th {
	color: #0f2b55; 
        background-color: white;
        text-transform: uppercase;
	 border: 1px solid #0f2b55;
}

#calendar h1 {
	color: #0f2b55;
	text-align: center;
	}

#calendar h3 {
	color: #0f2b55;
	}

#calendar h5 {
	color: #0f2b55;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}

#calendar h5 a {
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}

#calendar a {
	color: #0f2b55;
	text-align: left;
	font-weight: bold;
	font-size: 10pt;
	}

#calendar a:hover {
	color: #000000;
	text-align: left;
	font-weight: bold;		
	}

#files {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	}

#files .altButton {
	font-family: Arial, verdana;
	font-size: 16px;
	color: #000000;
}

#files .normalred {
	font-size: 11pt;
	color: #990000;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	text-decoration: none;
	}

#files .normalblack {
	font-size: 11pt;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	text-decoration: none;
}

#files .smallblack {
	font-size: 12pt;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	}

#sidebar-a {
	float: left;
	width: 150px;
	width: 154px;
      	width: 130px;
      	height: auto;
	margin: 3px;
      	padding: 10px; 
      	background-color: #4567A6;
	border: 1px;
	border-style: solid;
	border-color: #FF5E00;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	}

#sidebar-a a {
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	}
	
#sidebar-a hr{
	height: 2px;
	width: 85%;
	text-align: left;
	}

#sidebar-b {
	color: #FFFFFF;
	float: right;
	margin-right: 3px;
	margin-bottom: 5px;
	width: 200px;
      	width: 204px;
      	width: 200px;
	height: auto;
	font-size: 13px;
	padding: 5px;
	/* margin: 2px;
        padding: 2px;*/
        background-color: #4567A6;
	border: 1px;
	border-style: solid;
	border-color: #FF5E00;
}

#sidebar-b a{
	color: #ffffff;
	}

#sidebar-b li {
	margin: 2px;
	}

#sectionheader {
	padding: 3px;
	padding-left: 10px;
	color: white;
	background-color: #0f2b55;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#headingbar {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	clear: both;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	background-color: #0f2b55;
	border: 1px;
	border-style: solid;
	border-color: #0f2b55;
	}
   
#communitylisting {
	background: #e5e5e5;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9pt;
	border: 1px solid #0f2b55;
	}
	
#communitylisting a {
	color: #0f2b55;
	font-weight: normal;
	}	
	
#communitylisting_links {
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	}

#communitylisting_view {
	padding: 0px;
	font-size: 10pt;
 	padding-top: 5px;
	}
	
#communitylisting_view table{
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border: 1px;
	border-style: solid;
	border-color: #0f2b55;
	}

#communitylisting_view td {
	border: 1px;
	padding: 4px;
	border-style: solid;
	vertical-align: top;
	}

#communitylisting_view a { 
	color: #0f2b55;
	font-weight: bold;
	}

#listingcommunities {
	padding: 5px;
	border: 1px solid #0f2b55;
	font-size: 9pt;
	background-color: #e5e5e5;
	}

#listingcommunities a {
	font-size: 9pt;
	color: #0f2b55;
	font-weight: bold;
	
	}

#listingcommunities table {
	padding: 0px;
	border-spacing: 0px;
}

#listingcommunities td {
	vertical-align: top;
}

    
ul {
	list-style: none;
	}
#lastlogin {
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 8px;
}

#lastlogin td {
	text-align: right;
}

#sectioncontainer {
	width: 748px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #0f2b55;

}
#recentevents table {
	padding: 0px;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	border-spacing: 0px;
	font-size: 9pt;
}

#reentevents tr td {
	padding: 0px;
	border-spacing: 0px;
}

#recentevents #line {
	background: #0f2b55;
	height: 5px;
}

#recentevents #line2 {
        background: #0f2b55;
        height: 20px;
}
		
#recentevents #light1 {
	font-size: 12pt;
	font-weight: bold;
	width: 50%;
}

#recentevents #dark1 {
	font-size: 12pt;
        font-weight: bold;
	width: 50%;
}

#recentevents #light2 {
	font-size: 8pt;
	width: 5%;
	vertical-align: top;
}

#recentevents #dark2 {
        font-size: 8pt;
        width: 5%;
}
						

#recentevents #light {
	width: 50%;	
	font-size: 8pt;
}

#recentevents #light a {
	text-decoration: none;
	color: #0f2b55;
}

#recentevents #light a:hover {
	text-decoration: overline;
        color: #f8911c;
	 
}

#recentevents #dark {
	width: 50%;
	font-size: 8pt;
}

#recentevents #dark a {
        text-decoration: none;
        color: #0f2b55;
}

#recentevents #dark a:hover {
	text-decoration: overline;
	color: #f8911c;
}
#theLinks {
	color: #0f2b55;
	font-size: 10pt;
}
#commedit {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 14pt;
}
#commcontainer {
	background: #0f2b55;
	color: white;
	padding: 5px;
	font-weight: bold;
}
#commcontainer input {
	background: white;
	color: #0f2b55;
	font-size: 10pt;
}
#theLinksEdit {
	 background: #0f2b55;
         color: white;
	 padding: 5px;
	 font-weight: bold;
	 font-size:10pt;
}
#theLinksEdit input {
        background: white;
        color: #0f2b55;
        font-size: 10pt;
}
#theLinksEdit td {
	vertical-align: top;
}
#gray {
	background: #0f2b55;
	color: white;
}
#grayish {
	background: #e5e5e5;
	font-size: 10pt;
}
#white {
	font-size: 10pt;
}
#messages {
	font-size: 10pt;
}
#messages td {
	font-size: 10pt;
}
#displaysinglemessage {
	background: #0f2b55;
	color: white;
	font-size: 10pt;
}
#displaysinglemessage input {
	color: #0f2b55;
	background: white;
	padding: 5px;
}
#displaysinglemessage2 {
	color: #0f2b55;
	font-size: 10pt;
}
#postedMessage {
	border: 1px solid #0f2b55;
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
}
#postedMessage #header {
	background: #e7e7e7;
}
#postedMessage #buttons {
	text-align: right;
	background: #d7d7d7;
}
#postedMessage #font {
	font-size: 8pt;
	font-weight: bold;
}
#postedMessage #body {
	height: 100px;
	vertical-align: top;
}