/* ----------------------------------
Cascading Style Sheet
www.inspiretutoring.org
Author: Andy Vaughn
Date: 6/29/07
Layout Styles
-------------------------------------*/

/* -----------
Globals
--------------*/
html {background: #FFF; min-width: 960px; min-height: 750px;}
body {background: #FFF url(images/body_bg.png) top left repeat-x; min-width: 960px; min-height: 750px; font: 62.5% "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif; line-height: 1.8em; text-align: center; position: relative;}

/*----------------
Main
------------------*/

#wrapper {width: 960px; position: relative; margin: 0 auto; background: url(images/frame_sides.jpg) top left repeat-y; text-align: center;}
#shell {background: url(images/desktop5.jpg) center top no-repeat; padding: 70px 0 100px;}
#container {width: 480px; height: 600px; position: relative; background: #FFF; margin: 0 auto; text-align: left;}
#shell > #container {height: auto !important; min-height: 600px;}
#content {margin-left: 155px; padding: 18px 0; height: 40em; min-height: 50em; border-left: 1px solid #CCC;}
#container > #content {height: auto;}
#content p {color: #666; font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em; padding: 0 10px;}
#content p span {font-weight: bold;}

/*----------------
Navigation
------------------*/
#navigation {float: left;}
#menu {list-style: none; width: 155px; margin-top: 18px; font-size: 1.2em; line-height: 1.5em;}
#menu li {border-bottom: 1px solid #DADADA;}
#menu a:link, #menu a:visited {text-decoration: none; display: block; line-height: 1.5em; padding: .5em 10px .9166em; width: 135px; color: #777; font-weight: bold;}
#menu a:hover {color: #FFF; background: #2E5265;}

body#home a:link.home_link, body#need a:link.need_link,
body#rates a:link.rates_link, body#profiles a:link.profiles_link,
body#job a:link.job_link, body#about a:link.about_link,
body#contact a:link.contact_link, body#resources a:link.resources_link, body#materials a:link.materials_link, body#location a:link.location_link {color: #DD7700; cursor: default; background: #FFF;} 
body#home a:visited.home_link, body#need a:visited.need_link,
body#rates a:visited.rates_link, body#profiles a:visited.profiles_link,
body#job a:visited.job_link, body#about a:visited.about_link,
body#contact a:visited.contact_link, body#resources a:visited.resources_link, body#materials a:visited.materials_link, body#location a:visited.location_link {color: #DD7700; cursor: default; background: #FFF;} 
body#home a:hover.home_link, body#need a:hover.need_link,
body#rates a:hover.rates_link, body#profiles a:hover.profiles_link,
body#job a:hover.job_link, body#about a:hover.about_link,
body#contact a:hover.contact_link, body#resources a:hover.resources_link, body#materials a:hover.materials_link, body#location a:hover.location_link {color: #DD7700; cursor: default; background: #FFF;}

/*--------------------
Footer
----------------------*/
#footer {border-top: 1px solid #999; clear: left; padding-bottom: 24px;}
#footer ul {list-style: none; margin-top: 18px;}
#footer ul li {font-size: 1em; line-height: 1.8em; text-align: center; color: #777;}
/*--------------------
Extras
----------------------*/
#extra_one {width: 100%; height: 70px !important; background: #2E5265; min-height: 70px; position: absolute; top: 0; left: 0; text-align: center;}
#extra_two {width: 100%; background: #FFF; position: absolute; z-index: 9999; top: 100%; bottom: 0; left: 0; margin-top: -100px; height: 110px; text-align: center;}
/*body > #extra_two {margin: 0; top: 640px; height: 9999px; min-height: 9999px;}*/
#extra_one span {width: 960px; height: 50px; display: block; margin: 20px auto 0; background: url(images/frame_top.gif) center bottom no-repeat;}
#extra_two span {width: 960px; height: 110px; display: block; margin: 0 auto; background: url(images/frame_bottom.gif) center top no-repeat;}