/*--------nama.css -------- */


body {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin-left: 6%; margin-right: 6%;
	padding: 0;
	background: #F5F5E6; color: #333;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}
	
a {
	text-decoration: none;
	font-weight: bold;
	color: #344D02;
	}

a img {
	border: 0;
	}

a:hover {
	color: #186718;
	text-decoration: underline;
	}

a:visited {
	color: #186718;
	}
	
a:active {
	color: #669900;
	}

p {
	margin: 0 0 1em;
	}

p plus {
	line-height: 1.2em;
	}
	
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
/*masthead styles*/

#masthead {
	margin-bottom: 0.5em;
	width: 100%;
	}
	
#homelink {
	display: block;
	margin: 0; padding: 0.5em 0em 0.5em 0em;
	border: 0;
	background: #F5F5E6;
	}

#navlinks {
	margin: 0; padding: 0.45em 1em; 
	background: #4F8617; color: #D4E784;
	border-top: 1px solid #666633;
	border-bottom: 1px solid #666633;
	min-width: 450px;
	}
	
#navlinks li {
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #33CC00;
	font-weight: bold;
	}
	
#navlinks li.current {
	color:#F4A520;
	}


#navlinks li.last {
	border-right: 0;
	}
	
#navlinks a {
	color: #D4EC84;
	}

#navlinks a:hover {
	color: #FFF;
	}
/*body styles*/	

#header {
  background: #d7dabd;
}
#wrapper {
	width: 100%;
	margin: 0;
	padding:0;
    background-color: #F5F5E6;
}
#container {
	width: 66%;
	float: left;
}

#content {
	float: left;
	margin: 0;
  	text-align: left;
	line-height: 1.6em;
	background-color: #F5F5E6;
	padding: 0 2em 4em 2em;
	min-width: 500px;
}

#content h {
	background: #F5F5E6;
	border-color: #009933;
	color: #527827;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin: 1em 29% 1em -2em;
	padding: 0.35em 4em 0.35em 0em;
	}

#content h1 {
	background: url(images/banners/h1background.gif) no-repeat;
	color: #4F8617;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 1em 23% 1.25em -0.8em;
	padding: 0.35em 1em 0.35em 0.8em;
	}

#content h1 b {
	color: #EAF8E4;
	}
	
#content h2 {
	color: #336600;
	margin: 0.5em 0; padding-bottom: 0.25em;
	border-bottom: 1.25px solid #338D1D;
	font-size: 1.2em;
	clear: left;
	}
	
#content h3 {
	color: #663333;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	}
	
#content h4  {
	margin: 0.5em 0; padding-bottom: 0.25em;
	border-bottom: 1px solid #338D1D;
	color: #006600;
	font-size: 1em;
	}	

#content h5  {
	margin: 0; padding: 0;
	color: #006600;
	font-size: 1.1em;
	font-weight: bold;
	}	

#content h6 {
	display: block;
	background: #F9FFF9;
	color: #006600;
	border-bottom: 1px solid #5CB726;
	border-top: 1px solid #5CB726;
	margin-top: 1px;
	margin-bottom: 10px;
	padding: 2px 1px;
	text-indent: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	}
	
table p {
	font-size: smaller;
	font-style: italic;
	text-align: left;
	}	
	
fieldset {
	border: 1px solid #7ECFAD;
	margin-bottom:10px;
	padding: 5px 5px 7px 15px;
	background-color: #EBEFF1;
	}
	
legend {
	color: #006600;
	font-weight: bold;
    }

	
ul.indent {
	
	}
	
.bullets {
	list-style-type: none;
	}
.bullets li {
	list-style-type: none;
	padding-bottom: 1em;
	}	
	
.fancy {
	list-style-type: none;
	color: #1B6B16;
	font-weight: bold;
	}

ol.progress {
	padding-bottom:10px;
	padding-left: 0;
	margin-left: -1.2em;
	}
ol.progress li {
	display:inline;
	float:left;
	padding:0 15px 0 18px;
	font-weight:bold;
	color:#999999;
	}
ol.progress li.current {
	background: url(graphics/arrow_right.gif) no-repeat 0 50%;
	}
ol.progress li.done {
	color:#3a7e34;
	background: url(graphics/check.gif) no-repeat 0 50%;
	}
ol.progress li.cancel {
	color:#990000;
	background: url(graphics/cross.gif) no-repeat 0 50%;
	}
blockquote.large {
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	color: #336600;
	}	

/* ---------- img styles */

div.floatl {
  float: left;
  margin: 1em 2em 1em 0;
  }

div.floatr {
  float: right;
  margin: 1em 2em 1em 2em;
  }
  
div.floatl p {
   text-align: center;
   font-size: smaller;
   font-style: italic;
   }
	
div.floato {
  float: none;
  margin: 1em 2em 0 2em;
  }
  
div.floato p {
   text-align: left;
   font-size: smaller;
   font-style: italic;
   }
	
div.floatr p {
   text-align: center;
   font-size: smaller;
   font-style: italic;
   }

/*blog styles*/

.post-card {
	width: 355px;
	height: 435px;
	float: left;
	padding: 10px 12px 10px 11px;
	margin: 0 12px 12px 0;
    background: #F5F5E6 url(images/banners/box5.png) no-repeat left top;
  }
.post-box {
	width: 485px;
	height: 485px;
	float: left;
	padding: 10px 12px 10px 11px;
	margin: 0 12px 12px 0;
	text-align: center;
    background: #F5F5E6 url(images/banners/box4.png) no-repeat top;
  }
  
.post-small {
	width: 255px;
	height: 210px;
	float: left;
	padding: 10px 12px 10px 11px;
	margin: 5px 12px 5px 0;
    background: #F5F5E6 url(images/banners/box1.png) no-repeat top;
  }  			
				    		
				
/*sidebar styles*/

#sidebar {
	float: right;
	width: 21em;
	margin: 1.2em -22em 3em 0em;
	line-height: 1.5em;
	text-align: left;
	clear: right;
	}

#sidebar div h3 {
	font-size: 1.25em;
	margin: 0em;
	padding: 0em;
	text-transform: lowercase;
	background: #DAF711;
	}
	
#sidebar h2 {
	margin: 0.4em 1em 0.4em 0.8em;
	padding: 0.4em 0em 0.4em 0.8em;
	border-bottom: 1px solid #338D1D;
	font-size: 1em;
	}
	
#sidebar h3 {
	font-size: 1.1em;
	color: #003300;
	margin: 0.1em 0.2em 1em 0.4em;
	padding: 0.8em 0em 1em 0.8em;
	background: url(images/banners/h3background6.gif) no-repeat;
	}
	
#sidebar p {
	padding: 0 0.4em 0 1em;
	}
	
.clearing {
  height: 0;
  clear: both;
}

/*footer styles*/

#footer {
    clear: both; 
  	padding: 0.25em 0em 0em 0em;
	background-color: #4F8617;
}

#footermcil {
    clear: both; 
  	padding: 0.25em 0em 0.5em 0em;
	background: #F5F5E6;
	}

#footerlinks a:hover {
	color: #FFF;
	}
		
#footerlinks {
	margin: 0; padding: 0.45em 1em; 
	color: #4F8617;
	min-width: 500px;
	}
	
#footerlinks li {
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	padding-left: 0.15em;
	border-right: 1px solid #33CC00;
	font-weight: bold;
	}
	
#footerlinks li.last {
	border-right: 0;
	}

#footerlinks li.current {
	color:#F4A520;
	}
	
#footerlinks a {
	color: #D4EC84;
	}
	
#copyrite  {
	margin: 0; padding: 0.15em 0em 0.1em 0em; 
	color:#000000;
	font-size: 0.85em;
	font-weight: bold;
	font-style: italic;
	border: 0;
	}