﻿#bgloop
{
    background: url(images/scomgbloop.jpg) 1px repeat-y;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
#Main
{
    border: 1px solid rgb(14, 49, 146);
    width: 800px;
    height: 906px; /*---------------------------------------------------------- < To change height */
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background: url(images/scombg.jpg) bottom no-repeat;
}
#TopBar
{
    width: 100%;
    height: 130px;
    background-color: white;
}
#Navigation
{
    background-color: rgb(14, 49, 146);
    width: 790px;
    height: 13px;
    padding: 5px;
    color: white;
}
.TopLink
{
    color: white;
    text-decoration: none;
    margin-left: 15px;
}
.TopLinkHighlighted
{
    color: #C6CFE7;
    text-decoration: none;
    margin-left: 15px;
}
.FooterLink
{
    color: white;
    text-decoration: none;
    margin: 5px;
}
.FooterLinkHighlighted
{
    color: rgb(45, 114, 178);
    text-decoration: none;
    margin: 5px;
}

#Menu
{
    width: 670px;
    text-align: left;
    float: left;
}
#Date
{
    width: 100px;
    text-align: right;
    float: right;
}
#ClickHereDiv {display:inline;float:right;padding:10px}
#ClickHereDiv a {text-decoration:none;}
#Divider
{
    background-image: url(images/dividergrad.jpg);
    width: 100%;
    height: 3px;
    clear: both;
}
#SideNav
{
    width: 110px;
    float: left;
    padding:20px;
}
#SideNav a:link {color:black; text-decoration:none}
#SideNav a:active {color:black; text-decoration:none}
#SideNav a:visited {color:black; text-decoration:none}
#SideNav a:hover {color: rgb(45, 114, 178);; text-decoration:none}
#ContentHolder
{
    width: 390px;
    height:auto;
    height: 705px; /*---------------------------------------------------------- < To change height */
    margin: 25px 0px 5px 30px;
    float: left;
    overflow:hidden;
    padding-right: 20px;
    padding-bottom:20px;
}

.Links a:link {color:rgb(14, 49, 146)}
.Links a:visited {color:rgb(14, 49, 146)}
.Links a:active {color:rgb(14, 49, 146)}
.Links a:hover {color:rgb(14, 49, 146); text-decoration:none}

#RightBar
{
    width: 200px;
    margin: 25px 0px 0px 0px;
    height: 725px; /*---------------------------------------------------------- < To change height */
    float: right;
}
#RightBarHome1
{
    width: 178px;
    margin: 25px 0px 0px 0px;
    float: right;
    padding:10px;
    background-color:#D8DCE3;
    border: 1px solid rgb(14, 49, 146);
    border-style: solid none solid solid;
}
#RightBarHome2
{
    width: 198px;
    margin: 5px 0px 0px 0px;
    float: right;
    padding:0px;
    border: 1px solid rgb(14, 49, 146);
    border-style: solid none solid solid;
}
#RightBarHome2 img
{
float:left;
}


#RightBarHome2 div
{padding:5px;width:114px;float:right}
#RightBarHome3
{
    width: 188px;
    margin: 5px 0px 0px 0px;
    float: right;
    padding:0px;
    border: 1px solid rgb(14, 49, 146);
    border-style: solid none solid solid;
    padding:5px;
}
.division a:link {color:White;text-decoration:underline;}
.division a:active {color:White;text-decoration:underline;}
.division a:visited {color:White;text-decoration:underline;}
.division a:hover {color:White;text-decoration:none;}
.division h2 {color:white}

.normal a:link {color:rgb(14, 49, 146);text-decoration:none;}
.normal a:active {color:rgb(14, 49, 146);text-decoration:none;}
.normal a:visited {color:rgb(14, 49, 146);text-decoration:none;}
.normal a:hover {color:rgb(14, 49, 146);text-decoration:underline;}


#RightBar .Padding 
{
    padding: 25px 10px 10px 10px;
}
#RightBar .LessPadding 
{
    padding: 10px;
}
#Footer
{
    background-color: rgb(45, 114, 178);
    width: 792px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
#logo
{
    margin: 30px;
}
#Pic
{
    float: right;
    margin: 5px 35px 0px 0px;
}

.DivisionLogo {padding:10px 0px;}



.JobSearch select {width: 309px;}
.JobSearch .Textfield {width: 305px;}
.JobSearch br {clear:both;}
.JobSearch .Leftcolumn {float: left; width: 90px; margin-bottom:3px;}
.JobSearch .Rightcolumn {float:left; margin-bottom:3px;}
.JSHidden {display:none; visibility:hidden}
.JSShow {visibility:show}

.sidelogos {position:absolute;padding:5px;margin-top:-220px;width:140px;text-align:center;}
.sidelogos2 {position:absolute;padding:5px;margin-top:-141px;width:140px;text-align:center;}

.sidelogos img {margin:2px}
.sidelogos2 img {margin:2px}

/* ---- */
body
{
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-family: arial, helvetica;
    font-size: 11px;
    background-color:rgb(226, 230, 242);
}
h1 
{
    font-family: Arial, helvetica;
    font-weight: bold;
    font-size: 24px;
    color: rgb(14, 49, 146);
}
h2
{
    font-family: Arial, helvetica;
    font-weight: bold;
    font-size: 15px;
    color: rgb(14, 49, 146);
    margin:0px;
}
h3
{
    font-family: Arial, helvetica;
    font-weight: bold;
    font-size: 11px;
    color: rgb(14, 49, 146);
}

ul {margin:0px; padding:0px 0px 0px 16px}

p {margin:0px 0px 15px 0px;}

select 
{
    font-family: arial, helvetica;
    font-size: 11px;
}

input
{
    font-family: arial, helvetica;
    font-size: 11px;
    border: 1px solid black
}
hr 
{
    clear:both;
    color: rgb(14, 49, 146);
    height:1px;
}
img {border:none}
td {vertical-align:top;}