/* CSS Document */

/* Page Structure Elements */
body.Grey {
	background-color: #CCCCCC;
	text-align: center;
	margin: 0px;
	background-image: url(../images/Background/Grey%20Background.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 1.5;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	padding: 0px 0px 30px 0px;
	height: 100%;
}

.HeaderBlock {
	display: block;
	height: 243px;
	width: 800px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.PageContent {
	height: auto;
	width: auto;
	padding: 50px;
}

.FloatFix {
	clear:both;
	font-size: 0px;
	height: 0px;
}

.FloatRight {
	text-align: center;
	float: right;
	padding-bottom: 5px;
}

.FloatLeft {
	text-align: left;
	float: left;
}

.WhiteOutline {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
	padding: 0px;
	text-align: left;
}

.VerticalCenter {
	vertical-align: middle;
}

.NavigationAid {
	text-decoration: underline;
}

img {
	border: 0;
}

/*Navigation system in the top right of each page*/
#TopRightNavigation {
	width: 804px;
	text-align: right;
	color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 0px 0px;
	clear:both;
}

.TRNRight{
	float:right;
	background-image:url(../images/Background/Top%20Right%20Navigation%20Background.png);
	background-repeat: repeat;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	width:auto;
	clear: both;
	padding: 0px 10px 3px 10px;
}

/* Main Navigation Bar */
.NavigationBox {
	width: auto;
	color: #9DBFAC;
	background-image: url(../images/Background/Navigation%20Gradient.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#FFFFFF;
	clear:both;
	padding: 2px 0px 0px 4px;
}

/* Link and box styles for the Navigation Bar */
#NavigationBar {
	text-align: center;
	background-image: url(../images/Background/Navigation%20Background.jpg);
	background-repeat: repeat;
	background-position: center top;
	width: auto;
	padding left: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
}

#NavigationBar .activepage {
	width:auto;
	color: #FFFFFF;
	text-align:center;
	text-decoration:none;
	float:left;
	background-image: url(../images/Background/Navigation%20Active%20Background.jpg);
	height: auto;
	padding-top: 2px;
	padding-right: 19px;
	padding-bottom: 2px;
	padding-left: 20px;
	background-repeat: repeat;
	background-position: center top;
}
  
#NavigationBar a {
	background-image: url(../images/Background/Navigation%20Background.jpg);
	background-repeat: repeat;
	background-position: center top;
	width: auto;
	color: #4E7897;
	text-align:center;
	text-decoration:none;
	float:left;
	height: auto;
	padding-top: 2px;
	padding-right: 19px;
	padding-bottom: 2px;
	padding-left: 20px;
	background-repeat: repeat;
}
 
#NavigationBar a:hover {
	background-image: url(../images/Background/Navigation%20Hover%20Background.jpg);
	color: #FFFFFF;
	background-repeat: repeat;
}

/* Footer */
.Footer {
	color: #FFFFFF;
	background-image: url(../images/Background/Bottom%20Background.jpg);
	background-repeat: repeat;
	text-align: right;
	height: auto;
	width: auto;
	font-size: x-small;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* Default link style: dark text on light/white background */
a.Light:link {
	color: #5084AA;
	text-decoration: none;
}
a.Light:visited {
	color: #4E7897;
	text-decoration: none;
}
a.Light:hover {
	text-decoration: underline;
}
a.Light:active {
	color: #17334E;
	text-decoration: none;
}

/* Default link style for the blog site (should be the same as the a.Light class series */
a.bloglight:link {
	color: #4E7897;
	text-decoration: none;
}
a.bloglight:visited {
	color: #4E7897;
	text-decoration: none;
}
a.bloglight:hover {
	text-decoration: underline;
}
a.bloglight:active {
	color: #52746A;
	text-decoration: none;
}

/* Link style for the links in the footer */
a.BottomLink:link {
	color: #C4E1D0;
	text-decoration: none;
}
a.BottomLink:visited {
	color: #C4E1D0;
	text-decoration: none;
}
a.BottomLink:hover {
	text-decoration: underline;
}
a.BottomLink:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* Default link style for links that are light text on a dark/black background */
a.Dark:link {
	color: #66B3FF;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
a.Dark:visited {
	color: #66B3FF;
	text-decoration: none;
}
a.Dark:hover {
	color: #FBE34B;
	text-decoration: underline;
}

/* Text Styles and colours */
.Smaller {
	font-size: x-small;
}

.emph {
	color:#FF702E;
}

.Disabled {
	color: #999999;
}

.Alert {
	color: #C92E00;
}

.AlertLight {
	color: #fbe34b;
}


/* Heading styles */
h1 {
	font-size: x-large;
	color: #52746A;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #88A6BA;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: lighter;
}

h2 {
	font-size: large;
	font-weight:normal;
	color:#52746a;
}

h3 {
	font-size: larger;
	font-weight:normal;
	color: #B18500;
}

/* Bullet styles*/
.GreenBullets li {
	list-style: none;
	background-image: url(../images/Green%20Bullet.jpg);
	background-position: left 0.6em;
	background-repeat: no-repeat;
	padding-left: 15px;  /* space for the image */
}

.BlueBullets li {
	list-style: none;
	background-image: url(../images/Blue%20Bullet.jpg);
 	background-position: left 0.6em;
	background-repeat: no-repeat;
	padding-left: 15px;  /* space for the image */
}

.PurpleBullets li {
	list-style: none;
	background-image: url(../images/Purple%20Bullet.jpg);
	background-position: left 0.6em;
	background-repeat: no-repeat;
	padding-left: 15px;  /* space for the image */
}

.OrangeBullets li {
	list-style: none;
	background-image: url(../images/Orange%20Bullet.jpg);
	background-position: left 0.6em;
	background-repeat: no-repeat;
	padding-left: 15px;  /* space for the image */
}

.GoldBullets li {
	list-style: none;
	background-image: url(../images/Gold%20Bullet.jpg);
	background-position: left 0.6em;
	background-repeat: no-repeat;
	padding-left: 15px;  /* space for the image */
}

.GoldBulletsSpaced li {
	list-style: none;
	background-image: url(../images/Gold%20Bullet.jpg);
	background-position: left 1.1em;
	background-repeat: no-repeat;
	padding-left: 15px;  /* space for the image */
}

/* Two-level bullet style (silver and gold) */
.Level1 li {
	list-style: none;
	background-image: url(../images/Gold%20Bullet.jpg);
	background-position: left 0.8em;
	background-repeat: no-repeat;
	padding-left: 15px;  /* space for the image */
	line-height: 1.8;
}

.Level2 li {
	list-style: none;
	background-image: url(../images/Silver%20Bullet.jpg);
	background-position: left 0.8em;
	background-repeat: no-repeat;
	padding-left: 15px;  /* space for the image */
	padding-bottom: 10px;
}


/* Page Specific differences from main site */
.PageContentOverview {
	padding: 50px;
	height: auto;
	width: auto;
	background-image: url(../images/Aspirations.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.strong {
 font-weight: bolder;
 }
 
 .italic {
  font-style: italic;
  }