/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #000033; /* thick left border of menu */
  position: relative;
  top: 10px;
  margin-bottom: 20px
}

.slidedoormenu li{
  margin-bottom: 2px
}

.slidedoormenu li a{
background: white url(images/nav.jpg) left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: #EEEEEE;
width: auto;
padding: 12px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}
.slidedoormenu li.one a{
background: white url(images/nava.jpg)  top left; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: #EEEEEE;
width: auto;
padding: 12px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}
 .slidedoormenu li.one a:hover{
color: #EEEEEE;
background:  url(images/nava.jpg)  top left; /* Background image positioned to the left(v) top(h) corner initially */

}
 .slidedoormenu li.two a:hover{
color: #EEEEEE;
background:url(images/navb.jpg)  top left; /* Background image positioned to the left(v) top(h) corner initially */

}
.slidedoormenu li.three a:hover{
color: #EEEEEE;
background:  url(images/navc.jpg)  top left; /* Background image positioned to the left(v) top(h) corner initially */

}
.slidedoormenu li.two a{
background: white url(images/navb.jpg)  top left; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: #EEEEEE;
width: auto;
padding: 12px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}
.slidedoormenu li.three a{
background: white url(images/navc.jpg)  top left; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: #EEEEEE;
width: auto;
padding: 12px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}
.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}


.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding:12px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 13px Arial;
width: 630px; /*leave this value as is in most cases*/
overflow: hidden;
  position: relative;
  left: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px
}

.indentmenu ul{
margin: 0;
padding: 0;   margin-bottom: 0px;
  padding-bottom: 0px;
float: left;
width: 630px; /*width of menu*/
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left; width:210px;
color: white; /*text color*/
padding: 15px 0px;
text-decoration: none;
  text-align: center
}

.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a:hover{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/

}
.indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
  background: #b48a8b
}
.indentmenu ul li .currenta{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
  background: #939362
}
.indentmenu ul li .currentb{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
  background: #D9B568
}
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}
#example1 p{ margin-bottom: 7px;   }
#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}
	#content .postb {
		clear: both;
		padding-bottom: 5px;
   border: 2px solid #777777;


  padding-left: 2px;
  margin-top: 5px
}
#content .postb P {
line-height : 18px;
padding-top : 0;
padding-left : 5px;
padding-right : 5px;
  text-align: left;
  vertical-align: top;
  margin-top: 0px;
  margin-bottom: 0px
}

 	#content .postb h1 {
           font-size: 1.9em;
font-weight: normal;
color: #000033;
text-align: left;
padding: 10px 0 4px 0;
}
		#content .postb h2 {
			font-size: 1.7em;
			margin-bottom: 5px;
		}
			#content .postb h2 a {
				text-decoration: none;
			}
			#content .postb h2 a:hover {
				text-decoration: underline;
			}
		#content .postb .details1 {
			font-size: 0.9em;
			margin-bottom: 10px;
			padding: 0 5px;
			color: #9A9898;
		}
			#content .postb .details1 a {
				text-decoration: none;
				color: #565656;
			}
			#content .postb .details1 a:hover {
				text-decoration: underline;
				color: #98320c;
			}
		#content .postb .details2 {
			font-size: 0.9em;
			clear: both;
			color: #9A9898;

			padding-top: 25px;
		}
			#content .postb .details2 a {
				text-decoration: none;
				color: #565656;
			}
			#content .postb .details2 a:hover {
				text-decoration: underline;
				color: #98320c;
			}
			#content .postb .details2 .l {
				float: left;
				width: 45%;
			}
			#content .postb .details2 .r {
				float: right;

				width: 45%;
			}
.articles1 {position:relative;overflow:hidden;	width: 610px; margin-top:10px; margin-left:0px; margin-bottom: 10px; margin-right: 0px }
	.articles1 ul {margin:0;padding:0;list-style:none;position:relative;overflow:hidden;}
		.articles1 ul li{margin:0 10px 0 0;padding:0 8px;display:block;float:left;width:290px;height: 190px; background: transparent; padding-left: 0px; border-right: thin solid #BBBBBB }
		.articles1 ul li.no-margin{margin:0;border:none;}
		.articles1 h4{margin:0;border:none;	color: #000033;
		text-transform: none;
     font-size: 18px;
  font-weight: normal;
  border-bottom: thin solid #EEEEEE;
  padding-bottom: 10px;
  margin-left: 2px;
  padding-top: 0px;
  margin-top: 0px
}
.articles1  a{
  color: #000000;
  text-decoration: none
}
.articles1  a:hover{
  color: #000000;
  background: #EEEEEE;
  display: block
}
.articles1 p {
line-height : 18px;
padding-top : 3px;
padding-left : 5px;
padding-right : 0px;
  text-align: left
}

.articles2 {position:relative;overflow:hidden;	width: 610px; margin-top:10px; margin-left:0px; margin-bottom: 0px; margin-right: 0px }
	.articles2 ul {margin:0;padding:0;list-style:none;position:relative;overflow:hidden;}
		.articles2 ul li{margin:0 10px 0 0;padding:0 8px;display:block;float:left;width:290px;height: 280px; background: transparent; padding-left: 0px; border-right: thin solid #BBBBBB }
		.articles2 ul li.no-margin{margin:0;border:none;}
		.articles2 h4{margin:0;border:none;	color: #000033;
		text-transform: none;
     font-size: 18px;
  font-weight: normal;
  border-bottom: thin solid #EEEEEE;
  padding-bottom: 10px;
  margin-left: 2px;
  padding-top: 0px;
  margin-top: 0px
}
.articles2  a{
  color: #000000;
  text-decoration: none
}
.articles2  a:hover{
  color: #000000;
  background: #EEEEEE;
  display: block
}
.articles2 p {
line-height : 18px;
padding-top : 3px;
padding-left : 5px;
padding-right : 0px;
  text-align: left
}
#content .postc {
		clear: both;
		padding-bottom: 30px;
   border-left: 2px solid #777777;
  border-right: 2px solid #777777;
    border-bottom: 2px solid #777777;


  padding-left: 2px;   background: #939362;
  margin-top: 0px
}
#content .postc P {
line-height : 18px;
padding-top : 0;
padding-left : 5px;
padding-right : 5px;
  text-align: left;
  vertical-align: top;
  margin-top: 0px;
  margin-bottom: 2px
}

 	#content .postc h1 {
           font-size: 1.9em;
font-weight: normal;
color: #000033;
text-align: left;
padding: 10px 0 4px 0;
}
		#content .postc h2 {
			font-size: 1.7em;
			margin-bottom: 5px;
		}
			#content .postc h2 a {
				text-decoration: none;
			}
			#content .postc h2 a:hover {
				text-decoration: underline;
			}
		#content .postc .details1 {
			font-size: 0.9em;
			margin-bottom: 25px;
			padding: 0 5px;
			color: #9A9898;
		}
			#content .postc .details1 a {
				text-decoration: none;
				color: #565656;
			}
			#content .postc .details1 a:hover {
				text-decoration: underline;
				color: #98320c;


     }
#header-linksb { width:830px;
	position: relative;
	top: 20px; left: 200px;
	color: #838181;
	font-size: 11px;
	font-weight: bold;
  border-top: thin solid #666666;

  margin-top: 0px
}
#content .postd {
		clear: both;
		padding-bottom: 30px;
  border-left: 2px solid #777777;
  border-right: 2px solid #777777;
    border-bottom: 2px solid #777777;

  padding-left: 2px;   background: #b48a8b;
  margin-top: 0px
}
#content .postd P {
line-height : 18px;
padding-top : 0;
padding-left : 5px;
padding-right : 5px;
  text-align: left;
  vertical-align: top;
  margin-top: 0px;
  margin-bottom: 2px
}

 	#content .postd h1 {
           font-size: 1.9em;
font-weight: normal;
color: #000033;
text-align: left;
padding: 10px 0 4px 0;
}
		#content .postd h2 {
             font-size: 18px;
font-weight: normal;
color: #000033;
text-align: left;
padding: 5px 0 4px 0;
  margin-top: 0px
		}
			#content .postd h2 a {
				text-decoration: none;
			}
			#content .postd h2 a:hover {
				text-decoration: underline;
			}


 #content .poste {
		clear: both;
		padding-bottom: 30px;
  border-left: 2px solid #777777;
  border-right: 2px solid #777777;
    border-bottom: 2px solid #777777;

  padding-left: 2px;   background: #D9B568;
  margin-top: 0px
}
#content .poste P {
line-height : 18px;
padding-top : 0;
padding-left : 5px;
padding-right : 5px;
  text-align: left;
  vertical-align: top;
  margin-top: 0px;
  margin-bottom: 2px
}

 	#content .poste h1 {
           font-size: 1.9em;
font-weight: normal;
color: #000033;
text-align: left;
padding: 10px 0 4px 0;
}
		#content .poste h2 {
             font-size: 18px;
font-weight: normal;
color: #000033;
text-align: left;
padding: 5px 0 4px 0;
  margin-top: 0px
		}
			#content .poste h2 a {
				text-decoration: none;
			}
			#content .poste h2 a:hover {
				text-decoration: underline;
			}