/* Sets the minimum height of the page */
html {
	min-height: 100%;
}

/* Set the body's background color */
body {
	background-color: #9999FF;
	font: 12px/18px verdana,helvetica,sans-serif;
	color: #666666; 
	position: relative;
}

/* Takes out the hyperlink underline */
a {
	text-decoration: none
}

/* Sets all unordered list to not show bullet points */
ul {
	list-style-type: none
}

/* Sets the 'home' text to not display */
a#homePageLink span {
	display: none;
}

/* Sets the entire page container */
.allPage {
	margin: 0px auto;
	width: 758px;
	position: relative;
}


/* Contains all style within the title div */
/* Sets the title page image */
#title {
	position: relative;
	height: 132px;
	background: url(../images/alltop.gif) no-repeat;
}
/* Hides the header h1 */
#title h1 {
	display: none;
}
/* Hides the header h2 */
#title h2 {
	display: none;
}
/* Sets the overall position of the title menu bar */
#title ul {
	left: 185px;
	top: 80px;
	position: absolute;
	margin-top: 5px;
}
/* Sets the title menu bar to appear in a horizontal line */
#title li {
	display: inline;
	float: left;
	padding-bottom: 5px;
}
/* Sets the link in the top menu bar to be spaced */
#title a {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 35px 0px 17px;
	color: #666666;
	line-height: 34px;
}
/* Sets the link in the top menu bar mouse over */
#title a:hover {
	color: #ECB546;
}
/* Sets all the top navigation button backgrounds */
li#titlenavigationNews {
	background: url(../images/newsbutton.gif) no-repeat;
}
li#titlenavigationAbout {
	background: url(../images/aboutbutton.gif) no-repeat;
}
li#titlenavigationResources {
	background: url(../images/resourcesbutton.gif) no-repeat;
}
li#titlenavigationThinkers {
	background: url(../images/thinkersbutton.gif) no-repeat;
}
li#titlenavigationResearch {
	background: url(../images/researchbutton.gif) no-repeat;
}
li#titlenavigationLinks {
	background: url(../images/linksbutton.gif) no-repeat;
}
/* End of header div styles */


/* Places the background page layout image */
#mainContentContainer {
	width: 758px; 
	position: relative;
}


/* All the settings of the left side menu area */
/* Sets the left side menu area */
#leftMenuArea {
	float: left;
	width: 179px;
	position: relative;
}

/* Sets the navigation bits of the left menu area */
/* The enclosing navigation tag */
#leftNavigation {
	background: url(../images/backgroundWhite.gif);
}
/* Sets the navigation header h4 */
#leftNavigation h4 {
	margin: 0px; 
	background: url(../images/leftnavtop.gif) no-repeat;
}
/* Set the h4 to be off screen */
#leftNavigation h4 span {
	display: none;
}
/* Loads the image for the homepage in the left menu area */
#leftNavigation h4#sidenav_profile {
	background: url(../images/pencil.jpg);
	height: 219px;
}
#leftNavigation h4#sidenav_news {
	background: url(../images/newsTop.jpg);
	height: 118px;
}
#leftNavigation h4#sidenav_about {
	background: url(../images/aboutTop.jpg);
	height: 118px;
}
#leftNavigation h4#sidenav_resources {
	background: url(../images/resourcesTop.jpg);
	height: 118px;
}
#leftNavigation h4#sidenav_thinkers {
	background: url(../images/thinkersTop.jpg);
	height: 118px;
}
#leftNavigation h4#sidenav_research {
	background: url(../images/researchTop.jpg);
	height: 118px;
}
#leftNavigation h4#sidenav_links {
	background: url(../images/linksTop.jpg);
	height: 118px;
}
/* Sets the margin of the actual menu in the left menu navigation area */
#leftNavigation ul {
	margin-left: 20px;
	margin-bottom: 0px;
	padding: 0px;
}
/* Sets the spacing of the menu items in the left menu navigation area */
#leftNavigation ul li {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Sets the link style in left navigation area */
#leftNavigation ul li a {
	color: #333B66;
}
/* Sets the bullet to appear when class is on i.e. the page is currently shown */
#leftNavigation ul li a.on {
	background: url(../images/bullet.gif) no-repeat left;
	color: #E89E1C;
}
/* Sets style for all links within left navigation area */
#leftNavigation a {
	padding-left: 10px;
	font-size: small;
	color: #333B66;
}
/* Sets the mouse over color of links in left navigation area */
#leftNavigation a:hover {
	color: #ECB546;
}
/* Sets the style of the last item in left navigation area (with class=last) */
#leftNavigation ul li.last {
	border-top: #E2E2E2 1px solid;
	margin: 17px 20px 0px 0px;
	padding-top: 15px;
}
/* Sets the color of the last menu item (home) in left navigation area */
#leftNavigation ul li.last a {
	color: #8F97BF;
}
/* Sets the mouse over color of the last menu item (home) */
#leftNavigation ul li.last a:hover {
	color: #ECB546;
}
/* End of navigation bits */



/* Sets the bottom of the navigation in the left side menu area */
#leftNavigationBottom {
	background: url(../images/navigationBottom.gif);
	height: 27px;
}


/* All the settings of the page content */
/* Sets the positioning of the actual page text */
#pageContent {	
	background: url(../images/backgroundWhiteBig.gif) repeat-y;
	float: right;
	width: 579px;
}
/* Sets the padding for the actual text in page content */
#innerText {
	padding: 0px 0px 0px 24px;
}
/* Sets the page content header */
#pageContent h3 {
	padding: 28px 0px 0px 24px;
	font-weight: normal;
	font-size: x-large;
	background: url(../images/pageContentTop.gif) no-repeat;
	margin: 0px 0px 20px -20px;
	color: #353D67;
	letter-spacing: -1px;
}
/* Sets the style for unordered lists in main page content */
#pageContent ul {
	list-style-type: disc;
	font-size: small;
}
/* Sets the spacing around each list item */
#pageContent li {
	margin: 8px 24px 16px 0px;
}
/* Sets the spacing around each list item with a bigger gap between each */
#pageContent li.biggerGap {
	margin: 8px 24px 22px 0px;
}
/* Sets the style for ordered lists in main page content */
#pageContent ol {
	font-size: small;
}
/* The color of an unread basic link in page content */
#pageContent a:link {
	color: #31408B; 
	border-bottom: #31408B 1px dotted;
}
/* Color of a visited basic link in page content */
#pageContent a:visited {
	color: #44529A;
	border-bottom: #5363B1 1px dotted;
}
/* Color of a basic link with mouseover in page content */
#pageContent a:hover {
	border-bottom-width: 0px;
	color: #FC0;
}
/* Indents text from the left */
#pageContent .indent_left {
	margin-left: 40px
}
/* Sets the position and border of a picture */
#pageContent div.picture_right {
	border: #E6E6E6 2px solid;
	padding: 5px 5px 0px 5px;
	float: right;
	margin: 0px 20px 5px 10px;
	text-align: center;
	font-size: x-small;
}
/* Sets the position and border of a picture */
#pageContent div.picture_middle {
	border: #E6E6E6 2px solid;
	padding: 5px 5px 0px 5px;
	margin: 0px auto 5px auto;
	text-align: center;
	font-size: x-small;
}
/* If there is no text with picture then this provides padding all round */
#pageContent img.noText {
	padding-bottom: 5px;
}
/* The header 4 sub-heading setting in page content */
#pageContent h4 {
	font-weight: normal;
	font-size: medium;
	margin: 30px 0px -5px 5px;
	color: #3C3C3C;
	letter-spacing: -1px;
}
/* The header 4 sub-heading - for the 1st one on a page */
#pageContent h4.top {
	margin-top: 22px;
}
/* The settings for the normal paragraphed text */
#pageContent p {
	margin: 14px 0px;
	padding: 0px 24px 0px 5px;
	font-size: small;
}
/* The settings for the smaller paragraphed text */
#pageContent .smallText {
	margin: 14px 0px;
	padding: 0px 24px 0px 5px;
	font-size: x-small;
}
/* Inserts a rule between things (div) */
#pageContent .rule {
	background: url(../images/bar.gif) no-repeat;
	padding-top: 1px;
	margin-bottom: 15px;
}
/* End of all page content settings */


/* Sets the bottom of the page content area */
#pageContentBottom {
	background: url(../images/pageContentBottom.gif);
	height: 28px;
	width: 575px;
	margin-left: 4px;
}

/* Sets the format of the "Not responsible for links" text */
#bottom-text {
	padding-top: 25px;
	position: relative;
	clear: both;
}
#bottom-text hr {
	color: #666666;
	height: 1px;
	width: 75%;
}
#bottom-text p {
	margin-top: 2px;
	text-align: center;
	font-size: x-small;
	line-height: 10px;
	width: 700px;
	padding-bottom: 1px;
}