@charset "utf-8";
/* CSS Document */
/*
	#ff55ff - pink
	#bbff66 - green
	#227788 - teal
	#003399 - blue
 */


/* Page Elements */

body {
font-family: Georgia;
font-size: 14px;
background: url(../images/background.gif) no-repeat right top;
line-height: 150%;
color: #333333;
margin: 0 0 0 20px;
}

a { color: #227788; }

pre { 
font-family: Courier;
border: 1px solid #227788; 
background: #EEF9FC;
padding: 5px;
font-size: 12px;
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
}


/* Headers */

h1 { 
color: #003399;
font-size:40px;
text-transform:uppercase;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:normal;
margin:20px 0 40px;
}

h2 { 
margin: 0 0 10px 0; 
padding: 0; 
clear: right; 
color: #227788;
font-weight: normal;
font-size: 20px;
}


/* Navigation */

ul#navigation {
float: left; 
width: 150px;
margin: 0;
padding: 0;
list-style: none;
}

ul#navigation li { margin-bottom: 5px; }
ul#navigation li a {
color: #333333;
margin: 0;
text-decoration: none;
height: 15px;
}

ul#navigation li a.linkpink:hover {color: #ff55ff;}
ul#navigation li a.linkgreen:hover {color: #bbff66;}
ul#navigation li a.linkteal:hover {color: #227788;}
ul#navigation li a.linkblue:hover {color: #003399;}


/* Page Content Sections */

#content { margin: 0 0 0 10px; }

#main {
margin: 0;
float: left; 
width: 70%;
}
#main p { margin: 0 0 20px 0; padding: 0; }

.subsection { 
border-bottom: 1px dotted #CCCCCC; 
margin-bottom: 30px;
}


/* Colored Text */

ul#navigation li a.pink, .pink { color: #ff55ff; }
ul#navigation li a.green, .green { color: #bbff66; }
ul#navigation li a.teal, .teal { color: #227788; }
ul#navigation li a.blue, .blue { color: #003399; }