/*
-----------------------------------------------
Nursing Notes CSS
Author:   Althea Prescod
Version:  September 2006
----------------------------------------------- */

/* Table of Contents:

	=Global
	=Header
	=Nav
	=Search
	=Middle
	=Footer
	=Sidebar
	Misc =Contact
	Misc =Lists
	Misc =Flickr
	Misc =Calendar	
*/

/* -----------------------------------*/
/* ---------->>> =Global <<<----------*/
/* -----------------------------------*/

body {
background-color: #C8B493;
margin: 0px 0px 0px 0px;
}

body {
	font-family:verdana,helvetica, sans-serif;
	font-size:85%;
	color:#222;
	text-align: justify;
	line-height: 1.5em;
}

#container {
background-color: #FFF2DD;
width: 760px;
height: 100%;
margin-left: auto;
margin-right: auto;
border:solid 1px #8f887e;
}

a {
	color: #cc3300;
}

a.here {
font-weight: bold;
}

h1, h3 {
	font-weight:normal;
	font-family:georgia,"Apple Garamond", garamond,  serif;
}


h2, h3 {
	color: #cc3300;
}


h1 {
	font-size: 300%;
}

h2 {
	font-size: 250%;
	font-weight: normal;
   }

h3 {
	font-size: 180%
	}
	
table {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    }

img {
border: none;
}

ul {
background-color: transparent;
}

/* -----------------------------------*/
/* ---------->>> =Header <<<----------*/
/* -----------------------------------*/

#header {
   background: transparent url(../images/topgrad2.png) repeat-x;
   padding: 10px;
   }

#pagetitle {
    position: absolute;
    top: 0px;
    left: 225px;
    margin: 25px 25px 75px 100px;
    }
    	
/* -----------------------------------*/
/* ----------->>> =Nav <<<------------*/
/* -----------------------------------*/

   #nav {
      float:left;
      width:100%;
      background:transparent;
      font-size:93%;
      line-height:normal;
      }
    #nav ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #nav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav a {
      float:left;
      background:url("tableftK.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
      background:url("tabrightK.gif") no-repeat right top #333333;
      padding:5px 15px 4px 6px;
      color: #FFF9EE;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color: #FFF9EE;
      }
    #nav a:hover {
      background-position:0% -42px;
      }
    #nav a:hover span {
      background-position:100% -42px;
      }
    #nav a.here {
     background-position: 0% -42px;
     }
    #nav a.here span {
      background-position:100% -42px;
      }

/* -----------------------------------*/
/* ---------->>> =Search <<<----------*/
/* -----------------------------------*/

    #search {
	font-size: 0.8em;
    	margin: 10px;
    	}
    #search li {
    	display: inline;
    	}
    #search li a {
    	text-decoration: none;
    	font-family: Apple Garamond, Garamond, Georgia, serif;
    	}
    #search li a:hover {
    	color: #000000;
    	background-color: #FFF9EE;
    	}
    

/* -----------------------------------*/
/* ---------->>> =Middle <<<----------*/
/* -----------------------------------*/

#breadcrumb a{
color: #cc3300;
}

#breadcrumb li{
display:inline;
}

#mid {
background-color: #FFF9EE;

}

#mid {
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #C8B493;
    margin: 25px 0px 10px 0px;
   }

#content {
	padding: 10px;
	background: transparent;
	width: 77%;

	}

#content a:visited {
	color: #8f867c;
	}
	
	#content a:visited:after {
		content:" \2713";
		}

/* -----------------------------------*/
/* ---------->>> =Footer <<<----------*/
/* -----------------------------------*/

#footer {
	background: url(../images/bottomgrad.png) repeat-x;
	font-size: 70%;
}

#footer {
text-align: center;
padding: 22px 15em 0em 15em;
}

/* -----------------------------------*/
/* ---------->>> =Sidebar <<<---------*/
/* -----------------------------------*/

#sidebar {
float: right;
width: 19%;
padding: .3em;
margin-top: 5em;
font-size: 80%;
}

#sidebar, #sidebar a {
color: #fff;
line-height: 1.2em;
}

.sidebox {
background-color: #8f887e;
padding: 5px;
}

#boxlist {
padding: 1px;
margin-right: auto;
margin-left: auto;
border: 2px solid;
border-color: #992600 #661a00 #661a00 #992600;
background-color: #cc3300;
}

#boxlist li
{
list-style: none;
margin: 0;
padding: 0.25em 1em;
border: 1px solid;
border-color: #ff4000 #992600 #992600 #ff4000;
text-align: center;
}

#boxlist li:hover {
	background-color: #E63900;
	}
	
#boxlist a:hover {
	font-weight:bold;
}

/* -----------------------------------*/
/* ------->>> Misc =Contact <<<-------*/
/* -----------------------------------*/

#contact {
	margin: 0em 5em 0em 5em;
	text-align: center;
	}

.workmail {
	unicode-bidi: bidi-override;
	direction :rtl;
	}

#disclaimer {
	font-size: 90%;
	}
	
/* -----------------------------------*/
/* -------->>> Misc =Lists <<<--------*/
/* -----------------------------------*/	


li.bulleted {
	line-height: 1.5em;
	margin: 2em;
	}
	
dt {
font-weight:bold;
}
/* -----------------------------------*/
/* -------->>>Misc =Flickr <<<--------*/
/* -----------------------------------*/

 #flickr {
 	position: relative;
 	width:214px;
 	height:250px;
  	margin-right:auto; margin-left:auto;
  	}
  	
#flickr img {
    float:left;
    margin:0 0px 8px 8px;
    background:#ffffff;
    padding:5px 5px 28px 5px;
	border: 1px solid gray;
    }
/* -----------------------------------*/
/* -------->>>Misc =Calendar <<<--------*/
/* -----------------------------------*/    

iframe {
	frameborder: 0;
	height: 600px;
	width: 100%;
	}    
    
    
#nav2 {
    width: 496px; height: 100px;
    background: url(../images/imagemap.png);
    margin: 10px auto; padding: 0;
    position: relative;
    text-indent: -5000px;
    	}
  #nav2 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #nav2 li, #nav2 a {
    height: 100px; display: block;}
    
    #panel1b {left: 0; width:100px;}
  	#panel2b {left: 132px; width: 100px;}
  	#panel3b {left: 264px; width: 100px;}
  	#panel4b {left: 396px; width: 100px;}
  	
  	#panel1b a:hover {
    background: transparent url(../images/imagemap.png)
    0 -110px no-repeat;}
  #panel2b a:hover {
    background: transparent url(../images/imagemap.png)
    -132px -110px no-repeat;}
  #panel3b a:hover {
    background: transparent url(../images/imagemap.png)
    -264px -110px no-repeat;}
  #panel4b a:hover {
    background: transparent url(../images/imagemap.png)
    -396px -110px no-repeat;}