/*  *********************************
= Cengage Learning - Serway Physics for Engineers [Style] Style Sheet
= Version: 1.0
================================
= XHTML/CSS Dev: Stephen K.
= Cick Point Ranch - Denver, Colorado
= http://www.clickpointranch.com
= stephen@clickpointranch.com
********************************* */

html {
margin: 0;
padding: 0;
}

/* --- Generic HTML Selectors --- */

body {
position: relative;
margin: 0;
padding: 0;	
font-family: "Verdana", Arial, Helvetica, San-serif;
font-size: 100%;
color: #ffffff;
background: #ffffff; url(../design/bg_tile.gif) repeat-x;
}

img{
border: none;
text-decoration: none;
}

.right_top {
margin: 20px 0px 0px 10px;
}

.clickers {
margin: 15px 0px 0px 20px;
}

.lecture {
margin: 15px 0px 0px 5px;
}

.webct {
margin: 15px 0px 0px 5px;
}

.bb {
margin: 15px 0px 0px 5px;
}

.shop {
float:right;
margin: -15px 140px 0px 0px;
}

.p1 {
float:left;
margin: 10px 2px 0px 10px;
}

.homepage {
margin: 5px 0px 0px 7px;
padding: 0px;
}

h1 {
font-family: Arial,"Verdana",  Helvetica, San-serif;
font-size: 11px;
padding:0px;
margin:0px;
color: #6c6c6c;
}

.title {
font-size: 12px;
margin: 20px 0px 0px 20px;
}

.sub_title {
font-size: 14px;
margin: 20px 0px 0px 20px;
}

p {
font-family: Arial,"Verdana",  Helvetica, San-serif;
font-size: 12px;
color: #6c6c6c;
line-height: 20px;
margin: 10px 0px 0px 20px;
}

.alignleft{
font-family: Arial,"Verdana",  Helvetica, San-serif;
font-size: 12px;
padding:0px;
margin:0px;
color: #6c6c6c;
}

.student {
padding: 0px 10px 0px 0px;
line-height: 14px;
}

.space10 {
padding: 10px 0px 0px 0px;
}

.space5 {
padding: 5px 0px 0px 0px;
}

.space2 {
padding: 2px 0px 0px 0px;
}

.space1 {
padding: 0.01em 0px 0px 0px;
}

b {
font-weight: bold;
}

a.books:link {
color: #6c6c6c;
text-decoration: none;
}

a.books:hover {
color: #6c6c6c;
text-decoration: underline;
}

a.books:active{
color: #6c6c6c;
text-decoration: underline;
}

a.books:visited {
color: #6c6c6c;
text-decoration: none;
}

/* --- Main Content Wrapper --- */

#wrapper {
position: absolute;
width: 100%;
min-width: 840px;
height: 700px;
position: relative;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
background: transparent url(../design/header_tile.jpg) repeat-x;
/*border: 1px solid #0099ff;*/
z-index: 1;
}

#container {
position: relative;
width: 800px;
height: 600px;
margin: 0px auto;
/*border: 1px solid #B2B3B5;*/
}

#contain_replace {
float: left;
width: 800px;
margin: 0px auto;
/*border: 1px solid #B2B3B5;*/
}

#top_sliver {
position: relative;
width: 800px;
height: 37px;
margin: 0px auto;
background: #96C2E7 url(../design/header_tile.jpg) repeat-x;
display:block;
}

#header {
position: relative;
width: 800px;
height: 97px;
margin: 0px auto;
background: #ffffff url(../design/header_tile.gif) repeat-x;
display:block;
/*border: 1px solid #000000;*/
}

.logo_main {
position: relative;
width: 620px;
height: 26px;
top: 35px;
left: 26px;
background: #ffffff url(../design/serway_logo.jpg) repeat-x;
}

/* Start Menu */
#nav_container {
width: 750px;
height: 46px;
top: 35px;
left: 26px;
padding: 0px;
margin: 0px auto;
background: transparent url(../design/nav_bg.gif) no-repeat;
}

#menu {
display:block;
height:40px;
}

#menu ul {
margin: 0px;
padding:0;
list-style-type:none;
}

*html #menu li {
margin-left:3px;
}

#menu li {
float:left;
margin-top:3px;
margin-right:1px;
margin-left:4px;
padding: 0px;
display:block;
width:119px;
/*border:1px solid #000;*/
}

#menu li.list1 {background-image: url(../design/bttn_online.jpg);background-position: 50px no-repeat;}	
#menu li.list2 {background-image: url(../design/bttn_clickers.jpg);background-position: 50px no-repeat;}
#menu li.list3 {background-image: url(../design/bttn_lecture.jpg);background-position: 50px no-repeat;}
#menu li.list4 {background-image: url(../design/bttn_web.jpg);background-position: 50px no-repeat;}
#menu li.list5 {background-image: url(../design/bttn_about.jpg);background-position: 50px no-repeat;}
#menu li.list6 {background:transparent url(../design/bttn_student_zone.jpg);}

#menu li.selected1 {background-image: url(../design/bttn_online_on.jpg);background-position: 0px -40px;}
#menu li.selected2 {background-image: url(../design/bttn_clickers.jpg);background-position: 0px -40px;}
#menu li.selected3 {background-image: url(../design/bttn_lecture.jpg);background-position: 0px -40px;}
#menu li.selected4 {background-image: url(../design/bttn_web.jpg);background-position: 0px -40px;}
#menu li.selected5 {background-image: url(../design/bttn_about.jpg);background-position: 0px -40px;}
#menu li.selected6 {background:transparent url(../design/bttn_student_zone.jpg);}

#menu a {
display:block;
width:119px;
padding-top:40px;
height:0;
color:#000;
text-decoration:none;
overflow:hidden;
}

#menu a#item1 {background:transparent url(../design/bttn_online.jpg) 0px 80px no-repeat;}
#menu a#item2 {background:transparent url(../design/bttn_clickers.jpg) 0px 80px no-repeat;}
#menu a#item3 {background:transparent url(../design/bttn_lecture.jpg) 0px 80px no-repeat;}
#menu a#item4 {background:transparent url(../design/bttn_web.jpg) 0px 80px no-repeat;}
#menu a#item5 {background:transparent url(../design/bttn_about.jpg) 0px 80px no-repeat;}
#menu a#item6 {background:transparent url(../design/bttn_student_zone.jpg) -119px -40px no-repeat;}

#menu a#item1:hover {background-image: url(../design/bttn_online.jpg);background-position: 0px -40px;}
#menu a#item2:hover {background-image: url(../design/bttn_clickers.jpg);background-position: 0px -40px;}
#menu a#item3:hover {background-image: url(../design/bttn_lecture.jpg);background-position: 0px -40px;}
#menu a#item4:hover {background-image: url(../design/bttn_web.jpg);background-position: 0px -40px;}
#menu a#item5:hover {background-image: url(../design/bttn_about.jpg);background-position: 0px -40px;}
#menu a#item6:hover {background-position:top right; z-index:50;}

#content_main {
width: 749px;
height: 345px;
top: 35px;
left: 26px;
padding: 0px;
margin: 10px auto;
/*border: 1px solid #c6c6c6;*/
}

/* two start */

#content_two_left {
float:left;
width: 523px;
top: 0px;
left: 0px;
background: transparent url(../design/content_two_center.gif) repeat-y;
/*border: 1px solid #ccff33;*/
}

*html #content_two_left_top {
height: 333px;
}

#content_two_left_top {
float:left;
width: 523px;
min-height: 336px;
top: 0px;
left: 0px;
display:block;
background: transparent url(../design/content_two_top.gif) no-repeat top left;
border-top: 1px solid #ffffff;
}

#content_two_left_bottom {
float:left;
width: 523px;
height: 8px;
top: 0px;
left: 0px;
background: transparent url(../design/content_two_bttm.gif) no-repeat bottom left;
/*border: 1px solid #006600;*/
}

#content_left_column {
float:left;
width: 320px;
top: 0px;
left: 0px;
display:block;
/*border: 1px solid #000000;*/
}

#content_right_column {
float:right;
width: 172px;
top: 0px;
left: 0px;
padding: 5px;
display:block;
/*border: 1px solid #000000;*/
}

/* two end */

#content_left {
float:left;
width: 523px;
top: 0px;
left: 0px;
background: transparent url(../design/content_home_tile.gif) repeat-y;
/*border: 1px solid #ccff33;*/
}

*html #content_left_top {
height: 335px;
}

#content_left_top {
position: relative;
width: 523px;
min-height: 335px;
top: 0px;
left: 0px;
display:block;
background: transparent url(../design/content_home_frame_top.gif) no-repeat top left;
border-top: 1px solid #ffffff;
}

#content_left_bottom {
position: relative;
width: 523px;
height: 8px;
top: 0px;
left: 0px;
background: transparent url(../design/content_home_frame_bttm.gif) no-repeat bottom left;
/*border: 1px solid #006600;*/
}

#content_right {
float:right;
width: 218px;
top: 0px;
left: 0px;
padding: 0px;
/*border: 1px solid #ccff33;*/
}

#content_right_top {
position: relative;
width: 218px;
height: 44px;
top: 0px;
left: 0px;
padding: 0px;
background: transparent url(../design/quick_links.jpg) no-repeat;
}

#content_right_bottom {
position: relative;
width: 218px;
padding: 0px;
margin: 0px;
background: transparent url(../design/submenu_frame.gif) repeat-y;
/*border: 1px solid #ccff33;*/
}

*html #sub_top {
height: 281px;
}

#sub_top {
position: relative;
width: 218px;
min-height: 290px;
padding: 0px;
margin: 0px;
background: transparent url(../design/submenu_frame_top.gif) no-repeat top left;
border-top: 1px solid #ffffff;
}

#sub_bottom {
position: relative;
width: 218px;
height: 9px;
padding: 0px;
margin: 0px;
background: transparent url(../design/submenu_frame_bottom.gif) no-repeat bottom left;
}

#content_homepage {
float:left;
width: 523px;
top: 0px;
left: 0px;
/*border: 1px solid #ccff33;*/
}

/* --- 	Footer & assoc. elements --- */

#footer {
float:left;
width: 700px;
height: 50px;
margin: 0px 0px 0px 25px;
padding: 0px;
background: transparent url(../design/cengage_logo.gif) no-repeat;
z-index:1;
/*border: 1px dotted #cccccc;*/
}

.copyright {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #777E84;
left: 150px;
width: 600px;
padding: 10px 5px 5px 5px;
line-height:15px;
text-align:left;
display:block;
z-index: 1;
/*border: 1px dotted #cccccc;*/
}

/*Footer Link*/

a.footer:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #0066ff;
text-decoration: none;
}
a.footer:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #0066ff;
text-decoration: none;
}
a.footer:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #ff0000;
text-decoration: underline;
}
a.footer:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #3072C9;
text-decoration: none;
}

/*  ul right column content */

*html #content_right_column ul  {
margin: 5px 0px 0px 10px;
}

#content_right_column ul {
margin: 5px 0px 0px -25px;
font-family: Arial,"Verdana",  Helvetica, San-serif;
font-size: 12px;
color: #6c6c6c;
list-style-image: url(../design/y_dot.gif);
}

*html #content_right_column li {
margin-left:3px;
}

#content_right_column li {
list-style-image: url(../design/y_dot.gif);
line-height: 20px;
/*border:1px solid #000;*/
}

/*  ul far right tab */

*html #sub_top ul  {
margin: 5px 0px 0px 25px;
}

#sub_top  ul {
margin: 5px 0px 0px -10px;
font-family: Arial,"Verdana",  Helvetica, San-serif;
font-size: 12px;
color: #6c6c6c;
list-style-image: url(../design/y_dot.gif);
}

*html #sub_top  li {
margin-left:3px;
}

#sub_top li {
list-style-image: url(../design/y_dot.gif);
/*border:1px solid #000;*/
}

.soon {
position: absolute;
margin: -15px 0px 0px 90px;
}

a:link {
color: #0066ff;
text-decoration: none;
}

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


a:visited {
color: #0066ff;
text-decoration: none;
}