﻿/**********************************************************************************************************************/	
/* START: Site wide tag styling (Homepage & Content Managed Pages) 									                  */
body
{
	background-image: url("/graphics/SSEHL/body_bg.jpg");
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #f7f4ee;
	margin-top: 1px;
	font-family: arial, helvetica, sans; 
}

a
{
	text-decoration:none;
	color:#770d69;
	font-weight:bold;
}

a:hover
{
	text-decoration:underline;
}

a:active, a:focus
{
	background-color:#3a0633 !important;
	color:#ffffff !important;
}



#userContent h1    
{
	font-size:medium;
	background-color:#eddfea;
	padding:4px;
} 

#userContent h2
{
	font-size:small;
	background-color:#eddfea;
	padding:4px;
	color:#770d69;	
}

#userContent h3
{
	font-size:small;
	color:#770d69;	
}
/* END: Site wide tag styling (Homepage & Content Managed Pages)									                  */
/**********************************************************************************************************************/


/**********************************************************************************************************************/	
/* START: Header																					                  */
#content #header
{
    width:970px;
}

#content #header a
{
	color:#ffffff;
}

#content #header #headerAddress, #content #header #headerInfoBar
{
    width:960px; 
    background-color:#770d69; 
    padding:3px 5px 2px 5px; 
    color:#ffffff;    
}

#content #header #headerAddress
{
	margin-bottom:5px;
}

#content #header #headerInfoBar
{
	margin-top:5px;
}

#content #header #headerInfoBar #headerInfoBarLeft
{
    float:left;
    padding-top:4px;
}

#content #header #headerInfoBar #headerInfoBarRight
{
    float:right;
}

#content #header #headerInfoBar #headerInfoBarRight #headerInfoBarFont
{
    float:left;
    padding:1px 10px 0px 0px;
}

#content #header #headerInfoBar #headerInfoBarRight #headerInfoBarSearch
{
    float:left;
}
/* END: Header																						                  */
/**********************************************************************************************************************/


/**********************************************************************************************************************/	
/* START: Footer																					                  */
#footerHolder
{
    width:970px; 
    height:auto; 
    border-top:1px solid #b174a8;
    margin-top:10px;
}

#footerHolder a
{
	color:#000000;
}

#footerHolder #footerLogosHolder
{
    width:970px; 
    height:auto; 
    padding:10px 0 10px 0; 
    text-align:center;
}

#footerHolder #footerLogosHolder img
{
    border:none;
}

#footerHolder #footerLinkHolder
{
    width:950px; 
    padding:5px 10px 5px 10px; 
    height:auto; 
    background-color:#b174a8; 
    font-size:small; 
    font-weight:bold; 
    color:Black;
}
/* END: Footer																						                  */
/**********************************************************************************************************************/
       
  
/**********************************************************************************************************************/	
/* START: PageListingControl i.e. news items on homepage											                  */       
.ListingEntry
{
	margin:4px;
	display:block; 
}

.ListingEntry p
{
	margin:0px;
	padding:0px;
}

.ListingEntryDescription p
{
	margin:0px;
	padding:0px;
	color:#000000;
}

.ListingEntryTitle 
{
	font-weight:bold; 
	color:#000000; 
	display:block;
}

.ListingEntryDescription 
{
    color:#000000; 
}

.ListingEntryLink
{
	display:block;
	margin-top:4px;
}

.siteMorseHack
{
	display:none;
}

.ListingEntryImage
{
	margin-top:3px;
	margin-bottom:3px;
	display:block;
}

.news h2   
{ 
	font-weight: bold;
	color: #000;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #ccc;
	padding-bottom:6px;
	padding-top:6px;
	margin-left: 4px;
}
/* END: PageListingControl i.e. news items on homepage												                  */
/**********************************************************************************************************************/     
    
    
/**********************************************************************************************************************/	
/* START: Left column menu																			                  */        
#menu
{
	height:auto;
	width:210px;
	background-color:White;
}

#menu ul
{	
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:left;
}

#menu .menuItem, #menu .menuSibling, #menu .menuChild, #menu .menuCurrent
{
	margin:0px;
	display:block;	
	padding:5px;
}

#menu li
{
	padding-bottom:1px;
}

#menu .menuChild
{
	background-color:#aa9fa8;	/*light*/
	padding-left:15px;
}

#menu  .menuSibling
{
	background-color:#b174a8;	/*medium*/
}

#menu .menuCurrent
{
	background-color:#770d69;	/*dark*/
	font-weight:bold;
}

#menu .menuItem
{
	background-color:#580a4e;	/*very dark*/
	font-weight:bold;
}

#menu a
{
	color:#ffffff;
}
/* END: Left column menu																			                  */
/**********************************************************************************************************************/         


/**********************************************************************************************************************/	
/* START: Access Keys																								  */
.hide_tab
{
	position: absolute;
	left: -40000px;
	overflow:hidden;
	width: 165px;
	width: 0;
}

.hide_tab:active, .hide_tab:focus 
{
    text-decoration: none;
    text-align: center; 
    font-weight: bold;
    padding: 5px;
    position: absolute;
    left: 0px;
    top: 0px;
    width:300px;
    z-index:1000;
    font-size:medium; 
}

#access_keys 
{
	position:absolute;
	left:0px;
	top:0px;
}

#access_keys ul, #access_keys li 
{
    margin: 0;
    padding: 0;
    list-style:none;       
}
/* END: Access Keys																					                  */
/**********************************************************************************************************************/   


/**********************************************************************************************************************/	
/* START: Fieldset styling																							  */

.almoFieldset
{
	border:1px solid #999999;
	width:560px;

}

.almoFieldset legend
{
	border:1px solid #999999;	
	padding:5px;
	font-weight:bold;
	margin-left:5px;
}

.almoFieldset .fieldsetPadding
{
	/* HACK - explorer specific styling */
	*padding:10px 10px 10px 10px;
}

.almoFieldset .almoFormCSS
{
    width:545px;
    height:auto;
    margin-left:10px;
}

.almoFieldset .almoFormCSS .row
{
    margin-bottom:10px;
    width:545px;
    height:auto;
}

.almoFieldset .almoFormCSS .row .leftCell
{
    float:left;
    margin-right:20px;
    width:260px;
    height:auto;
}

.almoFieldset .almoFormCSS .row .rightCell
{
    float:left;
    width:265px;
    height:auto;
}

.almoFieldset .almoFormCSS .row .clear
{
    clear:both;
}

.almoFieldset .almoFormCSS .row .leftCell .leftCellLeft
{
    float:left;
    width:10px;
    margin-right:10px;
}

.almoFieldset .almoFormCSS .row .leftCell .leftCellRight
{
    float:left;
    width:255px;
}
.almoFieldset #errorMessage
{
    color:#ff0000;
}
/* END: fieldset styling																			                  */
/**********************************************************************************************************************/
        
      
/**********************************************************************************************************************/	
/* START: crumb trail																								  */      
#crumbtrail
{
	padding: 5px 0px 4px 5px;        
	background-color: #b174a8;
	color:#ffffff;	
}

.crumb
{ 
	font-weight: bold;
}

.crumbTrailContainer
{
    padding: 5px 0px 4px 5px;
	background-color: #b174a8;
	color:#ffffff;
}

.crumbTrailContainer a
{
	color:#FFFFFF;
}    
/* END: crumb trail																									  */
/**********************************************************************************************************************/      
      
      
/**********************************************************************************************************************/	
/* START: page layout																								  */       
.left
{
	padding-top:0px;
	width: 210px;
}
       
.centre
{
	border-left: 1px;
	border-right: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #fff;
	width: 593px;
}
            
.right
{
	background-color: #fff;
	width: 175px;
	border-left: 1px solid #770d69;
}

.top
{
	background-color: #770d69;
	padding: 2px;
}

#content
{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	padding: 0px;
	height: 100%;
	min-height: 100%;	
	background-color: #fff;
	padding:4px;
	text-align: left; 
	color: #770D69;
}

#content img
{
	border-width:0px;
}

#userContent
{
	padding:4px;
	color: #000;
}

#userContent td
{
	background-color:#fff;
	padding:2px;
}

#userContent table
{
	background-color:#770d69;
}

hr 
{
	border: none;
	color: #a49078;
	height: 1px;
}       
       
#overall
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	height: 100%;
	min-height: 100%;
}
/* END: page layout																								      */
/**********************************************************************************************************************/      
      
      
/**********************************************************************************************************************/	
/* START: font size controller																						  */
.smallButton
{
	font-size:small;
}

.mediumButton
{
	font-size:medium;
}

.largeButton
{
	font-size:large;
}

.smallButton_selected
{
	font-size:small;
}

.mediumButton_selected
{
	font-size:medium;
}

.largeButton_selected
{
	font-size:large;
}   
/* END: font size controller																					      */
/**********************************************************************************************************************/           
      
      
/**********************************************************************************************************************/	
/* START: useful links & web links																					  */      
.usefulWebLinks
{
	margin-top: 0px;
	padding-left: 0px;
	background-color: #fff;
	margin-left: 0px;
	padding: 3px;
}

#ctl00_weblinksPlaceHolder_blInternetLinks
{
	list-style: none;
}

.usefulLinks ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 0px;
}

.usefulWebLinks ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 0px;
}  

.fileDownloads, .usefulLinks, .usefulWebLinks
{
	margin-bottom:10px;	
	margin-left: 4px;
}

.fileDownloads h1, .usefulLinks h1, .usefulWebLinks h1, .fileDownloads h2, .usefulLinks h2, .usefulWebLinks h2
{
	color:#000;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #ccc;
	padding-bottom:6px;
	padding-top:6px;
}

.fileDownloads ul
{
	margin-left:0px;
	padding:0px;		/* for firefox */
}
    
.fileDownloads li
{
	background-repeat:no-repeat;
	background-position:left;
	color:#000;
	padding-left:25px;
	list-style-type:none;
	margin-top:10px;
	margin-bottom:10px;
} 
/* END: useful links & web links																				      */
/**********************************************************************************************************************/  


/**********************************************************************************************************************/	
/* START: Links to document readers																					  */
.fileDownloads .PDFViewerHyperLink
{
	background-image:url(/graphics/SSEHL/acrobat_reader.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left:100px;
}

.fileDownloads .WordViewerHyperLink
{
	background-image:url(/graphics/SSEHL/get_word.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left:125px;
}

.fileDownloads .ExcelViewerHyperLink
{
	background-image:url(/graphics/SSEHL/get_excel.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left:125px;
}

.fileDownloads .WMVViewerHyperLink
{
	background-image:url(/graphics/SSEHL/windows_media_player_download.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left:125px;
}
/* END: Links to document readers																					  */
/**********************************************************************************************************************/    


/**********************************************************************************************************************/	
/* START: images and captions																						  */  
#imagesContainer
{
	width:140px;
	float:right;
	margin-top: 7px;
	margin-left: 7px;
	margin-bottom: 2px;
	margin-right: 0px;
}

.captionColorHack
{
	padding:3px;
	text-align:center;
	display:none;
}

.imageCaption
{
	font-size:xx-small;
	line-height: 1em;
	line-height: 0.5em;

}
/* END: mages and captions																						      */
/**********************************************************************************************************************/     


/**********************************************************************************************************************/	
/* START: google translation																		                  */
.googleTranslations
{
	background-color:White; 
	border:1px #b174a8 solid; 
	padding:10px; 
	margin-top:10px; 
	margin-bottom:10px;  
	color:#000000;
} 
/* END: google translation																							  */
/**********************************************************************************************************************/


/**********************************************************************************************************************/	
/* START: right hand buttons																		                  */
.rightHandButtons
{
	width:170px; 
	height:60px; 
	margin-left:4px;
	margin-bottom:1px;
}
/* END: right hand buttons																							  */
/**********************************************************************************************************************/