/*
############################################################
#   Colours
############################################################

	Background Blue: #e2e6f1
	Background grey: #d2d3d5
	Grey text: #9a9b9d
	Blue text: #004382
	Orange text: #f7b334
	
	PRIMARY COLOURS
	RED:#f22836
	ORANGE:#ff5a00
	BLUE:#034174
	PURPLE:#7c5dc5
	PINK:#d630ae
	GREEN:#8fd300
/*


/*
############################################################
#   Generic
############################################################
*/
body {text-align:center;background-color:#ffffff;font-family:Arial, Helvetica, sans-serif;background-repeat:repeat-x;background-position:0px 100px;}
body.Blue{background-image:url(/images/Framework/NavBlue.png);}
body.Red{background-image:url(/images/Framework/NavRed.png);}
body.Green{background-image:url(/images/Framework/NavGreen.png);}
body.Orange{background-image:url(/images/Framework/NavOrange.png);}
body.Purple{background-image:url(/images/Framework/NavPurple.png);}
body.Pink{background-image:url(/images/Framework/NavPink.png);}

#MainContent{margin:15px;color:#3a3a3a}
#MainContent ul li, #MainContent ul li a{color:#3a3a3a !important;}
#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:1.1em;color:#ffffff;font-family: 'Muli', sans-serif;}
.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:#3a3a3a;font-size: 2.2em;font-weight:bold;margin:0px 15px 15px 15px;font-family: 'Muli', sans-serif;}
#LeftColumn h1{font-size:1.2em;}

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;}

h6 {font-size: 1em; color: #3a3a3a;font-weight:bold;}
h6  a{color: #0e6588; text-decoration:none;}
h6  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:#3a3a3a;font-weight:bold;text-decoration:none;}
#MainContent a:hover{color:#0e6588;text-decoration:underline;}

.Blue h5 {font-size: 1em; color: #034174;font-weight:bold;}
.Red h5 {font-size: 1em; color: #f22836;font-weight:bold;}
.Orange h5 {font-size: 1em; color: #ff5a00;font-weight:bold;}
.Pink h5 {font-size: 1em; color: #d630ae;font-weight:bold;}
.Purple h5 {font-size: 1em; color: #7c5dc5;font-weight:bold;}
.Green h5 {font-size: 1em; color: #8fd300;font-weight:bold;}

p.FooterText{margin:20px auto; font-size:20px;text-decoration:italic;font-family: 'Muli', sans-serif;}	

.Blue p.FooterText {color: #034174;}
.Red p.FooterText {color: #f22836;}
.Orange p.FooterText {color: #ff5a00;}
.Pink p.FooterText {color: #d630ae;}
.Purple p.FooterText {color: #7c5dc5;}
.Green p.FooterText {color: #8fd300;}

/*
############################################################
#   Frame
############################################################
*/
#SiteHolder {width:948px; margin: 0 auto;}
#Header{width:948px;float:left;text-align:left;margin:25px 0px 0px 0px;}
#HeaderLinks {float:right;}
#Logo {float:left;}
#MainMenu{width:778px;float:left;margin:22px 0px 0px 0px;height:40px;}
.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;}
.MainColumn{width:595px;float:left;background-color:#ffffff;margin-bottom:20px;}
#MainColumnHolder{float:left;width:595px;margin:0px 16px 0px 17px;}
#RightColumn{width:155px;float:left;}
#RightInnerHolder{float:left;width:155px;margin:15px 0px 0px 0px;border-radius:7px;}

.Blue #RightInnerHolder{background-color:#034174;}
.Red #RightInnerHolder{background-color:#f22836;}
.Orange #RightInnerHolder{background-color:#ff5a00;}
.Pink #RightInnerHolder{background-color:#d630ae;}
.Purple #RightInnerHolder{background-color:#7c5dc5;}
.Green #RightInnerHolder{background-color:#8fd300;}

.LineDivider{float:left;margin:10px 0px 10px 5px;display:inline;background-image:url(/images/framework/line-asset.png);width:119px;height:3px;}
#RightInnerHolder h3{color:#ffffff;text-align:center;font-size:1em;text-transform:uppercase;font-family: 'Muli', sans-serif;}
#RightInnerHolder h4{color:#ffffff;font-weight:normal;text-align:center;}
#RightInnerHolder h3 a{color:#ffffff;}
#RightInnerHolder h4 a{color:#ffffff;}
#RightInnerHolder h3 a:hover{color:#ffffff;text-decoration:underline;}
#RightInnerHolder h4 a:hover{color:#ffffff;text-decoration:underline;}

.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{float:left;margin:10px 10px 0px 10px;padding-bottom:10px;overflow:hidden;}

#FooterBar{width:100%;background-image:url(/images/framework/Footerbar.png);background-repeat:repeat-x;height:66px;float:left;margin:20px 0px 0px 0px;}

/*
############################################################
#   LeftNav
############################################################
*/

.LeftOption {margin:5px 0px 5px 0px;float:left;width:100%;font-size:.9em;border-radius:4px;}
.LeftOptionText{float:left;color:#3a3a3a;margin:4px 15px 0px 15px;padding-bottom:4px;font-family: 'Muli', sans-serif;}
.LeftOptionText.On{color:#ffffff;}
.LeftOptionText a{color:#3a3a3a;text-decoration:none;}
.LeftOptionText a:hover{color:#ffffff;}
.LeftOption:hover {;color:#ffffff;}
.LeftOption:hover .LeftOptionText a{color:#ffffff;}

.Blue .LeftOption.On {background-color:#034174;}
.Blue .LeftOption:hover {background-color:#034174}
.Red .LeftOption.On {background-color:#f22836;}
.Red .LeftOption:hover {background-color:#f22836}
.Pink .LeftOption.On {background-color:#d630ae;}
.Pink .LeftOption:hover {background-color:#d630ae}
.Purple .LeftOption.On {background-color:#7c5dc5;}
.Purple .LeftOption:hover {background-color:#7c5dc5}
.Orange .LeftOption.On {background-color:#ff5a00;}
.Orange .LeftOption:hover {background-color:#ff5a00}
.Green .LeftOption.On {background-color:#8fd300;}
.Green .LeftOption:hover {background-color:#8fd300}
/*
############################################################
#   Scroller
############################################################
*/
.SlideUp{width:225px;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:225px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
#ScrollLeft {float:left;width:21px;height:225px;border-top-left-radius:5px;border-bottom-left-radius:5px;}

#LeftArrow{float:left;width:8px;height:13px;background-image:url(/images/framework/arrow-left.png);margin:105px 0px 0px 5px;display:inline;}
#RightArrow{float:left;width:8px;height:13px;background-image:url(/images/framework/arrow-right.png);margin:105px 0px 0px 5px;display:inline;}

.Blue #ScrollRight, .Blue #ScrollLeft{background-color:#034174;}
.Red #ScrollRight, .Red #ScrollLeft{background-color:#f22836;}
.Orange #ScrollRight,.Orange #ScrollLeft{background-color:#ff5a00;}
.Pink #ScrollRight,.Pink #ScrollLeft{background-color:#d630ae;}
.Purple #ScrollRight,.Purple #ScrollLeft{background-color:#7c5dc5;}
.Green #ScrollRight,.Green #ScrollLeft{background-color:#8fd300;}

#StaffContainer {float:left;height:225px;width:735px;overflow:hidden;}
#StaffContainer ul{height:225px;width:735px;list-style:none;display:block;}
#StaffContainer ul li{width:225px;height:225px;}
#StaffContainer ul li img{width:225px;height:225px;}
.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;}