/*
THEME NAME:Camp Bethel 01 with menu support
THEME URI: http://www.templatextreme.com/
DESCRIPTION: Camp Bethel main theme.
AUTHOR: Neil Foster
AUTHOR URI: http://upstairsroom.net
*/

/* RESET */

body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}



/*

Layout with left and right sidebars

--------------------------------------------------*/

div#wrapper {
	margin:0 auto;
	width:850px;
}

div#container {
	float: left;
	width: 100%;
}


div.sidebar {
      /*  float: left;   */
	width: 150px;
}



div.right_sidebar {
	width:150px;
}


div#footer { 
	clear: left;
	width: 100%;
}

div#header {
	height:100px;
}


/* CONTENT

--------------------------------------------------*/
#content .blogpost {margin: 50px 0 0px 0px;}


div.hentry {
	margin:0 0 0 0;    /*    margin:0 0 5em 0;    */
}

div.page-link {
	font-weight: bold;
}

div.entry-content p {
	margin: 1em 0;
}
div.entry-content-shop p {
	margin: 1em 0;
}

div.entry-content {
	margin: 75px 0 0 0;    /*  	margin: 50px 0 0 0;   */
}

div.entry-content-shop {
	/*margin-right:100px;*/    /*  	margin: 50px 0 0 0;   */
}



div.entry-content-post {
	margin: 0px 0 0 0px;
}

div.entry-post-title {
	margin: 35px 0 0 0;    /*    	margin: 35px 0 0 0;    */
}



div.announce {
	/*margin: 0 0 0 0;*/
position: relative;
}


div.entry-meta, body.single div.entry-category {
	clear:both;
}

div.entry-content ul#linkcats,

div#archives-by-category ul, div#archives-by-month ul {
	margin: 0;
	padding: 0;
}

div.entry-content ul#linkcats li,

div#archives-by-category li, div#archives-by-month li {
	list-style: none;
}

div.entry-content ul#linkcats li li,

div#archives-by-category li li, div#archives-by-month li li {
	margin: 0 0 0 0.5em;
}

   div.entry-content img.center {
	display: block;
	margin: 0.4em auto;
}

  div.entry-content img.alignright {
	margin: 0.4em 0 0.4em 1.1em
}

div.entry-content img.alignleft {
	margin: 0.4em 1.1em 0.4em 0;
}

body.single div.navigation {
	padding: 1em 0 3em 0;
}

div.archive-meta {
	margin: 1em 0 3em 0;
}

div.edit-link {
	clear: both;
}

abbr, acronym {
	border-bottom: 1px dotted blue;
	cursor: help;
}

blockquote {
      border-left: 1em solid #e6e6fe;
	font-style:italic;
	padding: 0 0 0 1em;
}

code, pre {
	font-family: "courier new", courier, monospace;
}

pre {
	overflow:auto;
	margin:0 0 0.5em 0;
	padding:0.5em;
}


/* HEADINGS

--------------------------------------------------*/

h1 {
	line-height: 175%;
}

h2, h3, h5, h6 {
	line-height: 125%;  /*   125%    */
}

h2 {
	clear: both;
	font-size: 1.6em;
	margin:1em 0;
}

h3 {
	font-size: 1.4em;
	margin:1em 0 0.5em 0;
}


h7 {
	clear: both;
	font-size: 1.6em;
	margin:1em 0;
        line-height: 150%;
}

h8 {
	font-size: 1.3em;
	margin:1em 0;
        line-height: 150%;
	font-weight: bold;
}
h3.comment-header {
	margin: 3em 0 1em 0;
}

h3#respond {
	font-size: 1.2em;
	margin: 3em 0 0.5em 0;
}

div.entry-content h2 {
	font-size: 1.2em;
	margin: 1.4em 0;
}

div.entry-content h3 {
      font-size: 1.1em;
	margin: 1.2em 0;
}

div.entry-content h4, div.entry-content h5, div.entry-content h6 {
	font-size: 1em;
	margin: 1em 0;
}

div.entry-content h5 {
	font-size: 1.2em;
	margin: 1.4em 0;
        color: #20548D;
}

div.entry-content h6 {
	font-size: 1em;
        letter-spacing:1px;
	margin: 1em 0;
        color: #20548D;
}
div.postpadding {margin: 0px 0 40px 0px;}


/* COMMENTS

--------------------------------------------------*/

ul.commentlist {
	margin:0;
	padding: 0;
}

ul.commentlist li {
	list-style: none;
	margin: 0 0 1em 0;
}

form#commentform span.req-field {
	color: red;
}

input#author, input#email, input#url, textarea#comment {
	font-family: "Courier New", Courier, monospace;
	padding: 0.2em;
}

textarea#comment {
	height: 13em;
	overflow: auto;
	width:300px;
}

* html textarea#comment {width:280px;} /* IE WIN */


/* SIDEBAR

--------------------------------------------------*/

div.sidebar {
	font-size:0.9em;
}

div.sidebar ul {
	margin: 0;
	padding:0;
}

div.sidebar li {
	list-style: none;
	margin: 0 0 1em 0;
	padding:0;
}

div.sidebar li li {
	margin: 0 0 0.5em 0.5em;
}

div.sidebar h3 {
	font-size: 1.2em;
}

div.sidebar h4 {
	font-size: 1.0em;
}

div.sidebar li a {
	display:block;
	height:1%; /* IE WIN */
}

div.sidebar input#s {
	width: 7em;
}

/*--------------------- RIGHT SIDEBAR-------------*/
div.right_sidebar {
	font-size:0.9em;
}

div.right_sidebar ul {
	margin: 0;
	padding:0;
}

div.right_sidebar li {
	list-style: none;
	margin: 0 0 1em 0;
	padding:0;
}

div.right_sidebar li li {
	margin: 0 0 0.5em 0.5em;
}

div.right_sidebar h3 {
	font-size: 1.2em;
}

div.right_sidebar h4 {
	font-size: 1.0em;
}

div.right_sidebar li a {
	display:block;
	height:1%; /* IE WIN */
}

div.right_sidebar input#s {
	width: 7em;
}



/*  COMMON MULTI-PURPOSE ELEMENTS

--------------------------------------------------*/

.alignleft, div.nav-previous {
	float: left;
}

.alignright, div.nav-next {
	float: right;
}

.clearer {
	clear: both;
}

div#nav-above, body.single div#nav-below {
	display: none;
}

body.single div#nav-above {
	display: block;
}

div#nav-above span.metasep, div#nav-below span.metasep {
	display: none;
}

/* ---------------------------------------------------------------------------- */

/* body

--------------------------------------------------*/

body {
	color:#20548d;
	background-color: #303030;
	font-family:Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:70%;  /*  75%   */
	line-height:1.6em;
}





/* General layout (you define here the different building blocks)

--------------------------------------------------*/

div#wrapper {
	background:url(images/background_wrapper.jpg) repeat-y left top;
	width:900px;
}



div#content {
	margin-left: 250px;  /*  213   */
	margin-right: 800px; /*  296   */
	padding: 10px 10px 10px 10px;
	width: 550px;    /*  371  */
	font-size: 1.1em; 
}


div#content_shop {
	margin-left: 250px;  /*  213   */
	margin-right: 800px; /*  296   */
	margin-top:75px;
	padding: 10px 10px 10px 10px;
	width: 550px;  /*  371  */
	font-size: 1.1em; 
}

div#primary {
	margin-left: -820px;   /*  -296   */
      float: left;
	width: 135px;   /*  125  */
	padding: 10px 5px 0 0;   /*    	padding: 15px 56px 0 0;    */
	color: #20548d;
}

div#secondary{
	/*margin: 0px 0px -0 675px;*/ /*  	margin: 0 0 0 -200px;   0px 75px 0 0;*/
        border:1px solid #5B8712;
}

div#secondary {
	margin-left: 250px;
	width:120px;
	padding:50px 20px 0px 0px;

}



/* links

--------------------------------------------------*/

a {
	color:#5B8712;
	text-decoration:none;
}

a:hover {color:#20548d;    /*  20548d  */
        /* border-bottom:#5B8712 1px solid;  */
	/* text-decoration:underline;  */
	/* font-weight: bold;  */
        text-shadow:1px 1px 1px #666;   /*  99FE02   */
}

a img {border:0px;}


/* headings

--------------------------------------------------*/


h2, h2 a,
h3, h3 a,
h4 a
  {
	color:#20548D;    /*   20548D   */
}


h2 a,
h3 a,
h4 a
  {
	color:#5B8712;    /*   20548D   */
}


h2 a:hover,
h3 a:hover,
h4 a:hover
  {color:#20548D;   /*  203E02   5B8712 */
   font-style: oblique;
}


h2 {
	margin-top:0px;
}



/* form

--------------------------------------------------*/

div.form-label { 
	color:#5B8712;   /*  203E02    */
}



form em {
	color:#2DAEEC;
	font-style:normal;
	font-weight: bold;
}


form span.req-field { color:#FF0000;}



form  #searchsubmit {
      border: 1px solid #284452;
	height:25px;     /*  height:2em;   */
	width:90px;
	padding:0;
	vertical-align:baseline;
	font-size:12px;
	color: #ffffff;
	background-color: #20548d;
      font-weight:bold;
}


#searchform textarea {
	border:1px solid #5B8712;
	color:#284452;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.1em;
	margin:0px 0 0 10px;    /*  	margin:2px 0 10px;   */
	padding:2px;       /*    2px   */
	width:225px;
height:20px; 
} 

#searchform #s {     /*  this replaced input  */
	border:1px solid #5B8712;
	color:#284452;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.1em;
	margin:0px 0 0 10px;    /*  	margin:2px 0 10px;   */
	padding:2px;       /*    2px   */
	width:225px;
height:20px; 
}

form #paypal input{
border:1px solid #5B8712;
	color:#284452;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.1em;
	margin:0px 0 0 10px;    /*  	margin:2px 0 10px;   */
	padding:2px;       /*    2px   */
	width:225px;
height:20px;
} 


#contactform {
	margin-bottom:18px;
}


#contactform #comment-notes { margin-bottom:10px; }

form#contactform textarea {width:300px;}

* html form#contactform textarea {width:280px;} /* IE WIN */


/* header

--------------------------------------------------*/
div#flashheader {
	color: #FFFFFF;
	margin-left: -1px;
	width: 900px;
	height: 309px;    /*   125  */
	background-image: url(images/background_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


div#header {
	color: #FFFFFF;
	font-size: 0.9em;
	width: 900px;
	/*  padding:30px 0 0 90px;  */
	height: 309px;    /*   125  */
	background-image: url(images/background_header.jpg);
	/*  background:url('images/background_header2.jpg') no-repeat center top;  */
	background-repeat: no-repeat;
	background-position: left top;
}


div#header h1 {
	font-size:32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 100%;
	padding: 0 0 0 0;
}

div#header h1 a {
	color: #FFFFFF;
}




div#header h1 a:hover {color:#2DAEEC;}


div#header #blog-description {
	color:#FFFFFF;
	font-size: 1.3em;
	line-height: 100%;
	padding: 5px 0 0 0;
	height: 20px;
}



/* Globalnav

--------------------------------------------------*/



#globalnav {

	height: 154px;

	background: url(images/background_search.jpg) no-repeat left top;

}



div#globalnav ul {

	font-size: 18px;

	margin:0 0 0 0;

	padding:105px 0 0 70px;

}



div#globalnav li {

	/*	border-right:8px solid #d9d9d9;

*/	float:left;

	margin:0 0 0 0;

	padding:0;

	list-style-type:none;

	white-space:nowrap;

	text-align: center;

}



div#globalnav li a {

	display:block;

	color:#B44442;

	padding:0 5px;

	font-size:1em;

	letter-spacing:1px;

}



div#globalnav li a:hover  {


	color: #20548D;

}





div#globalnav .blog-search {

	padding: 0 0 0 90px;

}





div#globalnav form input {
	margin:0 5px 0 0;
	color: #000000;
}




div#globalnav #s {
	height:1.4em;
	line-height: 1.4em;
	vertical-align:middle;
	width:170px;
	font-size: 1.1em;
	border: solid 1px #363636;
	padding: 0 5px 3px 5px;
	color: #20548d;
}



div#globalnav #searchsubmit {
	border: 1px solid #284452;
	height:2em;
	width:60px;
	padding:0;
	vertical-align:middle;
	font-size:12px;
	color: #ffffff;
	background-color: #20548d;

}


#searchform .search-text {
	color: #B44343;
	font-size: 1.2em;
	display: none;
}

/* Entry

--------------------------------------------------*/

div.entry-meta {

	margin-top:5px;

	min-height: 37px;

	line-height: 16px;

}



div.comment-meta {

	min-height: 14px;

}



*html div.entry-meta,

*html div.comment-meta {

	height:16px;

}



.entry-meta span {margin:0 2px;}



.entry-meta .metasep { color:#FFFFFF;}





body.single div.entry-category {

  padding:3px 0 0 0;

  font-size:0.9em;

}



.entry-editlink, .editlink {
	float: right;
	height:16px;
	margin-top:3px;
	width:32px;

}



.entry-editlink a,
#comments li .editlink a {
  display:block;
  margin:0;
  height:16px;
  width:32px;
  padding:0;
  border:none;
  font-size:1px; /* IEWin */
  line-height:0; /* IEWin */
  text-indent:-9999px;
  background:url(images/edit.gif) no-repeat 0px 0px;
}



.entry-editlink a:hover,

#comments li .editlink a:hover

  {background:url(images/edit.gif) no-repeat -31px 0px;}



blockquote {

	border-left: 1em solid #F1EEE9;

}

 div.hentry {
	padding: 5px 0 5px 0;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #F1EEE9;
}


/* Archives

--------------------------------------------------*/

div#archives-by-month li {

	background: url(images/links.gif) 0 3px no-repeat;

	color:#B44442;

	padding-left:20px;

}



div#archives-by-category li {

	background:url(images/links.gif) 0 6px no-repeat;

	padding-left:15px;

	color: #B44442;

}



div#archives-by-category li li {

	background:url(images/sub_categories2.gif) 0 3px no-repeat;

	color:#B44442;

	padding-left:20px;

}



div.entry-content ul#linkcats li ul li {

	background:url(images/links.gif) 0 6px no-repeat;

	padding-left:15px;

}





/* content misc

--------------------------------------------------*/

body.single div.navigation {

	height:1%;

	margin:5px 0 10px 0;

	font-size:1em;

}



div#nav-above span.metasep {

	display: inline;

	margin: 0 10px;

	color:#FFFDF4;

}



div.nav-next, div.nav-previous {

	width: 100%;

	padding-bottom: 20px;

}



div.nav-next {

	text-align: right;

}





/* Comments

--------------------------------------------------*/

body.single h3.comment-header a {

	color:#2DAEEC;

	font-size:0.65em;

	text-transform: lowercase;

}



div.comments li p {padding:0 0 10px 0;}



ul.commentlist li.comment .comment-meta {

	background-color:#FFFDF4;

	margin:0 0 10px 0;

	font-style: normal;

}



ul.commentlist li.comment .comment-meta strong {}



ul.commentlist li.alt .comment-meta {

	background-color:#FFFDF4;

}



form#commentform {

	background-color:#FFFDF4;

	margin-bottom:18px;

	padding: 10px;

}



form#commentform input {

	margin:2px 0 5px;

	width:140px;

}



form#commentform textarea {

	margin:2px 0 5px;

}



input#author, input#email, input#url, textarea#comment {

	font-family:Georgia, "Times New Roman", Times, serif;

}





/* Sidebar

--------------------------------------------------*/

div.sidebar {
	line-height:1.5em;
	font-size: 1em;
}


div#primary ul ul {
	background-color: #A1D857;
        padding: 0;
}



div#primary ul ul ul {
	margin-left:0px;
	padding: 0;
}


div.sidebar h3 {
	color:#ff0000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size:1.1em;
	line-height:28px;
	height: 28px;
	/*background-color: #5B8712;*/
	padding: 0 0 0 10px;
	/*margin: 3px 0;*/
}


div.sidebar p {
	margin:0px 5px 0 0;
	padding-bottom:10px;
}


div.sidebar ul ul li {
  margin:0;
}

div.sidebar ul ul li li {
	border-bottom:0;
}


div.sidebar li a {
	line-height:1.6em;
	color: #203E02;
}

div.sidebar li a:hover {
	color: #20548d;
}

.sidebar a {
	color:#5B8712;
	text-decoration:none;
}

.sidebar a:hover {color:#20548d;
         /*border-bottom:#5B8712 0px solid;*/
        }




.sidebar ul li.category-links ul li li,

.sidebar ul li.pagenav ul li li {

	background:url(images/sub_categories.gif) 0 3px no-repeat;

	padding-left:15px;

}







/* calendar

--------------------------------------------------*/

table#wp-calendar {

	color:#203E02;

	empty-cells: show;

	padding:0;

	margin:10px 0;

	text-align: center;

	width:220px;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #5B8712;

}



table#wp-calendar caption {

	letter-spacing:0.1em;

	text-align:center;

	width:210px;

	padding: 10px 0 5px 0;

}



table#wp-calendar thead tr {

	color:#203E02;

}



table#wp-calendar th {

	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



table#wp-calendar td {

	padding:3px 0;

	font-size:0.9em;

}



table#wp-calendar td#today a {

  	color:#ffffff;

	border:1px solid #eddc26;

	font-size:1em;

	font-weight:bold;

	background:none;

}



table#wp-calendar td a {

	background-color:#B44442;

	display:block;

	border-bottom:1px solid #B44442;

	font-weight:bold;

	font-size:1em;

	color: #FFFFFF;

}



table#wp-calendar td a:hover {

	background-color:#FFFFFF;

	color: #B44442;

	border-bottom: 1px solid #B44442;

}



table#wp-calendar tfoot {

	border-top:1px solid #F3F4F4;

}



table#wp-calendar tfoot a {

	background:none;

	border:none;

	font-weight:bold;

}



table#wp-calendar #prev a, table#wp-calendar #next a {

	background-color: #B44442;

	text-align:center;

	color: #FFFFFF;

	border:solid 1px #B44442;

	

}

table#wp-calendar #prev a:hover, table#wp-calendar #next a:hover {

	background-color: #FFFFFF;

	color: #B44442;

}









/* footer

--------------------------------------------------*/

div#footer {
	padding:0 60px 0 70px;
	font-size:.8em;
        color:#ffffff;
	line-height: normal;
	width: 770px;
	height: 130px;   /*    130   */
	background-color: #303030;
	background-image: url(images/background_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer strong { font-weight:normal; }

#footer a {color:#ecffec;}  /*  203E02   */

#footer a:hover {color:#5B8712;
        /* border-bottom:#5B8712 2px solid; */
}

#footer #copyright a, #footer #copyright strong, #footer #copyright strong a{color:#FFFFFF;}

#footer #copyright a:hover {color:#5B8712;}

div#footer div#nav_bottom {
	padding:0 70px;
	text-align: center;
	font-size: 1.0em;
}

#footer #nav_bottom ul {
	margin:0;
	padding:0;
}

#footer #nav_bottom li {
	border-left:1px solid #ffffff;
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
	line-height: 21px;
}


#footer #nav_bottom li a {
	padding:0 5px;
}


#copyright {
      padding: 20px 0 0 0;
}

#copyright .metasep {
	color: #FFFFFF;
}
div#footer #footer-adsense {
	padding: 20px 0 0 70px;
	margin: 0;
	text-align: center;
}

#footer-link-tupos {
	position:relative;
        top:-57px;   /*   -15 -57 */
	left:632px;
	width:30px; 
	height:27px; 
	background:transparent;
	border:0px;
	color:#000;
}
#footer-link-youtube {
	position:relative;
        top:-86px;                 /*  -42  -86*/
	left:670px;
	width:30px; 
	height:27px; 
	background:transparent;
	border:0px;
	color:#000;
}

#footer-link-twitter{
	position:relative;
        top:-113px;    /*  -67  -113 */
	left:707px;
	width:30px; 
	height:27px; 
	background:transparent;
	border:0px;
	color:#000;
}

#footer-link-facebook{
	position:relative;
        top:-141px;                   /*  -95  -141*/
	left:745px;
	width:35px; 
	height:27px; 
	background:transparent;
	border:0px;
	color:#000;
}


#footer-link-email {
	position:relative;
        top:-131px;                   /* -87 -131*/
	left:580px;
	width:197px; 
	height:15px; 
	background:transparent;
	border:0px;
	color:#000;
	text-decoration:underline;
}

#footer-link-email a:hover {
         border-bottom:#5B8712 2px solid;
}

#upstairsroom {
	position:relative;
        top:-106px;    /*   -61  -106  */
	left:322px;
	width:123px; 
	height:10px; 
	background:transparent;
	border:0px;
	color:#000;
}

#upstairsroom a:hover {color:#ffffff;
        border-bottom:#ffffff 1px solid;    /*   5B8712   */
}

div.sidebar li {
	margin: 0 0 3px 0;
}

  div#primary ul {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
} 

/*--------image mouseover---------------------*/

#imageover
{
  display: block;
  width: 400px;
  height: 300px;
  background: url("/images/winterstorm.jpg") no-repeat 0 0;
}

#imageover a:hover
{ 
 /* background-position: -400px 0px; */
  background: url("/images/winterstorm2.jpg") no-repeat 0 0;
}

#imageover span
{
  display: none;
}

/*--------tweet---------------------*/

div#tweet{
background-image: url(images/twitter2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/*-----side floating links------*/

#sd1 {
clear:both;
border: 0;
position: fixed;
top: 100px;
left:-3px;
}

#sd1 a:hover{
clear:both;
border: 0;
position: fixed;
top: 100px;
left:0px;
}

#sd2 {
clear:both;
border: 0;
position: fixed;
top: 217px;
left:-3px;
}

#sd2 a:hover{
clear:both;
border: 0;
position: fixed;
top: 217px;
left:0px;
}

#sd3 {
clear:both;
border: 0;
position: fixed;
top: 334px;
left:-3px;
}

#sd3 a:hover{
clear:both;
border: 0;
position: fixed;
top: 334px;
left:0px;
}

#sd4 {
clear:both;
border: 0;
position: fixed;
top: 451px;
left:-3px;
}

#sd4 a:hover{
clear:both;
border: 0;
position: fixed;
top: 451px;
left:0px;
}

#sd5 {
clear:both;
border: 0;
position: fixed;
top: 568px;
left:-3px;
}

#sd5 a:hover{
clear:both;
border: 0;
position: fixed;
top: 568px;
left:0px;
}

#splasha {
clear:both;
border: 0;
position: absolute;
top: 20px;
left:130px;
}



/*-----floating links------*/

/*------------------*/

#splash{
background: url('/images/family_splash.png') no-repeat 0 0;
width: 200px;
height: 180px;
position: absolute;
top: 60px;
left:150px;
z-index: 10000;
}

#splash:hover
{ 
  background-position: -200px 0px;
}

#splash span
{
  position: absolute;
  top: -999em;
}


/*--------Ebay plugin ---------------*/
div.ebay li{
list-style-type: none;
padding-top: -10px;
margin-left: -25px;
font-size: 10px;
}

div.ebay_sale_info a{
font-weight: bold;
font-size: 12px!important;
}

/* ------------------------------------------begin Menu---------------------------------------*/
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
text-shadow: none!important;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: -20px 0 0 -20px;  /*  margin: 0  auto; */
  width: 795px;
  height: 25px;
  z-index: 100;
}

.artmenu
{
  padding: 3px 3px 3px 3px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: 10;
  overflow: hidden;
  height: 25px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  width: 800px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 25px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 3px;
  margin-left: 3px;

}
.artmenu a
{
  background-image: url('images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  color: #20548D;  /*ECCFCB 20548D*/    /*  main Menu Item color   */
  /*padding: 0 11px;*/
  margin: 0 7px;
  line-height: 29px;
  /*text-align: center;*/
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;
  margin-top: 1px;

}


.artmenu a:hover
{
  background-position: left -29px;

}

.artmenu li:hover>a
{
  background-position: left -29px;

}
.artmenu li:hover a span
{
  background-position: right -29px;

}

.artmenu a:hover span
{
  /*background-position: right -29px;*/

}


.artmenu a:hover span span
{
  color: #5B8712;  /* F4F3F0   5B8712*/
  /*background-position: left -29px;*/
}

.artmenu li:hover a span span
{
  color: #5B8712;  /* F4F3F0*/
  /*background-position: left -29px;*/
}


/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
  display: block;
  width: 1px;
  height: 29px;
  /*background-image: url('images/item-separator.png');*/

}

/* end MenuSeparator */

/* begin MenuSubItem */
.artmenu ul a  {
  display:block;
  text-align: left;
  white-space: nowrap;
  height: 24px;
  /*width: 200px;*/
  overflow:hidden;
  line-height: 24px;
  margin-right: 0px;
  margin-left: 0px;
background-color: #20548d;    /*   20548d  */ 
text-indent:10px;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: block;  /*  display:inline; */
  float: none;
  margin: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
  padding-right: 7px;
}


.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-decoration: none;
  line-height: 28px;   /*  sub item menu height */
  height: 28px;
  color: #ffffff; 
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
}



                               /*  ---------------sub-sub-item menu--------------  */

.artmenu ul ul  {
position: relative; 
background-color: #ff0000;
}

.artmenu ul ul a  {
  margin-left: auto;  /*  margin-left: auto;  */
margin-top: 1px;
background-color: none;
}

.artmenu ul li a:hover
{
  /*background-position: 0 -28px;*/
}

.artmenu ul li:hover>a
{
  color: #ffffff; 
  /*background-position: 0 -28px;*/
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #ffffff;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #ffffff;                                       /*  dropdown text hover color  */
background-color: #5B8712;
  /*background-position: 0 -28px;/*
}


/* end MenuSubItem */