/* CSS Document */

/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	font: 60%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:10px;
	background-color: #FFF;
	background: #FFF url(images/body_backgd1.jpg) repeat-y;
	
	
}

h1 {
  font-size: 2.8em;
  font-weight: bold;
  /*border-bottom:1px solid #FFE5CC;*/
  color:#000000;
  padding-left:0.2em;
  background: #099 url(images/header_backgd.jpg) repeat-x;
  
  
}

h2 {
  font-size: 1.6em;
  font-weight: bold;
}

p, li {
  font-size: 1.4em;
  /*word-spacing: 0.1em;*/
 
  
}

p {
 margin: 1em 0;
}


#heading {
	height:146px;
	width:780px;
	background:#FFF url(images/banner.jpg) no-repeat right top;
	/*border-buttom:1px solid #099;*/

}

	

#branding {
  height: 150px;
  background-color:#b0b0b0;
  background: #FFF url(images/wf_header.jpg) no-repeat right top;

 }

#heading p {
	color: #FFF;
	width:20em;
	float:right;
	font-weight:bolder;
	
}

#mainNav {
  list-style: none;
  /*background-color:#999999;*/
  
}

#secondaryContent {
  /*background-color:#999999;*/
}

#secondaryContent h2 {
  font-size: 2.0em;
  margin: 0;
  color:#FFF;
}

#secondaryContent p {
  font-size: 1.4em;
}



/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 780px;
}

#wrapper {
  width: 780px; 
  margin: 0 auto; 
  text-align: left;

 /* border-bottom:1px solid #099;*/
  /*background: #fff url(images/wf_faux.gif) repeat-y left top;*/ 
}

#mainNav { 
  width: 160px; 
  float: left; 
}

#content {
	width:778px;
	margin-left:0;
	padding-left:0;
	/*border:1px solid #099;*/
	 border-right:1px solid #099;
	 border-bottom:1px solid #099;
	
}

.header {
	width:778px;
	height:50px;
	margin-left:0;
	margin-bottom:0;
	padding-left:0;
	border:1px solid #099;
	background: #099 url(images/header_backgd.jpg) repeat-x;
	
}
.toptitle {
	float:left;
	/*padding:5px;*/
}

.flash {
	float:right;
}

.ghawas {
	float:right;
	text-align:left;
	width:370;
	height:130;
	margin-left:-70px;
	margin-top:10px;
	padding-right:20px;
}
	
#leftcontent {
	width:195px;
	float:left;
	margin-right:1px;
	margin-top:0;
	background-color:#FFF;
	border-right:1px solid #099;
	border-left:1px solid #099;
	background: #Bfffff url(images/left_backgd.jpg) repeat-y;
}

#mainContent { 
    width:560px;
  /*width: 770px;*/ 
  /*padding-left:6px;
  padding-right:5px; */
  margin:1em 0;
  float:right;
  /*background-color:#FFF;*/
  /*background: #Bfffff url(images/main_backgd.jpg) repeat-y;*/
  margin:0;
  
}

#mainContent li {
	margin:1em 1.5em;
}

#mainContent .centre {
	text-align:center;
}
	

#mainContent p {
	text-align:left;
}

/*#mainContent ul {
	/*padding-left:5px;*/
}*/

/*#mainContent li {
	
	list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    display: inline;
   
}

#mainContent .list li {
	list-style-type:disc;
	display:list-item;
	padding-right:5px;
	list-style-position:inside;
}

#mainContent .list li .list li {
	list-style-type:disc;
	display:list-item;
	margin-left:30px;
	list-style-position:inside;
	font-size:0.9em;
}

#mainContent .list li .list li .list li{
	list-style-type:disc;
	display:list-item;
	margin-left:30px;
	list-style-position:inside;
	font-size:0.8em;
}*/

#mainContent h4 {
	font-size:1.5em;
	color:#063;
}

#mainContent h2 {
  font-size: 2em;
  font-weight: bold;
  color:#000000;
  padding-left:0.2em;
    
}

#secondaryContent { 
  width: 130px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
} 

#footer { 
  clear: both;
  /*background-color: #FFF;*/
  color:#000;
  padding:0.2em 0.5em;
  border-top:2px solid #099;
 
  /*border-right:1px solid #099;*/
  
  /*background: #BFFFFF url(images/main_backgd.jpg) repeat-y;*/
 /* background: #FFE5CC url(images/) repeat-x;*/
  
} 

#footer p {
	margin:0;
	text-align:center;
}

#footer a:link, a:visited {
	color:#B34700;
	text-decoration: none;
	font-weight:bold;
	/*background: url(images/footer_underline.jpg) repeat-x left bottom;*/
}

#footer a:hover {
	color:#F60;
	text-decoration:underline;
	/*text-decoration:underline;*/
	/*background: url(images/footer_underline.jpg) repeat-x left bottom;*/
}


.clear {
	clear:both;
	}

.image {
	/*float:right;*/
	border:1px solid #006B6B;
	margin:0 1em;
}

.text {
	
	/*margin:0 1em;*/
	margin-left:0.5em;
}
.adobeicon {
	border:none;
}




.box {
	border:1px solid #FC6;
	background:#FFF;
	color:#000;
	margin:0.5em 0.5em;
	padding:0.2em 0.4em;
	font-size:1.2em;
	
}


.moved {
	margin:0.5em 0.5em;
}

.movedcolor {
	font-weight:bold;
	/*font-style:italic;*/
	
}

.picutre {
	float:right;
	border:1px solid #006B6B;
	margin:0 4px;
}
/*====================================================================================*/

.block {
	width:100%;
	height:200px;
}

.leftpic  {
	float:left;
	margin:0 6px;
	border:1px solid #006B6B;
}


.comment  {
	float:left;
	margin:0 8px;
}

hr {
	width:100%;
	color:#FFE5CC;
}
	
.paralign {
	text-align:center;
}

#home #vertNav a.mark,
#mission #vertNav a.mark,
#services #vertNav a.mark,
#objectives #vertNav a.mark,
#membership #vertNav a.mark,
#contact #vertNav a.mark {
	/*background-position:right bottom;*/
	color:#fff;
	background:#099 url(images/highlight_backgd.jpg) repeat-x ;
	/*cursor:default; //This will be useful when using only CSS for positional Awareness*/
}
/* End of CSS Navigation for Side Bar
====================================================================*/




/* CSS for Vertical Navigation
===================================================================*/

#leftcontent ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
 
 #leftcontent ul li {
	/*background:url(images/bullet1.gif) no-repeat 0 25%;*/
	padding-left:20px;
}

.face {
	font-weight:bold;
	color:#F00;
}

#vertNav ul {
  margin-left: 5px;
  padding: 0;
  list-style-type: none;
}

#vertNav li {
  display: inline:  /* :KLUDGE: Removes large gaps in IE/Win */
}

 

#vertNav a {
  display: block;
  width: 150px;
  /*height: 39px;*/
  line-height: 39px;
  color: #B34700;
  font-weight:bold;
  /*font-size:1.2em;*/
  text-decoration: none;
  background: #099 url(images/header_backgd.jpg) repeat-x;
  text-indent: 30px;
  text-transform: uppercase;
  border:1px solid #006B6B;
}

#vertNav a:hover {
  background: #099 url(images/highlight_backgd.jpg) repeat-x;
  color: #FFF;
}

#vertNav .first a {
  height: 30px;
  line-height:30px;
}


/* End of Vertical Navigation
===================================================================*/