/**
 * global stylesheet for Masters In Gaming Reskin
 * @author      Greg Tammi <greg@pictographics.com>
 * @copyright   Copyright (c) 2008+ Pictographics Ltd
 * @since       July 30, 2009
 */

* {
    margin: 0 ;
    padding: 0 ;
}

body {
    background: #919191 ;
    font: 14px "Lucida Grande", "Trebuchet MS", geneva, arial, sans-serif ;
    color: #000 ;
}

#header, #wrapper {
    width: 980px ;
    margin: 0 auto ;
}

/** header section of site **/
#header {
    height: 234px ;
    background: #fff url(/img/header.jpg) top left no-repeat; 
    position: relative ;
}

#top_bar {
    position: absolute ;
    top: 8px ;
    left: 70px ;
    width: 875px ;
}

#top_bar li {
    display: inline ;
    padding: 2px 10px ;
}

#top_bar li a {
    text-decoration: none ;
    color: #fff ;
    font-size: 11px ;
}

#top_bar li a:hover {
    text-decoration: underline ;
}

#top_bar #search_form {
    position: absolute ;
    right: 40px ;
    top: -2px ;
}

#search_form input#searchwords {
    width: 125px ;
    border: 1px solid #aaa ;
    padding: 2px ;
}

#header_content h1, #header_content h2 {
    text-indent: -999em ;
}

ul#more_info {
    width: 980px ;
    position: absolute ;
    bottom: 15px ;
}

ul#more_info li {
    float: left ;
    list-style: none ;
}

ul#more_info li a {
    display: block ;
    width: 326px ;
    text-align: center ;
    color: #fff ;
    text-decoration: none ;
}

ul#more_info li a:hover {
    text-decoration: underline ;
}

/** end of header section, start of content **/
#wrapper {  
    background: #fff  ;
    padding-bottom: 20px ;
}

#inner-wrapper {
    width: 980px ;
    margin: 0 10px ;
    padding: 10px 0 ;
}

#content {
    float: left ;
    width: 690px ;
    color: #464646 ;
    line-height: 22.05px ;
    font-size: 12px ;
}

#content h3 {
    font-weight: bold ;
    color: #153659 ;
    border: 0 ;
    font-size: 24px ;
    padding: 10px 0 ;
}
#content a {
    font-weight: bold; 
    color: #790026 ;
    text-decoration: none ;
}

#content strong {
  font-weight: bold ;
  font-size: 105% ;
}

#content p {
    padding-top: 10px;
}

#content ul {
    margin-left: 20px ;
    list-style: bullet ;
}

#content li {
    list-style-type: bullet ;
}

/** all for the sidebar in here **/
#sidebar {
    float: right ;
    width: 262px ;
    margin: 0 20px 0 0 ;
}

ul#nav {
    width: 262px ;
    list-style: none ;
    margin-bottom: 15px ;
}

#nav li {
    margin: 0 0 3px 0 ;
    padding: 0 ;
    background: #1a4772 url(/img/menu-bg.jpg) top left repeat-x ;
}

#nav li a {
    display: block ;
    padding: 10px 0 10px 16px ;
    text-decoration: none ;
    color: #fff ;
    font-size: 90% ;
}

/** submenu styles **/
#nav ul {
    display: none ;
    list-style: none ;
    margin-left: 0px ;
    padding: 0 ;
    border: 1px solid #1a7a2d ;
    border-width: 0 0 1px 1px ;
}

#nav ul#current {
    display: block ;
}
#nav ul li {
    background: #fff ;
    margin: 0 ;
    padding: 0 ;
    list-style-type: none ;
}

#nav ul li a {
    display: block ;
    text-transform: none ;
    padding: 2px 8px ;
    margin: 0 ;
    color: #555 ;
}

#nav ul li a:hover {
    text-decoration: none ;
    color: #8c1d2d ;
}

li.current a {
    color: #123456 ;
    font-weight: bold ;
}

/** address information goes here **/
div#address_info {
    text-align: right ;
    font-size: 14px ;
    margin-top: 27px ;
}

div.clear {
    clear: both ;
    height: 1% ;
}

#footer {
    clear: both ;
    width: 980px ;
    background: transparent ;
    margin: 15px auto ;
    padding-top: 5px ;
    text-align: center ;
}

#footer p {
    font-size: 80% ;
    color: #d2d1d1 ;
}

/* specifically for the questionnaire form */
input#ocean_color {
    display: none ;
}

/* index page only ... program highlights section */
#program_highlights {
    clear: both ;
    float: left ;
    width: 960px ;
    padding: 0 10px ;
    background: #fff ;
}

#program_highlights hr {
    height: 4px ;
    width: 960px ;
    color: #8baec7 ;
    background-color: #8baec7 ;
    border: 1px solid #8baec7 ;
}

#program_highlights h3 {
    margin-left: 210px ;
    color: #153659 ;
    font-size: 24px ;
    font-style: italics ;
    font-weight: normal ;
    padding-top: 10px ;
}
#program_highlights div.highlight {
    clear: left ;
    float: left ;
    width: 960px ;
    margin: 5px 0 ;
    border-top: 1px solid #777 ;
    padding: 0 ;
}
#program_highlights div.first {
    border: 0 ;
}
#program_highlights div.highlight img {
    float: left ;
    width: 194px ;
    margin-right: 16px ;
    padding-top: 10px ;
}
#program_highlights div.highlight p { 
    padding: 20px 0 ; margin: 0 ; font-size: 14px ; float: left ; width: 750px;}
    
#program_highlights div.highlight a {
    font-weight: bold; 
    color: #790026 ;
    text-decoration: none ;
}
#program_highlights div.highlight a:hover { text-decoration: underline ; }
/* slideshow on homepage - jonraasch.com */
div#slideshow {
    position: relative ;
    height: 362px ;
}
#slideshow a {
    position: absolute;
    top: 0 ;
    left: 0 ;
    z-index: 8 ;
    border: 0 ;
}

#slideshow a.active {
    z-index:10;
}

#slideshow a.last-active {
    z-index:9;
}
#slideshow a img {
  border: 0 ;
}