@charset "utf-8";

body {
    background:White;
    margin:0;
    padding:0;
    text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color:Black;
    font-weight:normal;
    font-style:normal;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:18px;
}


h1 {
    font-weight:bold;
    font-size:18px;
    color:#CC0000;
    text-align:center;
}

h2 {
    font-weight:normal;
    font-size:14px;
    color:#666666;
    text-align:center;
}

h3 {
    font-weight:normal;
    font-size:14px;
    color:#666666;
    text-align:center;
}

a {
    font-size:14px;
    color:#0099FF;
    font-weight:normal;
}

a:link {
    text-decoration:underline;
    color:#0099FF;
}

a:visited {
    text-decoration:underline;
    color:#0099FF;
}

a:hover {
    color:White;
    background-color:#CCCCCC;
}

a:active {
    text-decoration:underline;
    color:#0099FF;
}

.text {
    color:#666666;
}

.textr {
    color:#CC0000;
}

.sectionHeading {
    color:#CC0000;
    font-size:15px;
    font-weight:bold;
}

.ital {
    font-style: italic;
    color:#666666;
}

.indent {
    margin-left:2em;
}

.clientQuoteName {
    margin-left:2em;
    display:block;
    padding:0 80px;
    width:360px;
    text-align:right;
    font-style:italic;
    color:#666666;
}

.clientQuote {
    margin-left:2em;
    display:block;
    padding:0 60px;
    width:350px;
}

.clientQuote:before, .clientQuote:after {
    display:block;
    font-size:200%;
    width:50px;
}

.clientQuote:before {
    content:open-quote;
    height:0;
    margin-left:-0.55em;
}

.clientQuote:after {
    content:close-quote;
    margin-top:-15px;
    margin-left:355px;
}

.cssnav {
    position:relative;
    white-space:nowrap;
    display:block;
    width:140px;
    height:20px;
    margin:0;
    padding:0;
}

.cssnav a {
    color:#0099FF;
    font-size:12px;
    width:140px;
    height:20px;
    float:left;
    text-decoration:none;
    display:block;
    background:url(images/btn.png) no-repeat top;
}

.cssnav a:hover {
    color:White;
    background:url(images/btn.png) no-repeat bottom;
}

.cssnav span {
    position:absolute;
    left:10px;
    top:2px;
    margin:0px;
    padding:0px;
    cursor:pointer;
    width:120px;
    height:12px;
    text-align:center;
}
    
#container {
    position:relative;
    width:700px;
    margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align:left; /* this overrides the text-align: center on the body element. */
}

#headLogo {
    position:absolute;
    left:242px;
    top:5px;
    width:700px;
}

#partnersInDevelopmentText {
    position:absolute;
    left:0px;
    top: 80px;
    width:700px;
    text-align:center;
    color:Black;
    font-size:28px;
}

#headImages {
    position:absolute;
    left:145px;
    top: 115px;
    overflow:hidden;
    padding:0px;
    width:700px;
    margin:0 auto;
}


#headImages img {
    border-color:#D1D1D1;
    border-width:1px;
    border-style:solid;
    margin-left:10px;
    margin-right:10px;
}

#headText {
    position:absolute;
    left:370px;
    top:230px;
    width:330px;
    font-size:12px;
}

#headText a {
    font-size:12px;
}

#breadcrumb {
    position:absolute;
    width:700px;
    left:0px;
    top:195px;
    font-size:10px;
    font-weight:bold;
    color:Black;
}

#breadcrumb a {
    font-size:10px;
    font-weight:normal;
    color:#666666;
    text-decoration:none;
}

#shadowline {
    position:absolute;
    width:700px;
    height:18px;
    left:0px;
    top:215px;
}

#navigation {
    position:absolute;
    width:160px;
    left:0px;
    top:235px;
    float:left;
}

#AboutUsPhotos {
    float:left;
    margin:2em;
    margin-left:0em;
    margin-bottom:0em;
}

#pageContent {
    position:absolute;
    width:700px;
    left:0px;
    top:340px;
}

#news {
    width:530px;
    height:40px;
    border-style:solid;
    vertical-align:middle;
    line-height:250%;
    text-align:center;
}

.hidden {
    visibility:hidden;
    display:none;
}

img.hidden {
        display:none;
}

.visible {
    visibility:visible;
    display:inline;
}

form {
    font:100% verdana,arial,sans-serif;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    min-width:500px;
    max-width:600px;
    width:560px;
}

form fieldset {
    border-color:#000;
    border-width:1px;
    border-style:solid;
    padding:10px;
    margin:0;
}

form fieldset legend {
    font-size:1.1em;
    color:#0099FF;
}

form label {
    display:block;
    float:left;
    width:150px;
    padding:0;
    margin:5px 0 0;
    text-align:right;
}

form input, form textarea {
    width:auto;
    margin:5px 0 0 10px;
}

form input#reset {
    margin-left:0px;
}

textarea {
    overflow:auto;
}

form br {
    clear:left;
}

.coursesPage table {
    border-collapse:collapse;
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

.coursesPage table, .coursesPage th, .coursesPage td {
    border:1px solid black;
    height:50px;
    padding-left:1em;
    padding-right:1em;
    text-align:center;
    text-valign:middle;
}

#coursesContact {
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

@media print {
    #navigation {
        visibility:hidden;
        display:none;
    }
    
    #anyQuestions {
        visibility:hidden;
        display:none;
    }
    
    #pageContent {
        position:absolute;
        width:700px;
        left:0px;
        top:300px;
    }
    #screenOnly {
        visibility:hidden;
        display:none;
    }    
}