a {
 color: #dbdbdb;
}
/* used for demo page, wrapping content inside 960px */
#wrapper {
 width: 980px;
 margin: auto;
}
/* you might not need this if you use reset */
ul, li {
 margin: 0;
 padding: 0;
}
/* border of thumbnail */
#menu a img {
 border: 1px solid #aaa;
}
/* style of 1st level ul */
ul#menu {
 background: #000;  /* fallback for not so smart browser */

 display: block;
 margin: auto;
 border-radius: 4px; /* rounded border */
}
/* 1st level list is floating for horizontal menu */
#menu li {
 float: left;
 position: relative;
 list-style: none;
 margin: 0 0 0 5px;
 padding: 0;
 /* transition effect for background */
 transition: background .2s ease-in-out;
 -webkit-transition: background .2s ease-in-out;
 -moz-transition: background .2s ease-in-out;
 -o-transition: background .2s ease-in-out;
}
/* links and sectionheaders style */
#menu li a, #menu li span.sectionheader {
 display: block;
 color: #fff;
 line-height: 35px;
 padding: 0 16px;
 text-decoration: none;
}
/* 1st level links style */
#menu li a.menuitem,
#menu li span.menuitem.sectionheader {
 text-transform: none;
 text-shadow: 0px 0px 0 #aaa;
 color: #fff;
 font-weight: bold;
}
/* hover or current style */
#menu li:hover, #menu li.current {
 background: #444;
}
/* description is wrapped in info span */
#menu span.info {
 display: block;
 line-height: 1;
 display: block;
 font-size: 11px;
 padding-bottom: 10px;
 text-transform: none;
 text-shadow: none;
 color: #aaa;
 font-weight: normal;
}
/* 2nd level */
#menu .submenu {
 position: absolute;
 z-index: 100;
 width: auto;
 top: -9999em; /* hide first */
 left: -9999em;
 opacity: 0; /* set opactiy to 0 for transtion effect */
 width: 240px; /* flyout will depend on this, if you change it dont forget about #menu .submenu li.flyout ul */
 /* animate dropdown */
 transition: width .4s ease-in-out;
 -webkit-transition: width .4s ease-in-out;
 -moz-transition: width .4s ease-in-out;
 -o-transition: width .4s ease-in-out;
 border-radius: 0 0 6px 6px;
 transition: opacity .4s ease-in-out;
 -webkit-transition: opacity .4s ease-in-out;
 -moz-transition: opacity .4s ease-in-out;
 -o-transition: opacity .4s ease-in-out;
}
/* position wrapping div on hover */
#menu li:hover .submenu {
 top: 35px;
 opacity: .95;
 left: 0;
}
/* if parent has class right, position it to right */
#menu li:hover.right .submenu {
 left: auto;
 right: 0;
}
/* width of mega dropdown, you can add more classes like this, depending on your site structure */
#menu li.two_col:hover .submenu {
 width: 350px;
}
/* reset transition animations */
#menu li li {
 transition: none;
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
}
/* style of 2nd level unordered list */
#menu .submenu ul {
 background: #444;
 border-radius: 0 6px 6px 6px;
 padding: 10px 0;
 box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3);
}#menu .submenu ul li {
 display: block;
 float: left;
}
/* if 2nd level item has no children or has class flyout */
#menu .submenu ul li.no-sub,
#menu .submenu ul li.flyout,
#menu .submenu ul li.flyout li {
 float: none;
}
/* position 3rd level flyout */
#menu .submenu li.flyout ul {
 position: absolute;
 width: 240px;
 top: -9999em;
 left: -9999em;
}
#menu .submenu li.flyout:hover ul {
 position: absolute;
 left: 230px;
 top: 0;
}
/* style of second level links */
#menu li ul li a.menuitem,
#menu li ul li span.menuitem.sectionheader,
#menu li ul li a, #menu li ul li span.sectionheader {
 display: block;
 padding: 0 10px;
 line-height: 24px;
 text-shadow: none;
 transition: color .4s ease-in-out;
 -webkit-transition: color .4s ease-in-out;
 -moz-transition: color .4s ease-in-out;
 -o-transition: color .4s ease-in-out;
}
/* uppercase for mega dropdown parent items */
#menu li ul li a,
#menu li ul li.sectionheader span {
 text-transform: uppercase;
 display: block;
}
/* remove uppercase if it's not mega dropdown */
#menu li ul li.no-sub a,
#menu li ul li.flyout a,
#menu li ul li.no-sub span.sectionheader,
#menu li ul li.flyout span.sectionheader {
 text-transform: none;
}
/* link color of sublevels */
#menu li ul li a:hover,
#menu li ul li a.current {
 color: #a0cf67;
}
#menu .submenu li ul {
 position: static;
 display: block;
 box-shadow: none;
 border-radius: 0 0 6px 6px;
}
#menu .submenu li ul li {
 float: none;
}
/* width of mega dropdown columns, should fit inside #menu li.two_col:hover .submenu width  */
#menu .two_col .submenu ul li {
 width: 165px;
}
/* clearfix - clearing floats */
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
* html .clearfix { zoom: 1;}/* IE6 */
*:first-child+html .clearfix { zoom: 1;}/* IE7 */

/* ----------------------------------------------Contact Form-------------------------------------*/

contactform {
background-color : #F3F3F3;
border : 1px solid #E8E8E8;
margin : 20px 0 10px 0;
padding : 14px;
font-size : 13px;
color : #333333;
}

.contactform label {
width : 130px;
display : block;
float : left;
padding-top : 5px;
}

.contactform input, .contactform textarea {
width : 185px;
border : 1px solid #E47D1A;
padding : 4px;
color : #666666;
font-size : 12px;
line-height : 130%;
}

.contactform textarea {
width : 220px;
}

.contactform div {
display : block;
margin-bottom : 10px;
}

input.fbsubmit {
margin-left : 0px;
margin-top : 15px;
background-color : #E47D1A;
color : #FFFFFF;
border : 0;
width : auto;
}

input.fbsubmit:hover {
background-color : #f99f49;
}
table.pretty {
  margin: 5px 5px 5px 5px;
  background: whitesmoke;
  border-collapse: collapse;
}
table.pretty th, table.pretty td {
  border: 1px silver solid;
  padding: 5px;
}
table.pretty th {
  background: gainsboro;
  text-align: left;
}
table.pretty caption {
  margin-left: inherit;
  margin-right: inherit;
}