/*========================================================================
	MAIN ELEMENTS
========================================================================*/
body {
margin : 10px 0px 20px 0px;
background :  url(../new_images/background.gif) repeat fixed #ffffff;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : x-small;
text-align : center;
}

#maincontainer {
width: 704px;
background : white;
margin-left : auto;
margin-right : auto;
padding : 20px 20px 10px 20px;
}

#topbar {
background : white;
height : 50px;
width : 704px;
margin : 0px 0px 0px 0px;
}

#strapline {
background : white;
height : 51px;
width  : 704px;
}

#navigation {
background : white;
height : 47px;
width : 704px;
margin : 0px 0px 0px 0px;
}

#innercontainer {
margin : 1px 0px 0px 0px;
width  : 100%;
}

#leftcol {
float : left; 
width : 307px; 
background : white;
margin : 0px 0px 0px 0px;
}

#rightcol {
float : left; 
width : 382px;
background : white;
margin : 0px 0px 0px 15px;
}

#bottombar {
width: 704px; 
margin : 0px 0px 0px 0px;
border-top: 1px solid #808792;
padding-top : 5px;
}

#bottombar p {
text-align : right;
}

#footer {
margin : 0px 0px 0px 0px;
}

.titlepic {
float : left;
width : 115px;
margin : 0px 0px 0px 0px;
}

.title {
background : none;
float : right; 
width : 257px;
margin : 0px 0px 0px 0px;
}

#contact { 
width : auto; 
margin : 0px 5px 0px 0px;
text-align : left;
}

#title1 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title2 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title3 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title4 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title5 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title6 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title7 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title8 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title9 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title10 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title11 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title12 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title13 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title14 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title15 {
border-bottom: 1px solid #808792;
margin : 0px 0px 10px 0px;
}

#title25 {
border-bottom: none;
margin : 0px 0px 10px 0px;
}

/*========================================================================
	STYLES AFFECTING PRESENTATION OF TEXT
========================================================================*/

b, em {
font-weight : bold;
font-style : normal; 
}

q {
font-weight : bold;
font-style : italic;
}

h1, h2, h3, h4, h5 {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height : 135%;
}

h2 {
font-size : 15px;
color : #000000;
background : none;
font-style : normal; 
font-variant : normal;
font-weight : bold;
text-decoration : none; 
text-align : left;
margin : 0px 0px 5px 0px;
padding-bottom : 5px;
border-bottom : 1px dotted #535342;
}

p {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #535342;
background : none;
font-style : normal; 
line-height : 135%;
font-variant : normal;
font-weight : normal;
text-decoration : none; 
text-align : left;
margin: 0px 0px 10px 0px;
}

/*** IE needs margin, so padding set to zero for other browsers, to achieve consistent appearance ***/
ul {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #535342;
background : none;
font-style : normal; 
line-height : 135%;
font-variant : normal;
font-weight : normal;
text-decoration : none; 
text-align : left;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
position : relative;
}

li.last {
margin: 0px 0px 10px 0px;
}

#leftcol h1 {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #000000;
background : none;
font-style : normal; 
font-variant : normal;
font-weight : bold;
text-decoration : none; 
text-align : left;
margin: 0px 0px 5px 0px;
}

#leftcol h2 {
margin : 0px 0px 5px 0px;
color : #ff6600;
padding-top : 5px;
padding-bottom : 0px;
border-bottom : none;
}

#leftcol h3 {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
background : none;
font-style : normal; 
font-variant : normal;
font-weight : bold;
text-decoration : none; 
text-align : left;
margin: 0px 0px 5px 0px;
}

#leftcol ul li {
position : relative;
margin-left : 10px; 
}

#navigation p {
float: left;
padding-top : 3px;
width : 347px;
margin : 0px 0px 0px 0px;
}

#navigation p.navright {
float: right;
text-align : right;
width : 347px;
margin : 0px 0px 0px 0px;
}

div.spacer {
height: 0;
}

/*========================================================================
	MIGHT NOT NEED THIS STYLE?
========================================================================*/

#leftcol p {
display: block;
}

#contact h1 {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 17px;
color : #000000;
background : none;
font-style : normal; 
font-variant : normal;
font-weight : bold;
text-decoration : none;
text-align : left;
margin: 0px 0px 5px 0px;
}

a:visited {  
color : #ff6600;
font-size : 11px;
background : none;
text-decoration : none;
font-weight : bold;
line-height : 100%;
margin-bottom : 0px;
}

a:link {  
color : #ff6600;
font-size : 11px;
background : none;
text-decoration : none;
font-weight : bold;
line-height : 100%;
margin-bottom : 0px;
}

a:hover {  
color : #535342;
font-size : 11px;
background : none;
text-decoration : none;
font-weight : bold;
line-height : 100%;
margin-bottom : 0px;
}

a:active {  
color : #ff6600;
font-size : 11px;
background : none; 
text-decoration : none;
font-weight : bold;
line-height : 100%;
margin-bottom : 0px;
}

#content p a:visited {  
font-size : 14px;
}

#content p a:link {  
font-size : 14px;
}

#content p a:hover {  
font-size : 14px;
}

#content p a:active {  
font-size : 14px;
}

.smallprint {
font-size : 10px;
color : #535342;
background : none;
}

p.smallprint a {  
font-size : 10px;
}

p.notopmargin {
margin: -10px 0px 10px 0px;
}

/*========================================================================
	THESE AFFECT POSITIONING OF IMAGES
========================================================================*/

.marginright {
margin-right : 10px;
}

.margintop {
margin-top : 1px;
}

/*========================================================================
	HACKS
========================================================================*/

/*** See the box model problem, found in IE5 http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41 ***/
* html #maincontainer {
width : 744px; 
w\idth : 704px;
} 

/*** Holly Hack, see http://www.positioniseverything.net/easyclearing.html ***/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*** The Holly Hack, above, doesn't work in IE7. This is to rectify that ***/
.clearfix {min-height: 1px;}

/*========================================================================
	TEMPORARY - REMOVE WHEN SITE UPDATES
========================================================================*/

.white {
color : #FFFFFF;
}

#teacherbox {
border: 10px solid #A3CCE1;
margin : 0px 0px 10px 0px;
padding : 8px 8px 8px 8px;
}

.teachercontent {
background : none;
float : right; 
width : 221px;
margin : 0px 0px 0px 0px;
}

#studentbox {
border: 10px solid #FDCB95;
margin : 0px 0px 10px 0px;
padding : 8px 8px 8px 8px;
}

.studentcontent {
background : none;
float : right; 
width : 221px;
margin : 0px 0px 0px 0px;
}

#everymanbox {
border: 10px solid #A1D79B;
margin : 0px 0px 10px 0px;
padding : 8px 8px 8px 8px;
}

.everymancontent {
background : none;
float : right; 
width : 221px;
margin : 0px 0px 0px 0px;
}

.homeboxtitle {
font-size : 14px;
color : #666666;
margin : 0px 0px 23px 0px;
border-bottom : 1px dotted #535342;
}

.titlewordspic {
float : right;
width : 221px;
margin : 0px 0px 5px 0px;
border-bottom : 1px dotted #535342;
}

.homecopy {
font-size : 14px;
}

.homecopy a {
font-size : 14px;
}