/*  
Theme Name: New Hampshire Association of Diabetes Educators
Theme URI: http://www.nhade.org/
Description: The NHADE theme
Version: 1.0
Author: Matt Gagnon
Author URI: http://www.websiteinsites.com/
*/

body {
font: 11pt/1.3 Helvetica, Arial, sans-serif;
color: #333;
background-color: #fff;
padding: 0;
margin: 0 auto 100px auto;
width: 750px;
}

h1, h2, h3, h4, h5, h6, p {
padding: 0;
margin: 10px;
color: #369;
background-color: #fff;
}

h1 {
margin-top: 20px;
font-size: 125%;
}

h2 {
margin-top: 15px;
font-size: 115%;
}

h3 {
font-variant: small-caps;
font-size: 105%;
}

p {
color: #333;
background-color: #fff;
}

a:link, a:hover, a:active, a:visited {
color: #000;
background-color: #fff;
}

a:hover, a:visited {
padding-bottom: 1px;
color: #369;
}

img {
border: none;
}

ul {
margin: 0;
padding: 0;
}

dfn {
display: none;
}

#logo a, #name {
position: absolute;
top: 20px;
margin: 0 0 0 20px;
text-decoration: none;
border-bottom: none;
background-color: transparent;
}

#name {
top: 30px;
margin: 0 0 0 145px;
}

#header a {
position: absolute;
top: 0;
background: transparent url(images/wave.gif) no-repeat;
color: #000;
background-color: transparent;
font-size: 16px;
padding: 80px 0 45px 135px;
text-decoration: none;
border-bottom: none;
width: 615px; /* 750px - l & r padding */
}

#breadcrumbs {
position: absolute;
top: 137px;
list-style-type: none;
color: #000;
background-color: #00a0ff;
padding: 6px 10px;
margin: 0 0 0 10px;
font-size: 80%;
width: 730px;
}

#breadcrumbs li, #breadcrumbs li a {
display: inline;
color: #000;
background-color: #00a0ff;
border-bottom: none;
padding: 0 5px 0 0;
}

#breadcrumbs li a:hover {
color: #fc0;
background-color: #00a0ff;
}

#content {
position: absolute;
top: 164px;
width: 575px; /* ONLY DIFFERENCE FROM DIABETES-NEWS */
margin: 0 0 0 170px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p {
margin: 10px 0;
}

#content h2 {
border-top: 1px solid #00a0ff;
}

#content ul {
margin: 10px 0 10px 20px;
padding: 0;
}

#content img {
margin: 5px 5px 0 0;
}

.left {
float: left;
margin: 10px 10px 10px 0;
padding: 0;
}

.right {
float: right;
margin: 10px 0 10px 10px;
padding: 0;
}

#news {
position: absolute;
top: 0px;
width: 250px;
margin: 0 0 0 340px;
list-style-type: none;
font-size: 90%;
padding: 0;
list-style-type: none;
/*background-color: #00a0ff;*/
color: #000;
}

#news h1, #news h2, #news h3, #news h4, #news h5, #news h6, #news p {
font-size: 100%;
background-color: #ffe182;
color: #000;
padding: 10px;
}

#quick_links {
position: absolute;
top: 30px;
margin: 0 0 0 580px;
list-style-type: none;
}

#quick_links a {
color: #333;
background-color: transparent;
text-decoration: none;
border: none;
}

/* search form */
#search_keywords, #search_button {
position: absolute;
top: 75px;
margin: 0 0 0 580px;
width: 140px;
}

#search_button {
top: 77px;
margin: 0 0 0 730px;
width: 14px;
}

#content #footer {
border-top: 2px solid #00a0ff;
list-style-type: none;
font-size: 90%;
text-align: center;
margin: 275px 0 10px 0;
padding: 0;
}

#footer p {
margin: 5px 0 0 0;
}

#footer a, #footer a:visited {
margin: 0 20px 0 0;
text-decoration: none;
border-bottom: none;
}

#footer #sitename {
font-weight: bold;
margin: 10px 0;
}

#footer #credit {
margin: 30px 0 0 0;
}

#sidebar {
margin-top: 30px;
padding: 10px;
border: 1px solid #ccc;
border-right: 3px solid #cecece;
border-bottom: 3px solid #cecece;
text-align: center;
width: 120px;
background-color: #00a0ff;
}

#sidebar a {
background-color: #00a0ff;
color: #fff;
font-family: Georgia, Times, serif;
font-size: 20px;
line-height: 1.5;
font-weight: bold;
border: none;
text-decoration: none;
}

/* ----- menu below this ------ */
#menuwrapper {
font-size: 90%;
position: absolute;
top: 164px;
}

#primary-nav {
}

#primary-nav, #primary-nav ul {
list-style: none;
margin: 0;
padding: 0 0 0 10px;
width: 150px;
margin-left: -1px;
min-height: 1em; /* Fixes IE7 bug*/
}

#primary-nav ul {
position: absolute;
top: 0;
left: 100%;
display: none;
background-color: #ffe182;
}

#primary-nav li {
height: 30px;
margin-bottom: -1px;
position: relative;
}

/* Styling the basic appearance of the menu elements */
#primary-nav a {
border: 1px solid #ccc;
display: block;
margin: 0px;
padding: 5px 10px;
color: #000;
text-decoration: none;
background: transparent no-repeat;
min-height: 1em; /* Fixes IE7 whitespace bug*/
}

#primary-nav li, #primary-nav li.menuparent {
background-color: #fff;
min-height: 1em; /* Fixes IE7 bug*/
}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.current_page_item {
background: #ffe182 url(images/nav_active.gif) no-repeat;
}

#primary-nav li.menuparent a.current_page_item,
#primary-nav li.menuparent:hover,
#primary-nav li.menuparent.over {
background: #ffe182 url(images/nav_active.gif) no-repeat;
}

/* Styling the appearance of menu items on hover */
#primary-nav li:hover, #primary-nav li.over,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
background: #ffe182 url(images/nav_active.gif) no-repeat;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
display: none;
}

#primary-nav li:hover ul, #primary-nav li.over ul,
#primary-nav ul li:hover ul, #primary-nav ul li.over ul,
#primary-nav ul ul li:hover ul, #primary-nav ul ul li.over ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
display: block;
}