/******************************************************************** BASIC STYLES ****************************/

/***** Reset ****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; /*vertical-align: baseline;*/ background: transparent; }
caption, th, td { text-align: left; font-weight: normal; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

body {
  line-height: 1.5;
  font-size: 87.5%;
  font-family: palatino Linotype, Book Antiqua3, Palatino, serif;
  color: #333;
  background: url(../images/page-bg-internal.png) repeat-x left top;
}

h1, h2, h3, h4, h5 { color: #333; font-weight: normal; font-family: "Trajan Pro",palatino Linotype, Book Antiqua3, Palatino, serif; }

/**** HEADERS WITHIN THE CONTENT AREA *****/

h1 { font-size: 24px; }
h2 { font-size: 18px; margin: 1.5em 0 .75em 0 }
h3 { font-size: 16px; margin: 1.5em 0 1.5em 0; }
h4 { font-size: 14px; margin: 1.5em 0 1.5em 0; }


a { color: #0e95bb; }
a:hover { color: #0a6f8c; }

/******************************* Forms ********/

input[type="text"], input[type="password"], input[type="email"], select { padding: 10px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: solid 1px #ccc; }
textarea { padding: 10px 8px; -moz-border-radius-topleft: 4px; -webkit-top-left-border-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-top-right-border-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 0px; -webkit-bottom-left-border-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-bottom-right-border-radius: 0px; border-bottom-right-radius: 0px; border: solid 1px #ccc; width: 418px!important; }
select, select.form-select { width: 410px; padding: 9px 4px; margin: 0px; }
option { padding-left: 0px; }
label { margin-bottom: .5em; font-size: 16px; }
/*-cro removed 2016-11-30 to fix gridview edit text columns in pbackup.aspx*/
/*input[type="text"], input[type="email"], input[type="password"] { width: 400px!important; }*/
input[type="email"], input[type="password"] { width: 400px!important; }
input[type=submit] { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-decoration: none; text-align: center; line-height: 1; color: #fff; display: inline-block; padding: 10px 15px; background: #0e95bb; border: none; }
input[type=submit]:hover { background: #12bbea; text-decoration: none; }
input[type=submit] a { display: inline-block; }
input[type=button i] { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-decoration: none; text-align: center; line-height: 1; color: #fff; display: inline-block; padding: 10px 15px; background: #0e95bb; border: none; }
input[type=button i]:hover { background: #12bbea; text-decoration: none; }
input[type=button i] a { display: inline-block; }


#breadcrumb, .breadcrumb { font-size: 100%; margin: 0px; padding: 0px; }
#breadcrumb a, #breadcrumb span, .breadcrumb a, .breadcrumb span { font-size: 11px; text-transform: uppercase; }

#content p, #content li, #content dd, #content dt, #content td, #content th {
  line-height: 1.5;
  margin: 1em 0;
  font-size: 14px;
}

#content ul { margin-bottom: 1em; }

/*************** Tables ****/

table { 
	width: 100%; 
	font-size: 100%; 
  margin-bottom: 10px; 
  border-top: solid 1px #ddd; 
  border-right: solid 1px #ddd;
}

table tr th { background: #d6ebf2; color: #333; }
th { font-weight: bold; background: #CCFFFF; }
td { background: #fff; }
td, th { border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 5px; }
tbody td, tbody td { background: #fff; }
tbody tr:nth-child(even) td {
	background-color: #f4f4f4;
}
tbody tr:nth-child(odd) td {
	background-color: #fbfbfb;
	/*background-color: #f8f8ff;*/
}


/********** Containers **************/

#page { width: 958px; border: 1px solid #DDDDDD;-moz-box-shadow: 0 0 12px 0 #DDDDDD;-webkit-box-shadow: 0 0 12px 0 #DDDDDD;box-shadow: 0 0 12px 0 #DDDDDD; }
#header { height: 130px; }
#main-nav { border-top: solid 1px #7ad06d; border-bottom: solid 1px #60ace6; height:54px; }


/***** I'm using a sticky footer http://www.cssstickyfooter.com/ technique for the footer. You can ignore the negative margins etc. if you don't want to do the footer the same way. ****/

#footer-wrapper { margin-top: 50px; background: #6e7c9a; /* Old browsers */ background: -moz-linear-gradient(left, #6e7c9a 0%, #648060 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6e7c9a), color-stop(100%, #648060)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #6e7c9a 0%, #648060 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #6e7c9a 0%, #648060 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #6e7c9a 0%, #648060 100%); /* IE10+ */ background: linear-gradient(to right, #6e7c9a 0%, #648060 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e7c9a', endColorstr='#648060',GradientType=1 ); /* IE6-9 */ height: 220px; margin-top: -220px; padding: 0px; color: #eee; font-size: 12px; }


/**************MAIN MENU ***************************/

/********** Some of this menu code may have originally been used to over ride Drupal css.  You may want to recreate what you see on the site and use this css only as a guide.  ***/

.nice-menu { z-index: 10; }
.navigation > ul li.menuparent, .navigation > ul li.expanded { padding-right: 8px; }

ul.nice-menu-down li { border: none; float: left; background: none; padding: 0px; }
ul.nice-menu-down li.menuparent > a { padding-right: 36px; }
ul.nice-menu-down li.menuparent > a.active:hover { cursor: default; }
ul.nice-menu-down li.menuparent, ul.nice-menu-down li.expanded { background: none!important; }
ul.nice-menu-down li.menuparent ul, ul.nice-menu-down li.expanded ul { border: none; padding-top: 0px; background: #1fa7d9 !important; background: rgba(31, 167, 217, 0.9); -moz-border-radius-bottomleft: 5px; -webkit-bottom-left-border-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-bottom-right-border-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-top-left-border-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-top-right-border-radius: 0px; border-top-right-radius: 0px; }
ul.nice-menu-down li.menuparent ul ul li.last a, ul.nice-menu-down li.expanded ul ul li.last a { padding-bottom: 10px; }
ul.nice-menu-down li.menuparent ul ul li a, ul.nice-menu-down li.expanded ul ul li a { padding-left: 30px; }
ul.nice-menu-down li.menuparent:hover ul, ul.nice-menu-down li.expanded:hover ul { left: 20px; visibility: visible; }
ul.nice-menu-down li.menuparent nolink, ul.nice-menu-down li.expanded nolink { padding-right: 15px; }
ul.nice-menu-down li.menuparent:hover, ul.nice-menu-down li.expanded:hover { background: none; }
ul.nice-menu-down li:hover a, ul.nice-menu-down li:hover nolink { text-decoration: none; text-shadow: 0px 0px 5px rgba(81, 167, 217, 0.5); transition: text-shadow 0.25s linear,; -moz-transition: text-shadow 0.25s linear; -webkit-transition: text-shadow 0.25s linear; }
ul.nice-menu-down > li > ul { background: none; }
ul.nice-menu-down > li.menuparent, ul.nice-menu-down > li.expanded { height: 54px; }
ul.nice-menu-down > li.menuparent.last > ul, ul.nice-menu-down > li.expanded.last > ul { background-position: 120px top; }
ul.nice-menu-down li ul li ul { top: auto; left: auto; }

ul.nice-menu a, ul.nice-menu nolink, .nice-menu a, .nice-menu nolink { font-family: trajan pro,palatino linotype,serif; text-align: left; display: block; }
ul.nice-menu > li > a, ul.nice-menu > li > nolink, .nice-menu > li > a, .nice-menu > li > nolink { color: #222; font-size: 14px; padding: 18px 30px; height: 18px; }

ul.nice-menu { padding: 0px!important; }
ul.nice-menu > li:hover > a, ul.nice-menu > li:hover > nolink { color: #0e95bb; }
ul.nice-menu > li:first-child:hover > ul { /*left:36px;*/ background-position: 18px top; }
ul.nice-menu > li:hover > ul > li a { color: #222; color: #fff; }
ul.nice-menu > li:hover > ul > li a:hover { /*color:$link-color;*/ }
ul.nice-menu > li.last > ul { width: auto; min-width: 110px; }
ul.nice-menu > li > ul { top: 54px; left: -5000px; visibility: visible; width: 250px; border: none; z-index: 100; padding: 15px 0 10px 0; }
ul.nice-menu > li > ul > li { background: transparent; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; }
ul.nice-menu > li > ul > li ul > li a, ul.nice-menu > li > ul > li ul > li nolink { padding-left: 25px; font-size: 70%; }
ul.nice-menu > li > ul > li a:hover, ul.nice-menu > li > ul > li.active-trail > a { background: #0a4e82; }
ul.nice-menu > li > ul > li > ul { position: static; }
ul.nice-menu > li > ul a, ul.nice-menu > li > ul nolink { font-size: 12px; padding: 10px 15px; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; color: #fff; }
ul.nice-menu > li > ul li { width: auto; float: none; }

.block-nice-menus { position: relative; }