/* Project: RBY - Jacqueline Thaw
   Version: .75
    Author: Steve Skladany, www.skladany.net
      Date: 10.7.6

======================================== */

/* "The leveller"
 http://www.websemantics.co.uk/tutorials/useful_css_snippets/#leveller
 "The intention is to remove as many of the differences 
 between browsers and platforms as possible in one fell swoop."
 
 The 'height/min-height' code keeps the vertical scroll bar from disappearing in Firefox
======================================== */

* { margin:0; padding:0 }
html { height:100% }
body { min-height:101%; font:100.01%/130% Georgia, Times, serif; color:#000; background:#fff; }
td { vertical-align: top; }



/* Fonts, Colors, and Backgrounds
======================================== */

body {
	background-color: #e1dcd3;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}

h1, a, th {
	color: #c60;
}

h1 {
	font-size: 1.6em;
}

h5 {
	font-size: .8em;
}

p, #contentAbout p, #contentAbout td, #contentAbout th {	
	font-size: 1em;
	line-height: 1.5em;	
	margin-bottom: 1.5em;
}

li {
	list-style-type: none;
}

a img {
	border: 0;
}

#footer h5 {
	font-weight: normal;
}


/* Links
======================================== */

a, a img {
	text-decoration: none;
}

.selected {	
	font-weight: bold;
	color: #333;
}


/* Structure
======================================== */
body {
	text-align: center;
}
	
#bodyContent {
	margin: 0px auto 0px auto;
	width: 925px;
	text-align: left;
	position: relative;
}

#header {
	margin: 20px;	
	text-align: center;
}

#sideBar {
	display: block;
	text-align: left;
	position: absolute;
	top: 330px;
	left: 20px;
	width: 150px;
	background-color: #e1dcd3;	
}


#content {
	margin: 0 210px 80px 210px;
	text-align: center;	
}

#footer {
	margin: 20px;
	clear: both;
}


/* Intro Page
----------------*/
#introPage #content {
	margin: 116px 176px 30px 177px;	
}

.introSquare {
	padding: 0;
	width: 125px;
	height: 110px;
	margin: 9px;
	background-color: #f60;
	float: left;
}

.color1 {
	background-color: #A99A96;
}

.color2 {
	background-color: #464140;
}

.introSquare a:hover img {
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}

a .introSquare {
	
}

.introSquare img {
	width: 125px;
	height: 110px;
	
}




/* =contentAbout
----------------*/

#contentAbout {
	margin: 20px;
}

#contentAbout th {
	width: 210px;
	vertical-align: top;
	text-align: left;
}

#contentAbout td {
	padding-bottom: 1.5em;
}

#contentAbout p {
	width: 490px;
}




/* Elements
======================================== */

/* =header 
----------------*/

#header h1 {
	padding: 20px 0 18px 0;
}

hr { 
	padding: 0;
	margin: 0;
	display: none;
}

.thinHR { 
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #c60;
}


/* =mainNav 
----------------*/

#mainNav {
	padding: 8px 0 8px 0;
	text-align: center;
}	

#mainNav li, #subNav li {
	padding: 0;
	margin: 0;
	display: inline;
}

#mainNav a {	
	padding: 8px 6px 6px 6px;
	margin: 0;
}

#mainNav a:hover {
	border-bottom: 3px solid #c60;
	background-color: #ccc;
}


/* =subNav
----------------*/
#subNav {
	margin-bottom: 40px;
}

#subNav a {
	padding: 0px 5px 3px 4px;	
	width: 15px;
	color: #999;
	background-color: #e1dcd3;
	background: url(../templateImages/subNav.gif) #e1dcd3 top left no-repeat;
}

#subNav li {
	padding: 0;
	margin: 0;
}

#subNav .selected {
	font-weight: normal;
}

#subNav a:hover, #subNav .selected {
	color: #333;
	background-position: 0 -90px;
}

.killSpace {
	display: none;
}