@import "navigation.css";
@import "headers.css";
@import "columns.css";
@import "sidebar.css";

/* Master Screen Stylesheet */

/* Div Layout */

body
{
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-image: url( '../design/body-bg.gif' );
    background-repeat: repeat-x;
    background-color:White;
}

#Wrapper
{
    width: 988px;
    text-align: left;
    margin: 10px auto 10px auto;
    position: relative;
}

#Masthead
{
    background-image: url( '../design/masthead-bg.gif' );
    background-repeat: no-repeat;
    position:relative;
    height:200px;
}
#ScnLogo
{
    position:absolute;
    top:52px;
    left:32px;
}
#Strapline 
{
	position: absolute;
	top: 52px;
	left: 305px;
	width: 650px;
	height: 80px;
	/*background-image: url('../../design/strapline-area.gif');
	background-repeat: no-repeat;*/
}


#LoginDetails
{
    text-align: right;
    color:White;
    padding-top:20px;
    padding-right:24px;
}
#LoginDetails a {
    color:White;
    font-weight:bold;
    text-decoration:none;
}
#LoginDetails a:hover {
    color:Orange;
}

#SubNavigation
{
    background-color: #999999;
    color: White;
    padding: 0px 5px 0px 5px;
}

#ContentArea
{
    background-image: url( '../design/content-area-bg.gif' );
    background-repeat: repeat-y;
    padding-left: 34px;
    padding-right:34px;
}

#Footer
{
    background-image:url('../design/footer-bg.gif');
    background-repeat:no-repeat;
    background-position:center bottom;
    text-align: center;
    padding:0px 34px 34px 34px;
}

#FooterNavigation
{
    margin-bottom: 5px;
}
#Footer #SignOff {
    margin-bottom:20px;
}
#Footer #Accreditations {
    margin: 0 auto 0 auto;
    width: 540px;
    text-align: center;
    padding-top: 20px;
}
#Footer #Accreditations div {
    width:160px;
    float:left;
    text-align:center;
    padding:0px 10px 0px 10px;
}



/* Utilities */

.clear-both
{
    font-family: monospace;
    font-size: 0px;
    line-height: 0px;
    clear: both;
}

/* End Utilities */

/* END LAYOUT */

/* FONT DESCRIPTIONS */

body, th, td
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #333333;
}

select, tex

select, textarea, input
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}

   font-size: 11px;
}

#SubNavigation
{
    font-size: 11px;
}

#ContentArea p
{
    padding: 0px 0px 8px 0px;
    line-height: 16px;
    margin: 0px;
}
#ContentArea ul, #ContentArea ol 
{
	padding-top:0px;
	padding-bottom:8px;
	margin-top:0px;
	margin-bottom:0px;
}



/* END FONT DESCRIPTIONS */

/* LINKS */

#Navigation a
{
    font-weight: bold;
    color: White;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
#Navigation a:hover
{
    color: Orange;
}


#Footer a
{
    color: #555555;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
}
#Footer a:hover
{
    color: Orange;
}

#SubNavigation a
{
    color: White;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
#SubNavigation a:hover
{
    color: Orange;
}

#ContentArea a
{
    color: #3366CC;
    text-decoration:none;
}
#ContentArea a:hover
{
    color: Orange;
}

/* END LINKS */


/* Misc */


.smallertable td, .smallertable th {
	font-size:11px;
	padding: 1px 3px 1px 3px;
}


.divided {
    background-image: url('../design/vertical-divider.gif');
    background-repeat:repeat-y;
    background-position: center top;
}