/*  Copyright:      Copyright (c) Mindscape Solutions. All rights reserved.
    Filename:       Master.css
    Created by:     Jason Van Vuren
    Created on:     11.27.2007

    Summary:
        Master css file.  All other css files should be included into this one.

    Revision:   Jason Van Vuren 11.27.2007
        Initail file creation.

*/

/* Imported Style Sheets */
@import url('reset.css');
@import url('InteriorMaster.css');


body {
	background-color: #1a1a1a;
	margin: 0;
	text-align: center;
	font: 12px Trebuchet,Arial, Helvetica, sans-serif;
	color: #000;
}

form {
    padding:0;
    margin:0;
}

ul.purple
{
    margin-left: 20px;
    list-style-image: url(  '../Images/Purple_arrow.jpg' );
}

ul.blue
{
    margin-left: 20px;
    list-style-image: url( '../Images/Blue_arrow.jpg' );
}


/* Styles by div id */
div#divMasterContainer
{
    text-align: left;
    position: relative;
    padding: 0;
    margin: 0 auto; /* Centers layout */
    width: 1057px;
    z-index: 0;
}

div#divMasterHeaderBG
{
    background-image: url( '../Images/FA-Header-BG_01.jpg' );
    background-repeat: repeat-x;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 159px;
    width: 100%;
    z-index: 0;
    text-align: center;
}

div#divMasterFinacialAid
{
    position: absolute;
    top: 0px;
    right: 0;
    height: 185px;
    z-index: 20;
    text-align: right;
    width: 185px;
}

div#divMasterNavBG
{
    position: absolute;
    width: 100%;
    height: 31px;
    left: 0px;
    top: 159px;
    background-color: #2d2d2d;
}

div#divMasterHeader
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 1037px;
    height: 159px;
    margin-left: 20px;
}

div#divMasterHeader .flash
{
    margin-left: 37px;
    width: 100%;
    float: left;
}

div#divMasterNavigation
{
    background-image: url( '../Images/FA-Navigation_03.jpg' );
    background-repeat: no-repeat;
    width: 1057px;
    height: 63px;
}

div#divMasterContent
{
    background-image: url( '../Images/FA-Content_04.jpg' );
    background-repeat: no-repeat;
    width: 1057px;
    height: 441px;
}

div#divMasterFooter
{
    background-position: center top;
    background-image: url( '../Images/FA-Footer_05.jpg' );
    background-repeat: no-repeat;
    position: relative;
    width: 1057px;
    top: 0px;
    left: 0px;
    height: 165px;
    z-index: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    padding-top: 10px;
}

div#divMasterFooter h1
{
    font-family: 'trebuchet MS';
    font-size: 14px;
    font-weight: lighter;
    color: #FFFFFF;
    padding-left: 100px;
}

div#divMasterFooter span
{
    padding-left: 94px;
}


/* Main navigation styles */
div#divNav
{
    width: auto;
    height: auto;
    margin-left: 72px;
}

div#divNav ul
{
    float: left;
    display: block;
    list-style-type: none;
    height: 46px;
}

div#divNav ul li
{
    display: block;
    position: relative;
    float: left;
}

div#divNav ul li a
{
    font: normal normal normal 14px/46px 'Trebuchet MS';
    color: #d2d2d2;
    display: block;
    height: 46px;
    padding: 0px 19px;
    text-decoration: none;
}

div#divNav ul li a:hover
{
    color: #abb91d;
}

div#divNav ul ul
{
    display: none;
}

div#divNav ul li:hover ul
{
    position: absolute;
    top: 46px;
    left: 0px;
    display: block;
    z-index: 100;
}

div#divNav ul ul
{
    border: 3px solid #3e453d;
    width: 270px;
    height: auto;
    background-color: #2D2D2D;
    padding: 5px;
}

div#divNav ul ul li
{
    float: none;
    height: 25px;
}

div#divNav ul ul li a
{
    line-height: 25px;
    height: 25px;
    padding: 0px;
    margin-left: 10px;
}
/* -------------------------------------------------------- */


div#divNextClassBanner
{
    position: relative;
    width: 200px;
    height: 90px;
    top: 0px;
    left: 0px;
    float: right;
    text-align: center;
    font-family: Trebuchet MS;
    line-height: 30px;
    margin-top: -130px;
    margin-right: 105px;
}

div#divNextClassBanner span.style1
{
    color: #494E05;
    font-size: 16px;
}

div#divNextClassBanner span.style2
{
    color: #FFFFFF;
    font-size: 48px;
}

div#divNextClassBanner span.style3 a
{
    font-size: 18px;
    color: #FFF000;
}

div#divMasterContentPurple
{
    font-family: 'trebuchet MS';
    text-align: left;
    width: 700px;
    height: 240px;
    margin-left: 90px;
    padding-top: 30px;
}

div#divMasterContentPurple span.style1
{
    color: #FFFFFF;
    font-size: 22px;
}

div#divMasterContentPurple p
{
    color: #F4A2FF;
    font-size: 14px;
    font-weight: lighter;
}

div#divCoursesLeft
{
    position: relative;
    width: 200px;
    height: 75px;
    top: 0px;
    left: 0px;
    float: left;
}

div#divCoursesLeft a
{
    font-family: 'trebuchet MS';
    color: #F4A2FF;
    font-size: 14px;
}

div#divCoursesRight
{
    position: relative;
    width: 400px;
    height: 50px;
    top: 0px;
    left: 0px;
    float: right;
    margin-right: 23px;
}

div#divCoursesRight a
{
    font-family: 'trebuchet MS';
    font-size: 14px;
    color: #f4a2ff;
}

div#divMasterContentWhite
{
    font-family: 'trebuchet MS';
    color: #4e4e4e;
    width: 700px;
    height: 60px;
    margin-left: 90px;
    padding-top: 10px;
}

div#divMasterContentWhite_Left
{
    position: relative;
    width: 250px;
    height: 50px;
    top: 8px;
    left: 0px;
    float: left;
}

div#divMasterContentWhite_Left .style1
{
    font-size: 22px;
}

div#divMasterContentWhite_Right
{
    position: relative;
    width: 400px;
    height: 50px;
    top: 8px;
    left: 30px;
}

div#divMasterContentWhite_Right .style1
{
    font-size: 22px;
}

div#divMasterContentBlue
{
    width: 700px;
    height: 90px;
    margin-left: 67px;
}

div#divMasterContentBlue_Left
{
    position: relative;
    width: 260px;
    height: 50px;
    top: 15px;
    left: 25px;
    float: left;
}

div#divMasterContentBlue_Left a
{
    font-family: 'trebuchet MS';
    font-size: 14px;
    color: #ABCDFF;
}

div#divMasterContentBlue_Right
{
    position: relative;
    width: 350px;
    height: 50px;
    top: 15px;
    left: 0px;
    float: right;
    margin-right: 47px;
}

div#divMasterContentBlue_Right a
{
    font-family: 'trebuchet MS';
    font-size: 14px;
    color: #ABCDFF;
}


/* Class styles */
.StaticMenuItem
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-top: 15px;
}

.DynamicMenuItem
{
    margin-left: 5px;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }