/*************************************************************
 * author: Frontenders.com
 * contact: contact at frontenders dot com
 * description: css for all media types
 *************************************************************/
@media screen,projection {
    /* reset
     * based on Eric Meyer's reset.css
     * http://meyerweb.com/
     *************************************************************/
    body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend, button,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        font-weight: normal;
        vertical-align: baseline;
        background: transparent;
    }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }
    
    :focus { outline: 0; }
    
    ins { text-decoration: none; }
    del { text-decoration: line-through; }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    /* /reset
     *****************************************************/
    
    /* global elements
     *****************************************************/
    body {
        background: #439b25 url( ../img/bg_body.jpg ) no-repeat 0 0;
        color: #000;
        font: 62.5%/1 Arial, sans-serif;
        text-align: left;
    }
    a {
        color: #ffffff;
        text-decoration: underline;
    }
    a:hover {
        color: #000000;
        text-decoration: none;
    }
    th, td { vertical-align: top;}
    /* /global elements
     *****************************************************/
    
    /* common
     *****************************************************/
    .item, .buttons { overflow: hidden; }
    .cols {
        float: left;
        width: 100%;
    }
    .col {
        display: inline;
        float: left;
    }
    .l { float: left; }
    .r { float: right; }
    .print { display: none; }
    .ir {
        display: block;
        overflow: hidden;
        position: relative;
    }
    .ir span {
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    a span { cursor: pointer; }
    .clear { clear: both; }
    input.button, button {
        float: right;
        cursor: pointer;
    }
    input.text, textarea {
        border: 1px solid #9e9181;
        padding: 0 2px;
    }
    input.text, textarea, select {
        font-size: 1em;
        font-family: Arial, sans-serif;
    }
    textarea {
        line-height: 1.3em;
        width: 180px;
    }
    input.submit {
        background: transparent url( ../img/button_submit.png ) no-repeat 0 0;
        height: 77px;
        width: 133px;
    }
    input.submit:hover { background-position: 0 -77px; }
    input.vote {
        background: transparent url( ../img/button_vote.png ) no-repeat 0 -77px;
        height: 77px;
        width: 100px;
    }
    input.vote:hover { background-position: 0 0; }
    /* /common
     *****************************************************/
    
    /* base layout
     *****************************************************/
    .container {
        width: 937px;
    }
    #header {
        margin: 0 0 -40px;
        overflow: hidden;
        padding: 0 40px;
        position: relative;
        z-index: 100;
    }
    #header .container {
        background: transparent url( ../img/bg_header.png ) no-repeat 100% 0;
        height: 152px;
    }
    #content {
        position: relative;
        padding: 81px 0 0 82px;
        width: 937px;
    }
    #content .tr {
        background: url(../img/bg_shadow.png) no-repeat 100% 0;
        height: 81px;
        position: absolute;
        right: 0;
        top: 0;
        width: 82px;
    }
    #content .bl {
        background: url(../img/bg_shadow.png) no-repeat 0 100%;
        bottom: 0;
        height: 81px;
        left: 0;
        position: absolute;
        width: 82px;
    }
    .shadowLeft {
        background: url(../img/bg_shadow.png) no-repeat 100% 100%;
    }
    .shadowRight {
        background: url( ../img/bg_shadow.png ) no-repeat 0 0;
        left: -82px;
        position: relative;
        top: -81px;
    }
    #content .container {
        background: #b5239a;
        border: 1px solid #000;
        position: relative;
        left: 41px;
        top: 40px;
        width: 935px;
    }
    #siteInfo {
        font-size: 1.2em;
        margin: -41px 0 0;
        padding: 0 40px;
        text-align: center;
    }
    #siteInfo .container {
        float: left;
    }
    /* /base layout
     *****************************************************/
    
    /* branding elements
     *****************************************************/
    
    #siteName {
        display: inline;
        float: left;
        height: 95px;
        margin: 28px 0 0 48px;
        width: 335px;
    }
    #siteName a {
        background: transparent url( ../img/logo_paul_brown.png ) no-repeat 0 0;
        display: block;
        height: 95px;
        text-indent: -1000em;
    }
	
	#pbHawaii {
        display: inline;
        float: right;
        height: 49px;
        margin: 0px -12px 2px 0;
        width: 396px;
    }
    #pbHawaii a {
        display: block;
        height: 49px;
        text-indent: -1000em;
    }
    
    #call {
        background: transparent url( ../img/bg_call.png ) no-repeat 0 0;
        float: right;
        height: 47px;
        margin: 21px -12px 2px 0;
        text-indent: -1000em;
        width: 396px;
    }
    /* /branding elements
     *****************************************************/
    
    /* navigation elements
     *****************************************************/
    #mainMenu {
        clear: right;
        float: right;
        margin: 0 -1px 0 0;
    }
    #mainMenu li {
        float: left;
        font-size: 1.3em;
        font-weight: bold;
        margin: 0 0 0 1px;
    }
    #mainMenu a {
        background: #000;
        display: block;
        color: #fff;
        padding: 10px;
        text-decoration: none;
    }
    #mainMenu a:hover, #mainMenu .active {
        background: #ba1fa6;
    }
    /* /navigation elements
     *****************************************************/
    
    /* content elements
     *****************************************************/
    /*#top {
        background: transparent url( ../img/bg_top.jpg ) no-repeat 0 0;
        left: 0;
        height: 100px;
        position: absolute;
        width: 100%;
    }*/
    #requestInfo {
        background: transparent url( ../img/bg_request_info_sub.jpg ) no-repeat 0 0;
        border-top: 1px solid #000;
        height: 223px;
    }
	#requestInfoContact {
        background: transparent url( ../img/bg_request_info_sub_contact.jpg ) no-repeat 0 0;
        border-top: 1px solid #000;
        height: 223px;
    }
	#requestInfoAdmissions {
        background: transparent url( ../img/bg_request_info_sub_admissions.jpg ) no-repeat 0 0;
        border-top: 1px solid #000;
        height: 223px;
    }
	#requestInfoBenefits {
        background: transparent url( ../img/bg_request_info_sub_benefits.jpg ) no-repeat 0 0;
        border-top: 1px solid #000;
        height: 223px;
    }
	#requestInfoFinancial {
        background: transparent url( ../img/bg_request_info_sub_financial.jpg ) no-repeat 0 0;
        border-top: 1px solid #000;
        height: 223px;
    }
	#requestInfoLocation {
        background: transparent url( ../img/bg_request_info_sub_location.jpg ) no-repeat 0 0;
        border-top: 1px solid #000;
        height: 223px;
    }
	#requestInfoWhy {
        background: transparent url( ../img/bg_request_info_sub_why.jpg ) no-repeat 0 0;
        border-top: 1px solid #000;
        height: 223px;
    }
	#requestInfoRequest {
        background: transparent url( ../img/bg_request_info_sub_request.jpg ) no-repeat 0 0;
        border-top: 1px solid #000;
        height: 223px;
    }
    #home #requestInfo {
        background: transparent url( ../img/bg_request_info.jpg ) no-repeat 0 0;
        height: 290px;
    }
    #primary {
        color: #fff;
        font-size: 1.4em;
        line-height: 1.2;
        overflow: hidden;
        padding: 0px 35px 35px;
    }
    #home #primary { background: transparent url( ../img/bg_request_info.jpg ) no-repeat 0 -291px; padding: 50px 35px; }
    .body {
        float: left;
        width: 545px;
    }
    .admissions .body { width: 480px; }
    .contact .body { width: 495px; }
    .benefit .body { width: 470px; }
    #content h2,
    #content h1 {
        font-size: 2em;
        line-height: 1;
        margin: 0 0 1em;
    }
    #content h1 { color: #000; }
    #hTrain { height: 82px; }
    #hTrain span { background: transparent url( ../img/bg_home_title.png ) no-repeat 0 0; }
    #hWhy { height: 33px; }
    #hWhy span { background: transparent url( ../img/bg_title_why.png ) no-repeat 0 0; }
	#hLocation { left: -15px; height: 341px; width: 566px; }
    #hLocation span {  background: transparent url( ../pics/location_natural.jpg ) no-repeat 0 0; }
    #hAdmissions, #hContact, #hFinancial, #hCurriculum, #hRequest { height: 26px; }
    #hAdmissions span { background: transparent url( ../img/bg_title_admissions.png ) no-repeat 0 0; }
	#hRequest span { background: transparent url( ../img/bg_title_request.png ) no-repeat 0 0; }
    #hContact span { background: transparent url( ../img/bg_title_contact.png ) no-repeat 0 0; }
    #hFinancial span { background: transparent url( ../img/bg_title_financial.png ) no-repeat 0 0; }
    #hCurriculum span { background: transparent url( ../img/bg_title_curriculum.png ) no-repeat 0 0; }
    #hProgram { height: 32px; }
    #hProgram span { background: transparent url( ../img/bg_title_program.png ) no-repeat 0 0; }
    #content p { margin: 0 0 0.5em; }
    #content div.sticky {
        background: #000;
        color: #fff;
        line-height: 1.5;
        margin: 2em 50px;
        padding: 20px 35px 15px;
        text-align: center;
    }
    #content div.sticky.r { margin: 0 0 2em 20px; }
    #content div.fullWidth { margin: 2em 0; }
    #content div.sticky strong { color: #75ac42; }
    #content ul {
        list-style: disc;
        padding: 0 0 0 20px;
    }
    #content li { margin: 0 0 0.5em; }
    #content img { border: 1px solid #000; }
    #content .l { margin: 0 40px 0 0; }
    #content .r { margin: 0 0 0 40px; }
    #content strong { font-weight: bold; }
    .button {
        background: #689e44;
        border: 1px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    #bRequest {
        float: left;
        font-size: 2.5em;
        height: 64px;
        line-height: 1.2em;
        margin: 49px 0 0 36px;
        padding: 10px 0;
        width: 266px;
    }
    #home #bRequest { margin: 139px 0 0 36px; }
    #bRequest span {
        background: transparent url( ../img/bg_button_request.jpg ) no-repeat 0 0;
    }
    #bWhy {
        float: right;
        height: 36px;
        margin: 0 0 0 20px;
        padding: 10px 0;
        width: 192px;
    }
    #bWhy span {
        background: transparent url( ../img/bg_button_why.jpg ) no-repeat 0 0;
    }
    
    #content .tabs .menu {
        margin: 0 0 -1px;
        overflow: hidden;
        padding: 0;
    }
    #content .tabs .menu li {
        float: left;
        list-style: none;
        margin: 0 1px 0 0;
    }
    #content .tabs .menu a {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        display: block;
        font-size: 1.143em;
        font-weight: bold;
        padding: 10px 20px;
        text-decoration: none;
    }
    #content .tabs .menu a:hover { background: #c144a4; }
    #content .tabs .menu .active a {
        background: #c144a4;
        border-bottom-color: #c144a4;
    }
    .tabs .content {
        background: #c144a3;
        border: 1px solid #000;
        overflow: hidden;
        padding: 40px;
    }
    /* /content elements
     *****************************************************/
    
    /* footer elements
     *****************************************************/
    #siteInfo address {
        font-style: normal;
        padding: 30px 0;
    }
    /* /footer elements
     *****************************************************/
}

.tablePadding TD {padding: 5px;}

@media print {
    body { font: 12px/140% Verdana,sans-serif; }
    #call, #requestInfo, #mainMenu, #secondary { display: none; }
    .print { display: block; }
}