/*
--------------------------------------

COLOUR PALETTE
#c1d8e9 - light blue (background)
#527693 - mid blue (nav bar)
#00274f - dark blue (links and article headers)
#d3e4f0 - really light blue (bg colour on selected link)

#a3d100 - electric green (borders and main nav rollover accent)
#e3f1b2 - light electric green (bg colour on link rollovers)

#3c3c3c - dark grey
#666666 - lighter grey

--------------------------------------
*/


/*
This style sheet uses an escape character workaround to pass alternate
element width specs to IE 5 & 5.5

See the Simplified Box Model Hack
http://css-discuss.incutio.com/?page=BoxModelHack

The Tantek hack unfortunately caused IE to ignore the rule
immediately following.
See http://www.tantek.com/CSS/Examples/boxmodelhack.html
and 

Downsides to this hack are:
- Opera 5 ignores rules with escape characters.
- NN4 will disregard the entire sheet because of the escape characters
*/


/*
RULE OVERVIEW
- Basic Page Framework
- Header of The Page
- Main Navigation Bar
- Actual Page Content
- Sidebar
- Sidebar_nonblog
- Footer
*/


/*************************************
*
* BASIC PAGE FRAMEWORK
*
*************************************/


body {
	margin: 0;
	padding: 0;
	background-color: #c1d8e9;
	font-family: lucida grande, verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
	color: black;
}

#root {
	width: 750px;
    margin: 0px auto;
    text-align: left;
   	padding: 0px;
    border-left: 1px solid white;
	border-right: 1px solid white;
}



/*************************************
*
* HEADER OF THE PAGE
*
*************************************/


#masthead {
	width: 750px;
	height: 94px;
	margin: 0;
	padding: 0;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}

#searchForm {
	float: right;
	margin: 0px;
	padding: 25px 25px 0px 0px;
	text-align: left;
}

#searchForm p {
	color: #00274f;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0;
}

.text {
	color: #00274f;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0;
}

/*************************************
*
* MAIN NAVIGATION BAR
*
*************************************/

#navbar {
	width: 750px;
	background-color: #527693;
	padding: 0;
	margin: 0;
	border-top: 1px solid white;
	float: left;
}

#navbar #firstNavItem {
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0;
}

#navbar #navItems {
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 0;
}

#navbar a:link, #navbar a:visited {
	padding: 2px 5px 2px 5px;
	margin: 0 2px 0 2px;
	text-decoration: none;
	display: block;
	float: left;
	color: white;
}

#navbar a:link:hover, #navbar a:link:active, #navbar a:visited:hover, #navbar a:visited:active {
	color: #00274f;
	background-color: #a3d100;
}


#navbar a.selected {
	color: #00274f;
	background-color: #a3d100;
}



/*************************************
*
* ACTUAL PAGE CONTENT
*
*************************************/


#content {
	\width: 750px;
	w\idth: 720px;
	background-color: white;
	padding: 40px 15px 15px 15px;
	margin: 0;
}

#contentHeader {
	\width: 720px;
	w\idth: 698px;
	\height: 110px;
	he\ight: 90px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #a3d100;
	background-color: white;
	color: #3c3c3c;
	margin: 0;
}

#contentHeader p {
	font-size: 1.1em;
	line-height: 1.25em;
	color: #666;
	clear: left;
	margin-right: 225px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
}

#contentHeader a:link, #contentHeader a:visited {
	color: #a3d100;
	text-decoration: none;
	border-bottom: 1px dotted #a3d100;
}

#contentHeader a:link:hover, #contentHeader a:link:active, #contentHeader a:visited:hover, #contentHeader a:visited:active {
	color: #00274f;
	text-decoration: none;
	border-bottom: 1px dotted #00274f;
	background-color: #e3f1b2;
}

h1 {
	font-size: 2em;
	margin: 0 225px 0 0;
	padding: 0;
}

h2.pageTitle {
	font-size: 1.5em;
	font-weight: bold;
	color: #a3d100;
}

h3.title {
	font-size: 1.3em;
	font-weight: bold;
	color: #00274f;
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
}

#blog {
	min-height: 1000px;
	border-left: 1px solid #a3d100;
	border-right: 1px solid #a3d100;
	border-bottom: 1px solid #a3d100;
	padding-top: 18px;
	padding-right: 194px;
	padding-bottom: 18px;
	padding-left: 18px;
	background-image: url(../images/sidebar_bg.gif);
	background-position: right;
	background-repeat: repeat-y;
	\margin-top: -19px;
	marg\in-top: 0;
}

.blogentry {
	border: 0;
}

#blog .info {
	color: #00274f;
	font-size: 1em;
}

#blog .posted {
	color: #3c3c3c;
	font-size: 0.9em;
}

#blog hr {
	border: 0;
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 1px solid #c1d8e9;
	height: 1px;
	display: block;
}

#blog a:link, #blog a:visited {
	color: #00274f;
	text-decoration: none;
	border-bottom: 1px dotted #527693;
}

#blog a:link:hover, #blog a:visited:hover, #blog a:link:active, #blog a:visited:active {
	background-color: #e3f1b2;
	border-bottom: 0;
}

#blog p {
	color: #3c3c3c;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-top: 1.5em;
}

#blog .intropara {
	margin-top: 0;
	color: #00274f;
}

#blog ul {
	color: #3c3c3c;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-top: 1.5em;
}

#blog .contactForm {
	font-size: 1.1em;
	font-weight: bold;
	color: #00274f;
}

#blog .contactFormInput {
	color: #3c3c3c;
	background-color: white;
	border: 1px solid #527693;
	margin-top: 6px;
}

#blog .contactInfo {
	background-color: #d3e4f0;
	border: 1px dotted #527693; 
	padding: 5px;
	margin: 5px;
	font-size: 1em;
	color: #00274f;
	float: right;
}

#blog .contactInfo a:link, #blog .contactInfo a:visited {
	text-decoration: none;
	color: #0027rf;
	border: 0;
}


/*************************************
*
* SIDEBAR
* Used on the blog page
* (research & writing)
*
*************************************/	

#sidebar {
	\width: 186px;
	w\idth: 150px;
	padding: 18px;
	float: right;
}

#sidebar h2 {
	color: #527693;
	font-size: 1em;
	margin-top: 0;	
}

#sidebar .link {
	margin-top: 12px;
}

#sidebar hr {
	border: 0;
	margin-top: 25px;
	\margin-bottom: 15px;
	marg\in-bottom: 25px;
	marg\in-left: -18px;
	marg\in-right: -18px;
	border-top: 1px solid #a3d100;
	height: 1px;
}


#sidebar a:link, #sidebar a:visited {
	color: #00274f;
	text-decoration: none;
	border-bottom: 1px dotted #527693;
}

#sidebar a:link:hover, #sidebar a:link:active, #sidebar a:visited:hover, #sidebar a:visited:active {
	color: #00274f;
	background-color: #e3f1b2;
	text-decoration: none;
}

#nounderline a:link, #nounderline a:visited {
	text-decoration: none;
}

#nounderline a:link:hover, #nounderline a:link:active, #nounderline a:visited:hover, #nounderline a:visited:active {
	text-decoration: none;
}




/*************************************
*
* SIDEBAR_NONBLOG
* Used on the all other pages
* (not research & writing)
*
*************************************/

#sidebar_nonblog {
	\width: 186px;
	w\idth: 150px;
	padding: 18px;
	float: right;
}

#sidebar_nonblog h2 {
	color: #527693;
	font-size: 1em;
	margin-top: 0;
}

#sidebar_nonblog .link {
	width: 150px;
	margin-top: 3px;
	text-align: right;
}

#sidebar_nonblog a:link, #sidebar_nonblog a:visited {
	font-size: 1.1em;
	font-weight: bold;
	color: #00274f;
	text-decoration: none;
	border-bottom: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 12px;
	padding-bottom: 2px;
	\width: 150px;
	w\idth: 136px;
	display: block;
}

#sidebar_nonblog a:link:hover, #sidebar_nonblog a:link:active, #sidebar_nonblog a:visited:hover, #sidebar_nonblog a:visited:active {
	color: #00274f;
	background-color: #e3f1b2;
	background-image: url(../images/arrows_over.gif);
	background-position: left;
	background-repeat: no-repeat; 
}

#sidebar_nonblog .selected {
	background-color: #d3e4f0;
	background-image: url(../images/arrows_selected.gif);
	background-position: left;
	background-repeat: no-repeat;
}





/*************************************
*
* FOOTER
* May need to re-draft
*
*************************************/

#footer {
	background-color: #527693;
	padding-top: 5px;	
}