﻿/* general */

#maincontainer{
min-width:1000px;
overflow:hidden;
}

#topsection{
height: 147px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 30px 0 30px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 30px; /*Width of left column*/
margin-left: -100%;
background-image:url(/images/margin_left.jpg);
text-align:right;
}

#rightcolumn{
float: left;
width: 30px; /*Width of right column*/
margin-left: -30px; /*Set left marginto -(RightColumnWidth)*/
}

#footer
{
clear: left;
width: 100%;
}

/* pages */

#pagewrapper{
margin:20px auto;
width:920px;
}

#pageleftwrapper{
float: left;
}

#pageleftcolumn
{
width: 200px;
margin-right: 720px; /*Set right margin to (LeftColumnWidth + RightColumnWidth)*/
}

#pagemiddlecolumn{
float: left;
width: 340px; /*Width of left column in percentage*/
margin-left: -700px; /*Set left margin to -(LeftColumnWidth + RightColumnWidth)*/
}

#pagerightcolumn{
float: left;
width: 340px; /*Width of right column in pixels*/
margin-left: -340px; /*Set margin to -(RightColumnWidth)*/
}

/* boxes */

.box1_grad {
   background: url(/images/tile_gradientbox.jpg) repeat-x;
   margin-bottom:20px;
}
.box1_grad_bottom {
   background: url(/images/tile_gradientbox.jpg) repeat-x;
   margin-bottom:20px;
}
.box1_top div {
   background: url(/images/gradientboxcorner_topleft.gif) no-repeat top left;
}
.box1_top {
   background: url(/images/gradientboxcorner_topright.gif) no-repeat top right;
}
.box1_bottom div {
   background: url(/images/gradientboxcorner_bottomleft.gif) no-repeat bottom left;
}
.box1_bottom {
   background: url(/images/gradientboxcorner_bottomright.gif) no-repeat bottom right;
}
.box1_top div, .box1_top,
.box1_bottom div, .box1_bottom {
   width: 100%;
   height: 9px;
   font-size: 1px;
}
.box1_content 
{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left:9px;
    padding-right:9px;
}



.box1white_grad {
   margin-bottom:20px;
}
.box1white_top div {
   background: url(/images/whiteboxcorner_topleft.gif) no-repeat top left;
}
.box1white_top {
   background: url(/images/whiteboxcorner_topright.gif) no-repeat top right;
}
.box1white_bottom div {
   background: url(/images/gradientboxcorner_bottomleft.gif) no-repeat bottom left;
}
.box1white_bottom {
   background: url(/images/gradientboxcorner_bottomright.gif) no-repeat bottom right;
}
.box1white_top div, .box1white_top,
.box1white_bottom div, .box1white_bottom {
   width: 100%;
   height: 9px;
   font-size: 1px;
}
.box1white_content 
{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left:9px;
    padding-right:9px;
}



.box2_grad {
    background-color: #dfecf2;
}
.box2_top div {
   background: url(/images/solidheader_left.gif) no-repeat top left;
}
.box2_top {
   background: url(/images/solidheader_right.gif) no-repeat top right;
}
.box2_top div, .box2_top {
   width: 100%;
   height: 9px;
   font-size: 1px;
}
.box2_content 
{
    padding-left:6px;
    padding-right:6px;
    height:21px;
    margin-left:2px;
}



.box3_grad {
   background: url(/images/tile_gradientbox.jpg) repeat-x;
   margin-bottom:20px;
}
.box3_bottom div {
   background: url(/images/gradientboxcorner_bottomleft.gif) no-repeat bottom left;
}
.box3_bottom {
   background: url(/images/gradientboxcorner_bottomright.gif) no-repeat bottom right;
}
.box3_bottom div, .box3_bottom {
   width: 100%;
   height: 9px;
   font-size: 1px;
}
.box3_content 
{
    margin-top:1px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left:9px;
    padding-right:9px;
    position:relative;
}
.box3_content_solid
{
    margin-top:1px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left:9px;
    padding-right:9px;
    position:relative;
    border-bottom:1px solid #cccccc;
}



.box4_grad {
    background-color: #dfecf2;
    margin-bottom:20px;
}
.box4_bottom div {
    background: url(/images/gradientboxcorner_bottomleft.gif) no-repeat bottom left;
}
.box4_bottom {
    background: url(/images/gradientboxcorner_bottomright.gif) no-repeat bottom right;
}
.box4_bottom div, .box4_bottom {
    width: 100%;
    height: 9px;
    font-size: 1px;
}
.box4_content 
{
    margin-top:1px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left:9px;
    padding-right:9px;
}

.box5_content 
{
    height:125px;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    border-top:1px solid #cccccc;
    margin-top:1px;
    background: url(/images/tile_gradientbox.jpg) repeat-x;
}

.box4_bottom_blue_border div {
    background: url(/images/blueboxcorner_border_bottomleft.gif) no-repeat bottom left;
}
.box4_bottom_blue_border {
    background: url(/images/blueboxcorner_border_bottomright.gif) no-repeat bottom right;
}
.box4_bottom_blue_border div, .box4_bottom_blue_border {
    width: 100%;
    height: 9px;
    font-size: 1px;
}

.box4_bottom_blue div {
    background: url(/images/blueboxcorner_bottomleft.gif) no-repeat bottom left;
}
.box4_bottom_blue {
    background: url(/images/blueboxcorner_bottomright.gif) no-repeat bottom right;
}
.box4_bottom_blue div, .box4_bottom_blue {
    width: 100%;
    height: 9px;
    font-size: 1px;
}


.box6_grad {
    background-color: #579263;
}
.box6_top div {
   background: url(/images/solidheadergrn_left.gif) no-repeat top left;
}
.box6_top {
   background: url(/images/solidheadergrn_right.gif) no-repeat top right;
}
.box6_top div, .box6_top {
   width: 100%;
   height: 9px;
   font-size: 1px;
}
.box6_content 
{
    padding-left:6px;
    padding-right:6px;
    height:21px;
    margin-left:2px;
}


.box7_grad {
    background: url(/images/tile_gradientboxgreen.jpg);
    background-repeat:repeat-x;
    margin-bottom:20px;
}
.box7_content 
{
    margin-top:1px;
    border-top:1px solid #579263;
    border-left:1px solid #579263;
    border-right:1px solid #579263;
    padding-left:9px;
    padding-right:9px;
}
.box7_bottom_blue_border div {
    background: url(/images/gradientcornergrn_bottomleft.gif) no-repeat bottom left;
}
.box7_bottom_blue_border {
    background: url(/images/gradientcornergrn_bottomright.gif) no-repeat bottom right;
}
.box7_bottom_blue_border div, .box7_bottom_blue_border {
    width: 100%;
    height: 9px;
    font-size: 1px;
}

.box8_content 
{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left:9px;
    padding-right:9px;
}


.textbookText
{
	float:left; 
	margin-left:10px; 
	margin-right:35px; 
	width:50px;
	padding-top:15px;
}

.textbookImage
{
	float:left;
	width:36px;
	padding-top:15px;
	padding-left:5px;
}

 .leftTextNav
{
    width: 31px;
    height: 34px;
    background-image: url(/images/textrotator_leftarrow.gif);
    border: 0px;
    background-color: transparent;
    cursor: hand;
}

.rightTextNav
{
    width: 31px;
    height: 34px;
    background-image: url(/images/textrotator_righttarrow.gif);
    border: 0px;
    background-color: transparent;
    cursor: hand;
}

.multimedia_tabs 
{
    position:relative;
    top:1px;
    height:38px;
}

.corecurric_tabs 
{
    position:relative;
    top:1px;
    height:30px;
}

.drugs_tabs
{
    position:relative;
    top:1px;
    height:30px;
}

.page_tabs_corecurric 
{
    position:relative;
    top:1px;
    left:10px;
    height:30px;
}

.page_tabs_multimedia 
{
    position:relative;
    top:1px;
    left:10px;
    height:38px;
}

.page_tabs_qa 
{
    position:relative;
    top:1px;
    left:10px;
    height:30px;
}
