/* CSS Document */

body {
background:url(../images/bkgd_blue.jpg) repeat-x;/**dark blue background slice**/
background-color:#363C56;/**color declared so there is no default white strip where slice ends**/
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#container {
width:733px;
background-color:#FFFFFF;
margin:0 auto; /**centers webpage**/
height:auto;
padding:0;
}

/***********************************/
/*         HEADER REGION 
/***********************************/

#header {
background:url(../images/header_grad_rpt.jpg) repeat-x;
height:171px;
margin:0;
height:auto;/*keeps layout order so will not break when text is enlarged. do not alter*/
}

#rc_header {
background:url(../images/header_top_corners.gif) no-repeat;
height:171px;
margin:0 0 -171px 0;/**CSS trick, makes room in layout for rounded corners**/
padding:0;
position:relative;
z-index:4;/*lowest order: rests below logo, nav, topnav and banner*/
}

#logo {
background:url(../images/logo.gif) no-repeat;
width:374px;
height:92px;
position:relative;
left:10px;
top:15px;
z-index:50;
}


#bowl {
background:url(../images/pill_crusher.gif) no-repeat;
width:225px;
height:59px;
position:relative;
float:right;
top:4px;
right:5px;
clear:both;
z-index:11;
}

/*picture of woman and sentence, will have flash on homepage*/
#banner {
background-image:url(../images/banners/what_is_compounding.jpg);
width:709px;
height:157px;
position:relative;
left:14px;
margin:0;
padding:0;
z-index:30;
}

/**************top right hand navigation**********************/
#topnav {
position:relative;
float:right;
height:1em;	
margin:.4em .5em 0 0;
z-index:40;
}

#topnav li {
display:inline;
}

#topnav a {
font-size:.9em;
color:#666666;
text-decoration:none;
padding:0 .2em;
font-weight:800;
}

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

/***********************************/
/*     MIDDLE CONTENT AREA 
/***********************************/

/*homepage only*/
#content {
height:auto;
width:310px;
margin:10px 0 0 205px;
font-size:.9em;
padding:0;
}

/***********************************/
/*         LEFT/RIGHT BOXES 
/***********************************/

/**************left boxes*********************/
.left_box {
/*background:url(../images/login_header.gif) repeat-x;
background-color:#E5E3D3; commented out until online pharm system is built*/
position:relative;
float:left;
margin:0;
padding:0;
height:auto;
width:180px;
left:13px;
}

/*list items under 'register today' */
.left_box ul li {
font-size:.9em;
margin:0;
}

/*'register today' and 'login' titles on boxes*/
.left_box h4 {
text-align:center;
margin:6px 0 0 0;
padding: 0;
}

/*login input fields*/
#username, #password {
width:98px;
margin:.2em 0;
position:relative;
right:0px;
}

/*login input field labels (username, password)*/
.left_box h6 {
display:inline;/*keeps text inline w. input boxes*/
padding:0 .4em;
font-size:.7em;
}

.left_box form {
margin:10px 0;
}

/*************** right box(homepage only) **************/
.right_box {
background-color:#E5E3D3;
position:relative;
float:right;
width:170px;
height:auto;
right:10px;
font-size:.8em;
padding:7px 10px 3px 10px;
margin:0;
}

/**green descriptions*/
.right_box h4 {
border-bottom:1px solid #B29A66;
color:#336633;
font-weight:800;
font-size:1.1em;
margin:0;
line-height:1.1em;
}

.right_box p {
margin:1em 0 1.2em 0;
padding:0;
}

.right_box a:link, .right_box a:visited {
color:#006600;
text-decoration:underline;
}

.right_box a:hover {
color:#000000;
text-decoration:none;
} 

/***********************************/
/*          FOOTER 
/***********************************/

#footer {
background:url(../images/footer_grad_rpt.jpg) repeat-x;
height:85px;
width:733px;
margin:0 auto;
}

/*bottom rounded corners*/ 
#rc_footer {
background:url(../images/footer_corners.gif) no-repeat;
height:85px;
width:733px;
margin:-85px auto 0 auto;/**CSS trick, makes room in layout for rounded corners**/
}

#copyright {
margin:0 auto;
padding:0;
position:relative;
font-size:.8em;
text-align:center;
top:75px;
}

/***********************************/
/*    ACCESSIBILITY, ETC. 
/***********************************/

.hidden {
display:none;
}

.clear {
clear:both;
margin:0;
padding:0;
}