* {
margin: 0px;
padding: 0px;

}

/*
General webpage 
--------------*/

html {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
background: #cccabb;
color: black;
font-family: Helvetica, Arial, sans-serif;
height: 100%;
}

img {
border: 0;
}

.align{
vertical-align:top;
margin-top: 1px;
}

.align2 {
vertical-align: top;
margin-top: 4px;
}
a {
color: #D65957;
text-decoration: none;
}

a:hover {
color: black;
text-decoration: none;
}

/*
General Typography
--------------*/
.indent {margin-left: 30px;}
.indent2 {margin-left: 40px;}
.floatleft {float: left; padding-right: 5px;}
.floatright {float: right;}
.clear {clear: both;}
.red {color: #D65957;}
.blue {color: #3F9BDA;}
.green {color: #BFC646;}
.mdbio {
font-size: .90em;
line-height: 20px;
}
.uppercaseblueheader  {
color: #3F70DA;
text-transform: uppercase;	
}

.attractheader {
color: #00324f;
font-style: italic;
}

.spiritheaderlarge {
font-size: 5em;
color: #3F70DA;
letter-spacing: -4px;
}
.spiritheadersmall {
color: #3F70DA;
margin-left: 50px;
}

#stretchcontainer ul {
list-style-image: disc;
line-height: 1.25em;	
}
.docname {
padding-left: 30px;
padding-top: 50px;
color: #3F9BDA;	
}
.medheadline {
color: #C20000;	
font-family: georgia, times new roman, times, serif;
letter-spacing: 2px;
}

blockquote {
margin-left: 40px;
font-weight: bold;
font-size: .95em;
line-height: 20px;
padding-top: 10px;
padding-bottom: 10px;
}

.italics {
font-style: italic;
}

.artblock {
padding-left: 30px;
padding-top: 20px;	
}

/* 

it is possible to create pure CSS tooltips by using CSS positioning techniques.
the tooltip text is enclosed in span tags.

 */

a.tooltip {
  position: relative; /* set the position property of the anchor to relative. this allows you to position the contents of the span absolutely, relative to the position of its parent anchor. */
}

a.tooltip span {
  display: none;
}

a.tooltip:hover {
  font-size: 100%; /* Fixes bug in IE5.x/Win */
}

a.tooltip:hover span {
  display:block;
  position:absolute; /* set the position property of the span to absolute and position it 1em from the top of the anchor and 2ems from the left. */
  top:-2em;
  left:3em;
  padding: 0.2em 0.6em;
  border:1px solid #000;
  background-color:#fff;
  color:#000;
}

/* Everything located in the header/top of the page
-----------------*/

#header {
padding-top: 10px;
background: #0A334D;
width: 100%;
height: 280px;
color: white;
}

.logo {
float: left;	
margin-left: 30px;
}
#navigation {
float: left;
margin-left: 50px;
margin-top: 30px;	
}

#navigation ul {
font-family: georgia, times new roman, times, serif;
line-height: 25px;
font-size: 1.3em;
list-style: none;
letter-spacing: 1px;

}

#navigation li {
display: inline;
}

#navigation a {
text-decoration: none;
color: #fff;
}

#navigation a:hover {
color: #c20000;
}

#topmain {
color: black;
background: #fafafa url(images/cancercelldeath.png) no-repeat right;
font-family: georgia, times new roman, times, serif;
margin-top: 25px;
height: 173px;
position: absolute;
left: 0px;
top: 92px;
width: 900px;
float: left;
}
.topmaincorner {
float: left;
margin-top: 25px;
position: absolute;
left: 900px;
top: 92px;	
}

#medtopmain {
color: black;
background: #fafafa;
font-size: .95em;
font-family: georgia, times new roman, times, serif;
margin-top: 25px;
height: 173px;
width: 900px;
position: absolute;
left: 0px;
top: 92px;	
float: left;	
}

#topmain a { color: #3F9BDA;}
#topmain a:hover { color: black;}

/* The main content of the page
--------------------*/
#wrapper {
border-top: 2px groove #fff;
background-color: #cccabb;
width: 1250px;
height: 55%;
}

#longwrapper {
border-top: 2px groove #fff;
background: #cccabb;
width: 1250px;
height: 60%;
}	

#stretchwrapper {
border-top: 2px groove #fff;
background-color: #cccabb;
width: 1250px;
height: auto;	
}

#stretchcontainer {
padding-top: 10px;
padding-left: 30px;
padding-bottom: 15px;
background-color: #EFEFEC;
height: 100%;
width: 850px;
}

#mainbuffer {
background-color: #EFEFEC;
width: 900px;
padding-right:15px;
padding-bottom: 15px;
height: 100%;
}

#contentbuffer {
width: 850px; 
height: 100%;
	
}

#singlecolumn {
padding-left: 15px;
background-color: #EFEFEC;
height: 100%;
width: 900px;
}
#maincontent {
background-color: #EFEFEC;
padding-top: 10px;
float: left;
padding-left: 30px;
width: 50%;
display: inline;
height: 100%;
}

#maincontent p {
font-family: helvetica, arial, sans-serif;	
line-height: 18px;
font-size: .95em;
text-align: justify;
}

#newscolumn {
background-color: #EFEFEC;	
font-family: helvetica, arial, sans-serif;
padding-top: 10px;
padding-left: 30px;
width: 30%;
float: left;
display: inline;
height: 100%;
}

#rightcolumn {
background-color: #EFEFEC;	
width: 30%;
padding-left: 30px;
padding-top: 10px;
float: left;
display: inline;	
height: 100%;
}




/* Staff bios
---------------------*/
#richardson {
margin-left: 50px;
float: left;
width: 35%;
height: 55%;
}

#hopebilling {
float: left;
width: 20%;
height: 55%;
margin-left: 150px;
}	
.bios {
clear: left;
}

.bios a {
margin-left: 25px;
text-decoration: none;
display: inline;
}

.bios li {
padding: 5px;
list-style: none;
float: left;
}
/* News box
---------------------*/
.smallheadline {
font-family: Gill Sans, verdana, sans-serif;
font-size: .80em;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
line-height: 14px;
color: #999;
}
.bigheadline {
font-size: 1.20em;
font-family: georgia, serif;
font-weight: bold;
letter-spacing: -1px;
line-height: 24px;	
color: #444;
}

#ajaxticker1{
width: 375px;
height: 400px;
padding: 5px;
background-color: #EFEFEC;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #EFEFEC;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.newscontent { 
font-size: .95em;
font-family: georgia, serif;
line-height: 20px;
margin-bottom: 5px;
}

.columnlinks {
font-size: 1em;
}

.columnlinks ul {
display: inline;
}

.columnlinks li {
list-style: none;
}

.columnlinks a {
text-decoration: none;
color: #D4635D;
}

.columnlinks a:hover {
color: black;
}


/*
Maps
--------------*/
#gmap {
background-color: #EFEFEC;	
padding-top: 10px;
padding-bottom: 10px;
float: left;
padding-left: 15px;
width: 900px;
height: 100%;
display: inline;
}

.locheader {
font-weight: bold;
font-size: 1em;
}	

.directions {
float: left;
padding: 10px;
}
/*
Footer
--------------*/

#footer {
float: left;
height:50px;
border-top: 1px solid #999999;
background-color: #0A334D;
width: 900px;
clear: both;
font-size: 1em;
color: #fff;
}
.footercorner {
float: left;
border-top: 1px solid #999999;
}

#footer ul {
margin-left: 30px;	
list-style: none;
float: left;
position: relative;
top: 20px;
left: 20px;
}

#footer li {
display: inline;
}

#footer a {
text-decoration: none;
color: #fff;
}

#footer a:hover {
color: #c20000;
}

#copy {
float: right;
color: #fff;
padding-right: 10px;
position: relative;
top: 20px;
}