/*
############################################################
#   Colours
############################################################

	Background Blue: #e2e6f1
	Background grey: #d2d3d5
	Grey text: #9a9b9d
	Blue text: #004382
	Orange text: #f7b334
/*


/*
############################################################
#   Generic
############################################################
*/
body {text-align:center;background-color:#e2e6f1;font-family:Arial, Helvetica, sans-serif;background-image:url(/images/Framework/HeaderStrip.png);background-repeat:repeat-x;}

#MainContent{margin:15px;}
#MainContent h4 a{color:#9a9b9d;}
#MainContent h4 a:hover{color:#004382;}

.TinyHeaderText {font-size:.75em;color:#9a9b9d;}
.TinyHeaderText a{color:#9a9b9d;text-decoration:none;}
.TinyHeaderText a:hover{color:#004382;}

.MenuText {font-size:1em;color:#ffffff;font-weight:bold;}
.MenuText a{color:#ffffff;text-decoration:none;}
.MenuText a:hover{color:#f7b334;}

.StandardText {font-size: 1em; color: #0e6588;}
.StandardText  a{color: #0e6588; text-decoration:none;}
.StandardText  a:hover{color: #0e6588; text-decoration:underline;}

.SmallText {font-size:.85em;color:#9a9b9d;margin:10px 0px 0px 0px;}
.SmallText a{color:#9a9b9d;text-decoration:none;}
.SmallText a:hover{color:#004382;}

h1 {color:#004382;font-size: 1.4em;font-weight:bold;margin:5px 15px 15px 15px;}

h2 {color:#009ddc;font-size: 1.2em;margin:5px 0px 10px 0px;}
h2.Link a{color:#009ddc;text-decoration:none;}
h2.Link a:hover{color:#009ddc;text-decoration:underline;}

h3 {color:#004382;font-size: 1em;font-weight:bold;}
h3 a{color:#004382;text-decoration:none;}
h3 a:hover {color:#004382;}

h4 {color:#9a9b9d;font-size: .9em; font-weight:bold;margin:10px 0px 0px 0px;}
h4 a{text-decoration:none;color:#ffffff;}
h4 a:hover {color:#004382;}

h5 {font-size: 1em; color: #004382;font-weight:bold;}
h5  a{color: #0e6588; text-decoration:none;}
h5  a:hover{color: #0e6588; text-decoration:underline;}

#MainContent ul li a{color:#0e6588;text-decoration:none;}
#MainContent ul li a:hover{color:#0e6588;text-decoration:underline;}

#MainContent a{color:#0e6588;text-decoration:none;}
#MainContent a:hover{color:#0e6588;text-decoration:underline;}

/*
############################################################
#   Frame
############################################################
*/
#SiteHolder {width:778px; margin: 0 auto;}
#Header{width:778px;float:left;text-align:left;margin:25px 0px 0px 0px;}
#HeaderLinks {float:right;}
#Logo {float:left;}
#MainMenu{width:778px;float:left;margin:15px 0px 0px 0px;}
.MenuElement{float:left;margin:0px 30px 0px 0px;}

#TopFlash {float:left;margin:14px 0px 0px 0px;overflow:hidden;}

#BodyContent{float:left;margin:14px 0px 0px 0px;text-align:left;}

#LeftColumn{width:155px;float:left;background-color:#d2d3d5;}
.MainColumn{width:435px;float:left;background-color:#ffffff;margin-bottom:20px;}
#MainColumnHolder{float:left;width:435px;margin:0px 16px 0px 17px;}
#RightColumn{width:155px;float:left;background-color:#d2d3d5;}
#RightInnerHolder{float:left;width:125px;margin:15px 15px 0px 15px;background-color:#d2d3d5;border:1px solid white;}

.WhiteCorner{background-image:url(/images/framework/WhiteCorners.png);width:5px;height:5px;background-repeat:no-repeat;font-size:1px;}
.GreyCorner{background-image:url(/images/framework/GreyCorners.png);width:5px;height:5px;background-repeat:no-repeat;font-size:1px;}
.HollowCorner{background-image:url(/images/framework/HollowCorners.png);width:5px;height:5px;background-repeat:no-repeat;font-size:1px;}

.TLOutline{float:left;background-position:0px 0px;margin:-1px 0px 0px -1px;}
.TROutline{float:right;background-position:-5px 0px;margin:-1px -1px 0px 0px;}
.BLOutline{float:left;background-position:-15px 0px;margin:10px 0px -1px -1px;}
.BROutline{float:right;background-position:-10px 0px;margin:10px -1px -1px 0px;}
.TL{float:left;background-position:0px 0px;}
.TR{float:right;background-position:-5px 0px;}
.BL{float:left;background-position:-15px 0px;margin-top:10px;}
.BR{float:right;background-position:-10px 0px;margin-top:10px;}
.ContentPadded{margin:10px 0px 0px 0px;overflow:hidden;}
.ContentPadded2{margin:10px 10px 0px 10px;overflow:hidden;}

#FooterBar{width:100%;background-image:url(/images/framework/Footerbar.png);background-repeat:repeat-x;height:57px;float:left;margin:20px 0px 0px 0px;}

/*
############################################################
#   LeftNav
############################################################
*/

.LeftOption {margin:2px 0px 2px 0px;float:left;width:100%;font-size:.9em;}
.LeftOption.On {background-color:#004382;}
.LeftOptionText{float:left;color:#004382;margin:2px 15px 2px 15px;}
.LeftOptionText.On{color:#ffffff;}
.LeftOptionText a{color:#004382;text-decoration:none;}
.LeftOptionText a:hover{color:#ffffff;}
.LeftOption:hover {background-color:#004382;color:#ffffff;}
.LeftOption:hover .LeftOptionText a{color:#ffffff;}

/*
############################################################
#   Scroller
############################################################
*/
.SlideUp{width:147px;height:102px;background-image:url(/images/framework/slideup.png);position:relative;z-index:2;display:none;text-align:left;}
#ScrollRight {float:left;width:21px;height:147px; background-image:url(/Images/Framework/ScrollRight.gif);}
#ScrollLeft {float:left;width:21px;height:147px; background-image:url(/Images/Framework/ScrollLeft.gif);}
#StaffContainer {float:left;height:147px;width:735px;overflow:hidden;}
#StaffContainer ul{height:147px;width:735px;list-style:none;display:block;}
#StaffContainer ul li{width:147px;height:147px;}
.SlideText {font-size: 1.1em; color: #ffffff;float:left;margin:10px;font-weight:bold;}
.Favourite {font-weight:normal;font-size:.9em;MARGIN:0PX;DISPLAY:BLOCK;}
