﻿/* ------------------------------------------------------ */

/* FrameWork Setup */

body , html
{
    margin:0;
    padding:0;
    height:100%;
}

body
{
    font-family:Arial , Helvetica , Sans-Serif;
    color:#fff;
    font-size:1em;
    background-image:url(../Images/Design/BGTile.gif);
    background-position:center top;
    background-repeat:repeat;
}

form
{
    height:100%;
    width:100%;
}

#container
{
    min-height:100%;
}

#body , #container
{
    width:960px;
}

#content
{
        width:780px;
        float:right;
        background-color:#000;
        border-left:160px solid #000;
       margin:0 10px 0 -170px;
        min-height:490px;
}

#clearheader
{
    height:166px;
}

/*--------------------------------------------------------------------------------------------*/

/* Footer */


#footer
{
    width:936px;
    margin:0 auto 10px auto;
    border-left:solid 2px #000;
    border-right:solid 2px #000;
    border-bottom:solid 2px #000;
    background-image:url(../Images/Design/FooterBGSlice.jpg);
    background-position:center top;
    background-repeat:repeat-x;
    background-color:#333;
}

#footer #footerlogo
{
    width:160px;
}

#footer #footerlogo img
{
    margin:44px 0 0 20px;
}

#footer #footernav
{
    width:569px;
}

#footer #footercontact
{
    width:205px;
    font-size:0.7em;
    padding:10px 0 20px 0;
    color:#999;
}

#footer #footercontact p.bottommargin
{
    margin:0 0 5px 0;
}



/*--------------------------------------------------------------------------------------------*/

/* Header */

#header
{
    height:166px;
    position:absolute;
    top:0;
}

#innerheader
{
    /*width:960px;
    height:166px;
    margin-right:auto;
    margin-left:auto;*/
}

#innerheader #top
{
    height:107px;
    width:940px;
    background-color:#fff;
    margin:0 0 0 10px;
}

#innerheader #top img
{
    float:left;
}

#innerheader #top a
{
    float:left;
}

#innerheader #nav
{
    height:40px;
    width:100%;
}

#innerheader #firstcorner , #innerheader #secondcorner
{
    height:19px;
    width:10px;
    float:left;
}

#innerheader #center
{
    float:left;
    width:936px;
    height:19px;
    border-left:solid 2px #000;
    border-right:solid 2px #000;
    background-image:url(../Images/Design/Nav/NavCenter.jpg);
    background-position:center top;
    background-repeat:repeat-x;
}

/*------------------------------------------------------------------------*/

/* nav */

#nav .menu
{
    width:600px;
    float:left;
}

#nav .menu ul li , #nav .menu ul li a
{
    float:left;
    width:120px;
}

#nav .menu ul li
{
     height:40px;
}

#nav .menu ul li a
{
    height:30px;
    vertical-align:middle;
    background-image:url(../Images/Design/Nav/ItemOff.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    text-align:center;
    padding:10px 0 0 0;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    font-size:0.8em;
    display:inline;
}

#nav .menu ul li a.selected
{
    background-image:url(../Images/Design/Nav/ItemOn.jpg);
    background-position:center top;
    background-repeat:no-repeat;
}

#nav img
{
    float:left;
}

/* Side Nav */

#sidenav
{
    float:left;
        width:170px;
        margin:20px 0 0 0;
}

#sidenav #sidenavtop
{
    background-image:url(../Images/Design/sideNav/NavTop.jpg);
    background-position:center top;
    background-repeat:repeat-x;
    width:170px;
    height:11px;
    line-height:0;
    font-size:0;
    padding:0;
}

#sidenav #sidenavmenu
{
    width:170px;
}

#sidenav #sidenavmenu ul li
{
    height:40px;
    float:left;
}

#sidenav #sidenavmenu ul li a
{
    background-image:url(../Images/Design/sideNav/ItemOff.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    float:right;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    font-size:0.8em;
    width:160px;
    padding:10px 10px 0 0;
    height:30px;
    text-align:right;
}

#sidenav #sidenavmenu ul li a.selected
{
    background-image:url(../Images/Design/sideNav/ItemOn.jpg);
    background-position:center top;
    background-repeat:no-repeat;
}

#sidenav .slice
{
    background-image:url(../Images/Design/sideNav/tinynavslice.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    height:2px;
    width:170px;
    line-height:0;
    font-size:0;
}

#sidenav #sidenavcallback
{
    background-image:url(../Images/Design/sideNav/Navslice.jpg);
    background-position:center top;
    background-repeat:repeat-y;
    width:170px;
}

#sidenav #sidenavcallback #callback
{
    margin:0 0 0 10px;
    padding:10px 0 0 0;
    font-size:0.7em;
}

#sidenav #sidenavbottom
{
    background-image:url(../Images/Design/sideNav/NavBottom.jpg);
    background-position:center top;
    background-repeat:repeat-x;
    width:170px;
    height:11px;
        line-height:0;
    font-size:0;
}

#sidenav #sidenavbottomtrim
{
    background-image:url(../Images/Design/sideNav/NavBottomTrim.gif);
    background-position:center top;
    background-repeat:repeat-x;
    width:170px;
    height:15px;
}
/*----------------------------------------------------------------------------*/

/* General */



.border
{
    background-image:url(../Images/Design/OrangeBorder.jpg);
    background-position:center top;
    background-repeat:repeat-x; 
    height:3px;
    width:940px;
    margin-left:auto;
    margin-right:auto;
    line-height:0;
    font-size:0;
}

.clearBoth
{
    clear:both;
}

.center
{
    margin-left:auto;
    margin-right:auto;
}

.floatleft
{
    float:left;
}



#content .page h1
{
    color:#ffcc00;
    font-size:1.5em;
    margin:0 0 10px 0;
    font-weight:bold;
}

#content .page p
{
    font-size:0.8em;
    margin:0 0 20px 0;
}

#content .page
{
   margin:35px 0 0 20px;
}
