#demoform h5 {

	color: #fafafa;
}

.newform input[type=text],
.newform input[type=email],
.newform input[type=email],
.newform input[type=tel] {

        border-radius: 2px;
	margin: 5px 10px;
        border: 2px;
        line-height: 2em;


}


.demoform input[type=text] {

	border-radius: 2px;
	margin: 5px 10px;
        border: none;
        line-height: 2em;
}

.demoform input[type=email] {

	border-radius: 2px;
	margin: 5px 10px;
        border: none;
        line-height: 2em;
}

.demoform input[type=submit] {

    margin: 5px 5px 0 20px;
    background: #005885;
    color: #fafafa;
    border: none;
    border-radius: 2px;
    padding: 15px 30px;

}

.demoform input[type=tel] {

    border-radius: 2px;
    margin: 5px 10px;
    border: none;
    line-height: 2em;
}

.demoform button{
    margin: 5px 5px 0 20px;
    background: #005885;
    color: #fafafa;
    border: none;
    border-radius: 2px;
    padding: 15px 30px;
}


/* Navigation bars Main = header. Extra = footer*/

#main-nav   {

width:100%;

margin: 0 auto;

height: 55px; /* set to the height you want your menu to be */

position: fixed;

display:block;

z-index:1000;

background-color: #f2f2f2;

opacity: 1;

}


#main-nav a {
    color: #000000;
}

#main-nav ul    {

margin: 0; padding: 0px; /* only needed if you have not done a CSS reset */

}

#main-nav li    {

display: block;

float: right;

line-height: 55px; /* this should be the same as your #main-nav height */

height: 55px; /* this should be the same as your #main-nav height */

margin: 0; padding: 0; /* only needed if you don't have a reset */

position: relative; /* this is needed in order to position sub menus */

}

#main-nav li a  {

display: block;

background-color: #f2f2f2;

height: 55px;

line-height: 55px;

padding: 0 15px;

top: -55px;

}

#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {

color: #fafafa;

background: #005885;

}

#main-nav ul ul { /* this targets all sub menus */

display: none; /* hide all sub menus from view */

position: absolute;

top: 55px; /* this should be the same height as the top level menu -- height + padding + borders */

right:0px;

}

#main-nav ul ul li { /* this targets all submenu items */

    float: right; /* overwriting our float up above */

    width: 155px; /* set to the width you want your sub menus to be. This needs to match the value we set below */

}

#main-nav ul ul li a { /* target all sub menu item links */

    padding: 5px 10px; /* give our sub menu links a nice button feel */
}


#main-nav ul li:hover > ul {

display: block; /* show sub menus when hovering over a parent */

opacity: 1;

}

#main-nav ul ul li ul {

/* target all second, third, and deeper level sub menus */

right: 155px; /* this needs to match the sub menu width set above -- width + padding + borders */

top: 0; /* this ensures the sub menu starts in line with its parent item */

}




#extra-nav   {

width:100%;

height: 25px; /* set to the height you want your menu to be */

display:block;

z-index:1000;

 font-size: 0.8em;

background-color: #005885; /*darker blue for TLA */

}

#extra-nav a {
    color: white;
}

#extra-nav ul    {

margin: 0; padding: 0px; /* only needed if you have not done a CSS reset */

}

#extra-nav li    {

display: block;

float: left;

line-height: 25px; /* this should be the same as your #main-nav height */

height: 25px; /* this should be the same as your #main-nav height */

margin: 0; padding: 0; /* only needed if you don't have a reset */

position: relative; /* this is needed in order to position sub menus */

}

#extra-nav li a  {

display: block;

background-color: #005885;

height: 25px;

line-height: 25px;

padding: 0 15px;

top: -25px;

}

#extra-nav a:hover {

color: #fafafa;

background: #008ed6;

}