/*------ BASICS ------*/
body {
margin: 0;
padding: 0;
background: #ffffff url(../img/bg.gif) repeat;
color: #000000;
font-size: 80%;
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
.hide {
display: none;
}
a {
text-decoration: none;
}
img {
border: 0
}
table {
border: 0;
}

/*--- CORE LAYOUT ---*/
div#wrapper {
color: #332222;
background: #ffffff;
width: 740px;
margin: 15px auto 15px auto;
border: 8px solid #117788;
}
div#header {
color: #000000;
background: #ffffff url(../img/jmga-logo.gif) no-repeat;
height: 98px;
width: auto;
margin-bottom: 10px;
}
div#content {
float: left;
width: 470px;
padding: 10px 10px 10px 15px;
}
div#sidebar {
margin: 0 0 0 500px;
padding: 10px 15px 10px 10px;
width: auto;
}
/* nasty hack to stop float drop in WinIE */
/* hide from MacIE. only WinIE sees this. \*/
* html div#sidebar {
overflow: hidden;
o\verflow: visible;
width: 100%;
w\idth: auto;
he\ight: 1%;
}
/* end hide */
div.subnav {
width: auto;
margin: 0;
padding: 0;
}
div.footnav {
clear: both;
text-align: center;
margin: 6px;
}

/*------ SUB NAVIGATION ------*/
.subnav ul li {
list-style: none;
list-style-image: none;
}
.subnav ul {
margin: 0;
padding: 0;
font-size: 95%;
font-weight: bold;
text-align: left;
text-transform: lowercase;
}
.subnav li {
margin: 0;
padding: 0;
border-bottom: 1px solid #ffffff;
}
.subnav ul li a {
display: block;
color: #665555;
background: #eeeedd;
padding: 0.2em 0.2em 0.2em 0.8em;
margin: 0;
border-left: 10px solid #665555;
}
/* hide from IE*/
html>body .subnav li a {
padding: 0.2em 0.2em 0.3em 0.8em;
}
.subnav li a:hover {
color: #117788;
background: #eeeedd;
text-decoration: none;
border-left: 10px solid #117788;
}
.subnav .subcurrent a {
color:#332222;
background: #eeeedd;
border-left: 10px solid #117788;
}
.subnav .subcurrent a:hover {
color:#332222;
background: #eeeedd;
text-decoration: none;
}

/*------ FOOTER NAVIGATION ------*/
.footnav ul {
list-style: none;
font-size: 85%;
width: auto;
padding: 0;
margin: 0;
}
.footnav li {
display: inline;
text-align: center;
padding: 0;
margin: 0;
color: inherit;
background: transparent;
}


/*------ BOX FORMATTING ------*/
.box {
position: relative;
text-align: left;
width: auto;
padding: 5px;
margin: 15px 0 0 0;
background: #ffffff;
border: 1px solid #ccccbb;
}
.box img {
position: relative;
float: left;
padding: 3px 5px 3px 0;
}
.box img.no-float {
position: relative;
float: none;
}
.box h1 {
font-weight: bold;
text-transform: lowercase;
display: block;
font-size: 115%;
position: relative;
margin: 0 0 0.3em 0;
padding: 4px 2px 4px 6px;
width: auto;
color: #665555;
background: #eeeedd;
}
.box h1 a:link {
color: #665555;
background: inherit;
}
.box h1 a:visited {
color: #665555;
background: inherit;
}
.box h1 a:hover {
color: #117788;
background: inherit;
text-decoration: none;
}
.box h2 {
font-size: 105%;
margin: 0;
padding: 0;
}
.box h2 span {
font-style: italic;
font-size: 110%;
}
.box p {
font-size: 95%;
line-height: 130%;
margin: 0 0 0.5em 0;
padding: 0;
}
.box ul li {
font-size: 90%;
line-height: 120%;
}
.box .small {
font-size: 85%;
}
.box .more {
font-size: 100%;
}

/*------ GENERAL TEXT FORMATTING ------*/
h1, h2, h3, h4, h5, h6 {
font-family: georgia, "times new roman", times, serif;
font-weight: bold;
color: #665555;
background: inherit;
padding: 0;
}
h1 {
font-size: 170%;
margin: 0 0 0.4em 0;
}
h1.main {
font-size: 170%;
margin: 0 0 0.1em 0;
}
h1.sub {
font-size: 150%;
margin: 0 0 0.5em 0;
}
h2 {
font-size: 150%;
margin: 0 0 0.2em 0;
padding-top: 0.2em;
}
h2.main {
font-size: 150%;
line-height: 100%;
margin: 0 0 0.1em 0;
padding-top: 0.2em;
}
h2.sub {
font-size: 125%;
line-height: 100%;
margin: 0 0 0.3em 0;
}
h3 {
font-size: 125%;
margin: 0 0 0.2em 0;
padding-top: 0.2em;
}
h3.main {
font-size: 125%;
margin: 0;
padding-top: 0.2em;
}
h3.sub {
font-size: 100%;
margin: 0 0 0.5em 0;
}
h4 {
font-size: 110%;
margin: 0 0 0.1em 0;
padding-top: 0.1em;
}
h5 {
font-size: 105%;
margin: 0 0 0.1em 0;
padding-top: 0.1em;
}
h6 {
font-size: 100%;
margin: 0 0 0.1em 0;
padding-top: 0.1em;
}
p {
font-size: 1em;
font-style: normal;
line-height: 135%;
margin: 0 0 0.8em 0;
padding: 0;
}
span {
}
blockquote {
margin-top: 0;
margin-bottom: 0.7em;
}
blockquote p {
font-size: 90%;
line-height: 120%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0.8em;
}
a:link {
color: #117788;
background: inherit;
}
a:visited {
color: #117788;
background: inherit;
}
a:hover {
color: #665555;
background: inherit;
text-decoration: underline;
}
h1 a:link, h1 a:visited {
color: #117788;
background: inherit;
}
h1 a:hover {
color: #665555;
background: inherit;
}
h2 a:link, h2 a:visited {
color: #117788;
background: inherit;
}
h2 a:hover {
color: #665555;
background: inherit;
}
h3 a:link, h3 a:visited {
color: #117788;
background: inherit;
}
h3 a:hover {
color: #665555;
background: inherit;
}
h4 a:link, h4 a:visited {
color: #117788;
background: inherit;
}
h4 a:hover {
color: #665555;
background: inherit;
}
.small {
font-size: 80%;
}
.supsml {
font-size: 65%;
}
.med  {
font-size: 90%;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.middle {
vertical-align: middle
}
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}
hr {
margin-left: 20%;
margin-right: 20%;
padding: 0.1em 0 0 0;
border: 0;
height: 1px;
border-top: 1px dashed #ccccbb;
}
ul {
margin-bottom: 0.8em;
padding-left: 1.5em;
}
ul li {
list-style: square;
margin-bottom: 0.3em;
}


/*---- SPECIFIC FORMATTING ----*/
h1 span.home {
font-size: 70%;
} 
.emails {
padding: 3px 0 5px 0;
}
img.side {
margin: 15px 0 0 0;
border: 1px solid #ccccbb;
}


/*----- IMAGE GALLERY ------*/
div.links {
margin-bottom: 0.8em;
padding: 3px 2px 3px 6px;
border: 1px solid #ccccbb;
}
div.links img {
vertical-align: middle;
margin: 3px 3px 3px 0;
padding: 0;
}
div.links h2 {
font-size: 110%;
margin-top: 0;
margin-bottom: 0.2em;
}
div.links td p {
font-size: 90%;
margin-bottom: 0;
padding: 0;
}


/*--- GENERAL FLOATS ----*/
.floatleft {
float: left;
}
.floatright {
float: right;
}
img.floatleft {
padding: 3px 5px 3px 0;
}
img.floatright {
padding: 3px 0 3px 5px;
}


/*--- CLEARS ----*/
.clearing {
clear: both;
height: 1px;
}
.clearleft {
clear: left;
height: 1px;
}
.clearright {
clear: right;
height: 1px;
}