#wrapper { position: relative; width: 820px; margin-right: auto; margin-left: auto; border: 0px; background: url(images/bodybkg.gif) repeat-y center top; }

body { margin: 0; padding: 0; background: url(images/bgcolor.jpg); text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: .9em; }

.clearFix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }

.clearFix { display:inline-block; padding-bottom:20px; overflow:hidden; }

* html .clearFix { height:1%; }

.clearFix { display:block; }

/**************
Header
**************/

#header { position: relative; padding: 0; height: 185px; background: url(images/headerimg.jpg) no-repeat bottom center; }

#logo { float:left; margin-left: 20px; margin-top: 50px; }

* html #logo { display: inline; }

#logo a img { border: none; }

ul#headerNav { position: absolute; top: 12px; right: 23px; padding: 0; padding: 0; list-style: none; font-size: .75em; margin: 0; }

#headerNav li { float: left; color:  #FFF; display: block; }

#headerNav li.nonLink { padding-top: 6px; color: #FFF; }

#headerNav a { color: #FFF; font-size: 1em; text-decoration: none; padding: 7px 5px; display: block; }

#headerNav a:hover { text-decoration: underline; }

ul#navigation { height: 29px; position: absolute; margin: 0; padding: 0; top: 156px; left: 105px; /*left: 165px;*/ list-style: none; }

ul#navigation li { float: left; margin: 0; padding: 0; display: block; }

ul#navigation li a img { border: 0; }

/**************
Page Content
**************/

#maincontent { text-align: left; font-size: 12px; min-height: 375px; height: auto !important; height: 375px; }

#maincontent a { text-decoration: none; color: #3366cc; }

#maincontent a:hover { text-decoration: underline; color: #d76a27; }

#centercontent { margin-left: 30px; margin-right: 30px; padding-left: 0px; margin-top: 25px; }

#rightcolumn { float: left; width: 615px; padding: 0 30px 0 20px; margin: 25px 0 35px 0; }

#footer { height: 100px; background: url(images/footerimg.jpg) no-repeat bottom; font-size: 1em; text-align: center; font-size: 62.5%; clear: both; }

/**************
Sub Nav
**************/

ul#subnav { float: left; width: 120px; height: 325px; list-style: none; margin: 25px 0 0 30px; padding: 0; background: url(images/divider_vert.gif) no-repeat right top; display: inline; /* damn you IE */ }

#subnav li { background: url(images/sm_arrow_blue.gif) left 4px no-repeat; margin: 0 0 1em 0; padding: 0 0 0 10px; }

* html #subnav li { display: inline; }


/**************
Product Page
**************/

ul#itemmenu { list-style-type: none; width: 400px; }

#itemmenu li { margin-bottom: 1em; }

#itemmenu li a { font-size: 1.2em; color: #d76a27; font-weight: bold; background: url(images/arrow_small.gif) no-repeat right; padding-right: 17px; }

#itemmenu li a:hover { background: url(images/arrow_small.gif) no-repeat right; }

/**************
Home Page Elements
**************/

#hometop { float: left; width: 755px; height: 206px; margin: 30px 0 20px 30px; background: url(images/fp_background_wide_short.jpg) no-repeat; }

#hometop h1 { margin: 2px 0 0 10px; color: #fff; }

#hometop h2 { margin: 0 0 10px 0; color: #d76a27; }

#hometop h3 { font-size: 11px; margin: 0 0 10px 0; }

#hometop a img { border: none; }

#fp_left { width: 340px; float: left; margin: 0 20px 0 0; padding: 15px; }

#fp_right { width: 320px; float: left; margin: 0; padding: 15px; }

.fp_info { float: left; font-weight: bold; padding-top: 5px; }

#hometop a img { border: none; float: left; margin-right: 10px; }

#leftcontent { width:370px; float: left; display: inline; margin: 0 0 0 30px; padding: 0; }

#rightcontent { width:370px; float: left; display: inline; margin: 0 0 0 30px; padding-top: 0; text-align: left; }

* html #hometop, * html #leftcontent, * html #rightcontent { display: inline; }

#featuredproduct { background: url(images/fp_background.gif) no-repeat top; width: 365px; height: 201px; position: relative; }

#featuredproduct .textbookcover { position: absolute; top: 34px; left: 14px; }

#featuredproduct .buynow { position: absolute; bottom: 25px; left: 100px; }

#featuredproduct .moreinfo { position: absolute; bottom: 25px; left: 210px; }

ul#homebody { list-style: none; padding: 0; margin-left: 0; }

#homebody li { background: url(images/sm_arrow_blue.gif) no-repeat left; margin-bottom: 1em; }

#homebody li a { background: url(images/sm_arrow_blue.gif) no-repeat left; padding-left: 10px; }

.title { color: #d76a27; font-weight: bold; font-size: 1.2em; margin: 0; padding: 0; }

.date { color: #000; }

#upcoming-events { float: left; margin: 30px 0 0 30px; }

/**************
Misc Elements
**************/

blockquote { width: 500px; background: url(/images/quotes.gif) no-repeat 5px 5px; padding-left: 25px; padding-top: 25px; padding-bottom: 0; padding-right: 0; font-size: .9em; }

.footnote { font-size: 10px; color: #999999; }

.name { font-size: 135%; font-weight: bold; margin: 0px; }

.name2 { margin: 0px; padding: 0px; font-size: 80%; }

.headshot { border: 1px solid #000000; margin-left: 10px; margin-bottom: 10px; }

h1 { font-size: 1.4em; color: #3366cc; line-height: 1.2em; }

h2 { font-size: 1.2em; color: #3366cc; }

.address { width: 100%; position: absolute; left: 0px; bottom: 35px; }

.orange { color: #d76a27; }

#breadcrumb { font-size: .9em; margin-bottom: 15px; }

hr.orange { height: 1px; background-color: #d76a27; border: 0px solid red; margin-bottom: 0; }

ul#pdf_list { list-style: none; padding: 0; margin-left: 0; }

#pdf_list li { background: url(images/pdf_icon.gif) no-repeat left; margin-bottom: 1em; }

#pdf_list li a { background: url(images/pdf_icon.gif) no-repeat left; padding: 2px 0 2px 20px; }

.alert { color: #FF0000; }

.strikethrough { text-decoration: line-through; }

.grades { color: #000; margin: 0px; padding: 0 0 10px 0; }

#gradetop { float: left; clear: both; width: 100%; margin: 10px 0 10px 0; }

#gradetop img { margin-top: -15px; }

/**************
Resources
**************/

ul#resources { list-style: none; padding: 0; margin: 0; }

ul#resources li { margin-bottom: 1em; }

ul#external_links { list-style: none; margin-left: 0; padding-left: 0; }

#external_links li  { margin-bottom: 1em; }

#external_links li a { background: url(images/external_link.gif) no-repeat left; padding-left: 15px; }

ul#video_links { list-style: none; margin-left: 0; padding-left: 0; }

#video_links li { margin-bottom: 1em; }

#video_links li a { background: url(images/grey_arrow_bullet.gif) no-repeat left; padding-left: 15px; margin-bottom: 1em; }

/**************
Image Gallery
**************/

.gallery { float: left; margin: 0 0 10px 0; width: 100%; }

.gallery img { float: left; margin: 0 5px 0 0; }