﻿/* Office Coaching - Generic CSS */
/* Author: R.A Herrebrugh */
/* CSS tested on IE6, IE7, Firefox 2.0, Opera 9.20 */


/* Default HTML Tags */
body
{
    background-color: #678FC2;
}

img
{
    border: none;
}

/* Main Containers */
#MainContainer
{
    width: 968px;
    margin: 0px auto;
    background: url( '/images/orange_bg.bmp' ) #FDAD18 repeat-y;
}

#Header
{
    position: absolute;
    top: 5px;
    height: 45px;
    width: 968px;
    margin: 0px auto;
    background: url( '/images/banner_top.gif' ) #678FC2 no-repeat;
}

#Menu
{
    position: absolute;
    top: 50px;
    height: 27px;
    width: 968px;
    margin: 0px auto;
    background: url( '/images/menu_bg.png' ) #ffcccc no-repeat;
}

#Menu p
{
    padding-left: 45px;
    text-align: left;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    margin: 0px auto;
    width: 946px;
    font-size: 13px;
    font-weight: bolder;
    margin-top: 7px;
}

#Menu p
{
    margin-top: 2px;
    padding-top: 5px;
}


#Menu img
{
    margin-top: 0px;
    border: none;
    vertical-align: bottom;
}


#Menu a
{
    margin: 1px;
    padding: 5px 10px 4px 10px;
    color: #49449e;
    border-style: solid;
    border-color: #D6E6FE;
    border-width: 0px;
    text-decoration: none;
}

#Menu a.active
{
    color: #14123c;
    background-color: #FDAD18;
    border-style: solid;
    border-color: #FDAD19;
    border-width: 1px 1px 0px 1px;
}

#Menu a:hover
{
    color: #14123c;
    background-color: #DEF6FE;
    border-color: #C6F6FF;
    border-width: 1px 0px 0px 0px;
}

#Menu a:hover.active
{
    background-color: #FDAD18;
    border-style: solid;
    border-color: #FDAD19;
    border-width: 1px 1px 0px 1px;
}

#Main
{
    position: relative;
    top: 68px;
    float: left;
    width: 968px;
    margin: 0px auto;
    background: url( '/images/orange_bg.bmp' ) #FDAD18 repeat-y;
}

#Closing
{
    position: relative;
    bottom: -40px;
    height: 20px;
    width: 940px;
    margin: 0px auto;
    padding: 5px 19px 5px 10px;
    color: #606060;
    background-color: #cccccc;
    font-family: Verdana, Sans-Serif;
    font-size: 0.6em;
    background-image: url( '/images/blue_bg.bmp' );
}

#VisualClosing
{
    position: relative;
    bottom: -2.5em;
    height: 8px;
    background: url( '/images/footer_bg.bmp' ) #678FC2 no-repeat;
}


#Closing a, #Content a
{
    color: #0560A0;
    text-decoration: none;
}

#Closing a:hover, #Content a:hover
{
    text-decoration: underline;
}

#Closing a:visited, #Content a:visited
{
    color: #834283;
}


/* Sub Containers */

#SubMenu
{
    float: right;
    width: 200px;
    margin: 10px 0px 15px 18px;
    padding-bottom: 0px;
    font-size: 70%;
    font-family: Verdana, Sans-Serif;
    border: solid 1px #d98e16;
}

#SubMenu p
{
    margin: 0px;
    padding: 5px 0px 5px 5px;
    background-color: #FEBA69;
    font-size: 130%;
    font-family: Arial, Verdana, 'Palatino Linotype' , 'Times New Roman' , Sans-Serif;
    font-weight: bolder;
    text-align: center;
    background-color: #f0dfbe;
    color: #d98e16;
}

#SubMenu form
{
    margin-bottom: 0px;
}

#SubMenu ul, #SubMenu ol
{
    margin: 0px;
    padding: 0px 0px 0px 10px;
    background-color: #f7f2e4;
}

.SearchEngine
{
    padding: 0px;
    text-align: center;
}

#SubMenu ul li, #SubMenu ol li
{
    padding: 2px 5px 2px 0px;
    list-style: none;
    color: #336666;
}

#SubMenu ul li:before
{
    content: "\00BB \0020";
}

#SubMenu a
{
    color: #224444;
    font-size: 90%;
    text-decoration: none;
}

#SubMenu a:hover
{
    color: #ff6600;
}

#SubMenu ul li.active
{
    color: #ff6600;
}

#SubMenu ul li.active a
{
    color: #ff6600;
}


#Content
{
    float: right;
    width: 720px;
    margin: 10px 15px 10px 0px;
    background-color: #ffffff; /* font-family: Verdana, Sans-Serif;  */
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    border-style: solid;
    border-color: #d98e16;
    border-width: 1px 1px 1px 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1em;
}

#Content ul li
{
    list-style-type: disc;
}

#Content h1
{
    font-size: 160%;
}

#Content h2
{
    font-size: 80%;
}

#Content p, #Content li, #Content table
{
    font-size: 11px;
}

#Content p hr, #Content li hr, #Content table hr
{
    color: #000;
    background-color: #000;
    height: 1px;
}

/* Special Classes */

.LeftImageBox
{
    float: left;
    margin-right: 15px;
}

.RightTextBox
{
    float: left;
    width: 450px;
}

.RightTextBox h2
{
    margin: 0px;
}

.VTop
{
    vertical-align: top;
}

Sub
{
    font-size: 70%;
}

.FontBold
{
    font-weight: bold;
}

.FontItalic
{
    font-style: italic;
}


.FontWarning
{
    font-weight: bold;
    color: #ff3333;
}

.FontSmaller
{
    font-size: 80%;
}

.hidden
{
    visibility: hidden;
}

.center
{
    text-align: center;
}

.IFrame
{
    height: 450px;
}


.IFrame iframe
{
    height: 100%;
}

.ImageFloat
{
    float: left;
    vertical-align: text-top;
    margin-top: 3px;
    margin-right: 5px;
}

.ImageCenter
{
    margin: 0px auto;
    text-align: center;
}

.AddressEntry
{
    margin: 10px;
}

.AddressEntry th
{
    text-align: left;
}

.AddressEntry td
{
    vertical-align: top;
}

.TableSpacer
{
    width: 15px;
}

