/*
Maple Ridge Design by Lesia Design / Development by INNO Software, INC.
DNN Development by Aaron Lopez and Kevin Harley
*/


/* Part of YUI's CSS Foundation */
h1 {font-size:138.5%; color:#32b2bb;}
h1 a {}
h2 {font-size:138.5%; color:#31abb0;}
h3 {font-size:123.1%}
#yui-main h2 {font-size:1.5em;}
h3 {margin-bottom:0.25em; font-size:108%; color:#6d7d2a;}
h2 {margin:0.5em 0;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold; }
abbr,acronym {border-bottom:1px dotted #000;cursor:help;} 
em {font-style:italic;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:3em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left:1em;}
th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset {margin-bottom:1.25em;}

/* typography edits */
a {outline:none; color:#78910e;}
a:hover {color:#287476;}
#yui-main li {color:#94a061; line-height:2em; font-weight:bold;}
#yui-main li a {color:#10747c; text-decoration:none;}

/* structure */
html {min-height:100%; height:auto; background:#6c7c29 url(images/bg.jpg) top center repeat-x;}
body {font-family:trebuchet ms, arial, verdana; color:#3b362f; line-height:1.4}
form {background:;}
#custom-doc {width:948px; margin:0 auto; text-align:left;}
#wrapper {padding:0 79px 0 85px; background:url(images/wrapper-bg.png) top center repeat-y;}

#hd { position:relative; z-index:5; height:100px;}
.home #hd {height:120px;}
#hd h1 {float:left; margin-left:59px; height:100px; overflow:hidden;}
h2.tagline {color:#fff; font-weight:normal; font-size:1.6em; float:right; margin-right:105px;}
#hd ul {margin:0 0 0 0; padding-left:5px; font-size:0.85em; float:right; margin-right:105px; /*background:url(images/hd-nav-bg.png) no-repeat; background-position:0 50%;*/}
#hd ul li {display:block; float:left; list-style:none; background:url(images/hd-nav-bg.png) right no-repeat; padding-right:10px; padding-left:5px; line-height:36px;}
#hd ul a {color:#53601c; text-decoration:none;}

#hd li.downloads {padding:0; background:none;}
#hd li.downloads a {text-indent:-9999px; background:url(images/downloads.png); width:97px; height:36px; display:block;}

#bd {background:#ffffff url(images/bd-bg.png) bottom center no-repeat; padding-bottom:29px; position:relative;}

#yui-main {width:555px; float:right; margin-bottom:1em;}
#yui-main .yui-b {padding-right:28px;}
.home #yui-main {width:442px !important; float:left !important; padding-left:28px;}
.home #yui-main .yui-b {padding:0 !important}
#sidebar {width:225px; float:left; margin-bottom:1em;}
.home #sidebar {width:272px !important; float:right !important; padding-right:14px;}
.sidebar-pane {width:181px; margin:0 12px;}

#full-pane {display:block; clear:both; margin:0 16px;}



/*Home Page Masthead */
.home #masthead {background:url(images/home-masthead4.png) top center no-repeat; height:528px; margin-top:-30px; margin-left:19px;}
.home #sectionHeader {margin:0 79px 0 62px;}


/*Home Page Overlays */
.group {width:259px; float:left; position:relative; margin-right:2px;}

/*Left Overlay */
.one .home-image {margin:-9px 5px 0 5px; position:relative; height:230px; width:257px;}
.one .home-overlay {background:url(images/home-overlay-left.png) top left no-repeat; position:absolute; z-index:2; height:230px; width:257px;}

/*Middle Overlay */
.two .home-image {margin:-9px 5px 0 5px; position:relative; height:230px; width:257px;}
.two .home-overlay {background:url(images/home-overlay-middle.png) top left no-repeat; position:absolute; z-index:2; height:230px; width:257px;}

/*Rigth Overlay */
.three .home-image {margin:-9px 5px 0 5px; position:relative; height:230px; width:257px;}
.three .home-overlay {background:url(images/home-overlay-right.png) top left no-repeat; position:absolute; z-index:2; height:230px; width:257px;}


/*Positioning of Links and text inside Overlays */
.home-overlay a {position:relative; top:207px; left:20px;}
.home .home-image img {position:relative; top:0;}
.home #sectionHeader h2 {width:210px; margin:15px 31px 15px 31px; font-size:2.3em; line-height:35px; left:0 !important;}
.home-box p {color:#fff; margin:0 31px; font-size:0.85em; position:relative; z-index:3;}

#dnn_headerPane .extras {position:absolute; top:0; right:0;}
.home #sectionHeader {display:block; clear:both;}
#dnn_headerPane span.SubHead {display:none;}

/*Main Navigation */

#nav {position:relative; padding-top:65px; padding-left:119px;}
.home #nav {padding-top:61px; padding-left:100px;}
#nav table {display:none;}
#nav ul {margin:0; overflow:hidden; display:block; float:left;}
#nav li {display:block; float:left; list-style:none; padding:0 0 0 15px; background:url(images/nav-bg-left.png) top left no-repeat; margin-right:3px;}
#nav a {text-decoration:none; display:block; line-height:36px; padding:0 22px 0 7px; background:url(images/nav-bg-right.png) top right no-repeat; color:#fff; font-weight:bold;}
#nav li:hover, #nav li.CurrentItem, #nav li.ParentItem {background:url(images/nav-bg-left-over.png) top left no-repeat;}
#nav li:hover a, #nav li.CurrentItem a, #nav li.ParentItem a {background:url(images/nav-bg-right-over.png) top right no-repeat;}
#nav a:hover {background:url(images/nav-bg-right-over.png) top right no-repeat;}



/*Interior Overlay */
#masthead {background:url(images/masthead-bg.png) top center no-repeat; height:310px; position:relative; margin-top:-60px;}
#sectionHeader {margin:0 79px 0 85px; position:relative;}
#sectionHeader h2 {display:block; color:#d3faaa; font-size:1.6em; margin:37px 0; display:block; float:left; position:relative; left:20px; width:200px;}
#image {position:relative; margin-right:10px; margin-top:15px; height:153px; width:534px; float:right;}
#image img {position:relative; top:0;}
#overlay {background:url(images/viewport2.png) top center no-repeat; position:absolute; z-index:2; width:534px; height:153px;}



/*sub nav*/
#subnav {background:url(images/subnav.png) top left no-repeat; position:relative; z-index:10; margin-top:-111px;}
#subnav .SEOMenu { min-height:175px;}
#subnav h3 {text-indent:-99999px;}
#subnav table {display:none;}
#subnav ul {margin:0; font-size:0.9em; padding-top:31px; width:205px;}
#subnav li {list-style:none; font-weight:bold;}

#subnav a {color:#065d71; text-decoration:none; display:block; line-height:14px; padding:5px 10px;}
#subnav a:hover, #subnav a#CurrentLink, #subnav li.subnav-parent {color:#07334d; background:url(images/subnav-hover.png) top center repeat-y;}

#subnav-cap {background:url(images/subnav-cap.jpg) bottom center no-repeat; height:42px;}
	
	/*sub nav sub*/
#subnav ul ul {margin:0; font-size:0.95em; padding:5px 0; background:url(images/SB-nav-bg-big.png) top left repeat-y !important; display:none;}
#subnav li.CurrentItem ul, #subnav li.subnav-parent ul {display:block;}

#subnav li li {font-weight:normal;}
#subnav li li a {line-height:20px;  padding:0 0 0 33px}

#subnav ul ul ul li {text-indent:10px;}


/*Sidebar */

#sidebar .box {color:#849162;}
#sidebar .box h3 {color:#35b7c2; background:transparent url(images/feature-bg.png) top center no-repeat !important; padding:0 12px; line-height:33px;}
#sidebar .box ul {margin:8px 0 26px 20px;}
#sidebar .box li {list-style-type:none; background:url(images/feature-arrow.gif) 0 3px no-repeat; padding-left:10px; font-size:0.9em;}
#sidebar .box a {color:#849162; text-decoration:none;}
#sidebar .box a:hover {color:#07334d;}

.boxContent {padding:0 18px;}

/*Footer */

#ft {color:#454545; background:#f2efeb; overflow:hidden; padding:11px 19px 9px 33px; font-size:0.9em;}
#ft .figure-left {float:left;}
#ft .middle {padding-left:25px; padding-top:8px; margin-right:34px;}
#ft p {float:left; padding-top:8px;}
#ft p a {display:block; color:#4b5815; padding-top:4px;}
#ft ul {margin:0; float:right; padding-top:8px; background:url(images/ft-nav-bg.gif) 0 12px no-repeat; padding-left:5px;}
#ft ul li {display:inline; list-style:none; background:url(images/ft-nav-bg.gif) center right no-repeat; padding-right:9px; padding-left:9px; font-size:1.1em;}
#ft ul li.copyright {display:block; padding-top:9px; background-image:none; margin-left:-5px; padding-left:0; font-size:0.9em;}
#ft ul a {color:#4b5815; text-decoration:none;}


/*Calendar Sytling */

#select-month {margin-bottom:19px; margin-left:150px; background:url(images/select-bg.png) top center no-repeat; width:450px; height:26px; padding:2px 0; position:relative;}
#select-month a {}
#select-month .prevMonth {position:absolute; top:0; left:3px; background:url(images/select-a-bg.png) top center no-repeat; width:123px; height:24px; text-align:center; cursor:pointer; color:#fff; border:none;}
#select-month .nextMonth {position:absolute; top:0; right:3px; background:url(images/select-a-bg.png) top center no-repeat; width:123px; height:24px; text-align:center;  cursor:pointer; color:#fff; border:none;}
#select-month .monthList{position:absolute; left:145px;}
#select-month .yearList{position:absolute; left:245px;}

#calendar table {border:none; color:#065d71; margin-bottom:16px;}
#calendar table td {width:105px; height:76px; border-color:#5f8994; vertical-align:top; padding:8px 6px; border:solid 1px #57848f;}
#calendar thead {text-align:center; background-color:#c3d3d7;}
#calendar thead th {height:34px; margin:0; padding:0; border:solid 1px #57848f;}
#calendar thead  {margin:0;}


#calendar tbody {background-color:#f1f4f5;/* border-left:solid 1px #57848f; border-right:solid 1px #57848f; */}



#calendar tbody td a {text-decoration:none; color:#6c8e10; font-size:0.75em; padding:0 2px}
#calendar tbody td a:hover {color:#fff; background:#004976;}
#calendar-bottom {background:url(images/calendar-bottom.png) 50% 98% no-repeat;}


#calendar h3 {background:#eff7d1; padding:8px 0 8px 24px;}
#calendar .containerBox p {padding-left:24px; margin:0 0 5px 0;}
#calendar .containerBox a.back {background:url(images/calendar-btn.png) top left no-repeat; text-indent:-9999px; width:128px; height:21px; display:block; margin-bottom:20px;}
#calendar .containerBox strong {color:#10747c;}
#calendar .containerBox .dates p{padding-left:42px;}
#calendar .containerBox .dates strong {margin-left:-18px;}


/*cursor pointer for calendar admin date choice */
#dnn_ctr2255_EditInnoCalendar_imgStartDate{cursor:pointer;}
span.timePicker  div{top:260px !important; left:75% !important;}


 
/*Form Styling */
#customContact fieldset{margin:0; padding:0;}
#customContact ol {margin:0;}
#customContact ol li {position:relative; padding:4px 7px 4px 13px; list-style:none;}
#customContact li input {font-weight:400 !important;}
#customContact li textarea {width:307px; height:100px;font-weight:400 !important;}
#customContact legend {font-size:167%; padding:5px 5px 5px 20px; color:#015e6f;}
#customContact label{position:relative; clear:left; float:left; width:120px; margin-right:5px; line-height:1.8em !important; padding-right:15px;}

#customContact .Normal {margin-left:140px;}

#customContact label span {color:#818e91;}
#customContact fieldset input{width:300px;}
#customContact fieldset textarea {width:305px; height:100px;}

#customContact select {width:310px; font-weight:lighter;}

#customContact .registerButton {margin-left:345px;}
#customContact .registerButton a {background:url(images/select-a-bg.png) top center no-repeat; width:123px; height:24px; line-height:24px; display:block; text-align:center; cursor:pointer; color:#fff; border:none; text-decoration:none;}

.validationErrorSummary {color:#FF0000;}




#java {
  position:fixed;
  bottom:0;
  line-height:30px;
  background:#000;
  width:100%;
  text-align:center;
  font-style:italic;
  font-weight:700;
  color:#FFF;
  z-index:99999;
  -moz-opacity:.70;
  filter:alpha(opacity=.70);
  opacity:.70;
  padding:20px;
  border-top:1px solid #fff
}

#ie6 {  
  position:relative;
  bottom:0;
  height:30px;
  background:#000;
  text-align:center;
  font-style:italic;
  font-weight:700;
  color:#FFF;
  z-index:99999;
  filter:alpha(opacity=60);
  padding:20px;
  border-top:1px solid #fff
}