/* CSS Document */

body /* all */
{
	margin: 0;
	background: #C9E0E7 url(/images/background.jpg) repeat-x top right;
}

/****************************************************************
* #ID Definitions
****************************************************************/
#main /* encompasses all (except wrap) */
{
   width: 47.3em;
	background-color: white;
	margin: 0 auto;
   position: relative;
   min-width: 595px;
}

#header /* page header wireframe.asp */
{ 
 	border-bottom: 12px solid #3299CC;
	margin: 0 .75em .75em .75em; /* Top Right Bottom Left */
	height: 6em;
}

#logo img/* header.asp - controls the logo image*/
{
   height: 5em;
	margin: .5em .75em .5em .75em;
	float: left;
}

#textlogo h1 /* header.asp "Lybbert Planners" */
{
   margin: 0;
	padding-top: 1em;
	font-size: 1.5em;
}

#textlogo p /* header.asp "Lybbert Planners" */
{
   margin: 0;
   font-size: .9em;
}

#headnav
{
   float: right;
	text-align: right;
	padding-top: 1em;
	font-size: 1.25em;
}

#headnav img, #cartpic{height: 18px;}

#search
{
   margin-top: .25em;
}

#entry /* main content of the page */
{
   width: 72%;
	min-width: 406px;
	float: right;
	margin: 0 .75em .75em .75em; /* Top Right Bottom Left */
	min-height: 20.7em;
}

#wellnesstip, #tutorialtip
{
   border: 2px solid #D3EEF4;
   background-color: white;
   width: 43.5%;
   margin-top: .5em;
   padding: .5em;
   border-right: 10px solid #D3EEF4;
   border-bottom: 10px solid #D3EEF4;
}

#wellnesstip h1, #tutorialtip h1 
{
   font-size: 1.25em;
   text-align: center;
   padding: 0;
}

#wellnesstip {float: left;}
#tutorialtip {float: right;}

#footer /* footer wireframe.asp */
{
	clear: both;
	border-top: 12px solid #3299CC;
	text-align: center;
	background-color: white;
	margin: 0 .75em .75em .75em; /* Top Right Bottom Left */
}

#leftside /* left side wireframe.asp*/
{
   width: 23%;
	min-width: 136px; 
	float: left;
	margin: 0 0 0 .75em ;
	padding-top: 0;
}

#sidenav /* side navigation wireframe.asp*/
{
   background-color: #D3EEF4;
	margin: 0;
	padding: .5em 0 .5em 8.5%;
	border: .1px solid #D3EEF4;
}

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

#sidenav a,
#sidenav a:visited,
#sidenav a:active /* side navigation links*/
{
   text-decoration: none;
   font-size: 1.25em;
	color: black;
}

#sidenav a:hover
{
   color: #3299CC;
}

#flash /* quotes wireframe.asp */
{
   border: 4px solid #D3EEF4;
	background-color: white;
	margin: .75em 0 .75em 0;
   padding: 8.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
}

#prodpics /* used in products/products.asp */
{
}

#detailadd 
{
	float: right;
	width: 62%;
	text-align: center;
}
/****************************************************************
* .CLASS Definitions
****************************************************************/
.navbar
{
  display: block;
  background-color: #3299CC;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 0 .5em .1em .5em;
  margin-bottom: 1em;
}

.navbar a,
.navbar a:visited,
.navbar a:link
{
   text-decoration: none;
	color: white;
	font-weight: bold;
}

.navbar a:hover
{
   text-decoration: none;
	color: #D3EEF4;
	font-weight: bold;
}

.modifyimg img{min-width: 2em;}
.deleteimg img{min-width: 2em;}

/****************************************************************
* <ELEMENT> Definitions
****************************************************************/
a img
{
   border: none;
}

caption
{
   text-align: left;
   font-size: medium;
   font-weight: bold;
   margin-top: 1em;
}

td,th
{
   border: 1px solid black;
   padding: .2em;
   background-color: #FFFFFF;
}

th 
{
   background-color: #3299CC;
	color: white;
}

table 
{
   margin-top: 1em;
   margin-bottom: 1em;
   border: 1px solid black;
   width: 100%;
   border-collapse: collapse;
}

dt
{
   margin-top: .5em;
   font-weight: bold;
}

h1
{
   font-size: 1.5em;
	margin-top: 0;
}

h2 {font-size: 1.25em;}
h3 {font-size: 1em;}