/* Start of CMSMS style sheet 'dropmenu-layout' */
/* CSS Document */
body {
background: white;/*#000099 url(../images/back_tile.jpg); */
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}
h1{
font-size: 20px;
line-height: 25px;
}
#wrapper {
position: absolute;
margin: 0px;
width: 786px;
left:50%;
margin-left: -389px;
top: 4px;
}
body div#wrapper div#contentWrapper{top:257px;}
#titlePicHolder {
height: 123px;
}

#titlePicHolder h1{
margin: 5px;
color: #5E210C;
font-size: 24px;
text-align: left;
line-height: 36px;
}
#titleBox{
	margin: 0px 2px;
	width: 189px;
	background: url(images/title-box-text-sh.jpg);
}
#titleBox a:link{
color: Black;
text-decoration: none;
}
#titleBox a:visited{
color: Black;
text-decoration: none;
}
#titleBox a:hover{
color: Black;
text-decoration: underline;
}
#titlePic{
	width: 585px;
	background: url(images/fifth_ave_small.jpg);
}
#titlePicHolder div{
	float: left;
	height: 123px;
}
div#titlePicHolder div#titlePic {
float:left;
height:257px;
background:transparent url(imagesN/title-beaverlodge-hill-summer.jpg) no-repeat scroll 0% 0%;
width:785px;
}

#contentWrapper{
position: absolute;
top: 135px;
left: 50%;
margin-left: -398px;
width: 789px;
padding: 0px;
text-align: left;
/*border: solid red 2px;*/
}

#leftCol{
position: absolute;
float: left;
left: 12px;
margin: 10px 0px 0px 0px;
height: 200px;
width:200px;
}
#subCol2{
float: left;
margin: -30px 0px 0px 8px;
width: 600px;
position: absolute;
left:0px;
/*border: solid 1px;*/
}
#rightCol{
position: absolute;
float: left;
left:616px;
margin: 0px;
padding: 0px;
width: 175px;
top:6px;
}

/*menu*/
#menu {
width: 100%;
background: transparent;
float: left;
position: absolute;
top:233px;
}

#menu ul, #menu li {
display:block;
list-style: none;
margin: 0;
padding: 0;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 5px;
color: #fff;
}
#menu ul ul a{
line-height: 24px;
}

#menu a, #menu ul ul {
color: #fff;
text-decoration: none;
}

#menu li > a{
padding: 1px 2px 1px 10px;
}
#menu > ul > li > a{border-left: solid white 1px;}
#menu > ul > li:first-child > a{border:none;}

#menu li.active > a{color:#ff7;}
#menu ul ul li.submenu {
background:transparent url(imagesN/pop-pointers.png) no-repeat scroll right -10px;
padding-right:25px;
}
#menu ul ul li.submenu:hover{
background:transparent url(imagesN/pop-pointers.png) no-repeat scroll right -105px;
}
#menu ul ul li.submenu.active {
background:transparent url(imagesN/pop-pointers.png) no-repeat scroll right -203px;
}

#menu a:hover {
color: #a00;

}

#menu a.sectionheader:hover{
color: #ff7;
}

#menu > ul > li{
height:19px;
margin-left:15px;
}
#menu ul ul li {
min-width:15em;}
#menu li{
position: relative;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul li.jqhover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul li.jqhover ul ul
{display: none;
background:transparent;
float: left;
}

div#menu ul li:hover ul,
div#menu ul li.jqhover ul,
div#menu ul ul li:hover ul,
div#menu ul ul li.jqhover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul li.jqhover ul
{display: block;
background: #339;
}
/*end menu*/
#vertMenuSearchBox{
width: 117px;
margin-left: 8px;
}
#cntnt01searchinput{
size: 16;
}
.rightHeading{
width: 100%;
text-align: center;
}
.rightHeading div{width:100%;}
.rightHeading h3{
color: white;
font-size: 17px;
margin: 0px;
line-height:37px;
}
.rightBox{
margin: 6px 6px 15px -6px;
width: 170px;
background: #eee;
float: right;
}
.rightBoxBorder{
border: #663300 solid 2px;
}
.menu li{
text-indent: -10px;
font-style: normal;
color: white;
list-style: none;
}
.menu li a:link{
color: white;
text-decoration: none;
}
.menu li a:visited{
color: #FFCC00;
text-decoration: none;
}
.menu li a:hover{
color: #DDEE1F;
text-decoration: underline;
}
.m-shadow div{
float:left;
background: transparent none;
padding: 0px;
}
.m-shadow div div{
background: transparent url(imagesN/heading-bar.jpg) no-repeat scroll left top;
padding: 0px;
margin: -6px 0px 0px -6px;
width:100%;
}

div.Article img{
float: none;
margin: 5px;
}
div.Article img.img_right{float:right;}
div.Article img.img_left{float:left;}
div.Article {
background: url(imagesN/article-corner.jpg) no-repeat top left;
width:100%;
position: relative;
left: -5px;
top: 27px;
margin-top: 4px;
z-index:3;
overflow:auto;
}
div.Article h2.ArticleTop {
padding:15px;
margin:0;
}
div.ArticleBody {
margin:0;
margin-top:-2em;
padding:15px;
}
div.ArticleFooter{
background: url(imagesN/article-footer.png) repeat-x bottom;
}
div.ArticleFooter p {
display:block;
padding:15px;
margin:-2em 0 0 0;
}
div.breadcrumbs{
width:100%;
position: relative;
top: 27px;
}
div.breadcrumbs li{
color: black;
float: left;
margin: 0px 10px;
}
div.breadcrumbs a:link{
color: black;
text-decoration: underline;
}
div.breadcrumbs a:visited{
color: grey;
text-decoration: underline;
}
div.breadcrumbs a:hover{
color: black;
text-decoration: underline;
}
div.breadcrumbs li a: visited{color: black;}
#footer{
margin-top: 27px;
}
/* CSS calendar*/
#eventList p{
margin: 5px;
}
#eventList h2{
font-weight: bold;
font-size: 9pt;
}
.calendar-event{
margin: 5px;
}
.hidden{
display: none;
}
.visible{
display: block;
}
#calendar table{
font-size: 10px;
text-align: center;
width: 100%;
}
#calendar table td ul{
/*hides calendar event summaries*/
display: none;
}

#calendar table td{
	border: 1px solid Grey;
width: 14%;
height: 10px;
}
#calendar table a{
font-weight: bold;
}
#calendar .calendar-today{
border: 2px dotted #663300;
}
#calendar .calendar-month{
font-size: 12px;
}
.error_message{
color: red;
font-weight: bold;
}

/* End of 'dropmenu-layout' */