/*****************/
/**  School Health
/**   Josh Wester
/*****************/

@import url("/fileadmin/projects/core/styles/typography.css"); 

body
{
  color: #000000;
  background-color: #FFFFFF;
  text-align: center;
  margin: 6px auto auto auto;
}

#container
{
  width: 760px;
  margin: 0px auto;
  text-align: left;
}

#header
{
  text-align: left;
  width: 760px;
  height: 125px;
  background-color: #004990;
  background: #004990 url("/fileadmin/user/SchoolHealth/images/banner_photo.jpg") no-repeat bottom right;
}


#brand_left
{
  width: 200px;
  height: 25px;
  margin: -25px 0px 0px 0px;
  float: left;
  display: inline;
  position: relative;
  background: #004990 url("/fileadmin/images/logos/CreightonType-FFF_004990.gif") no-repeat;
}

#brand_left h1, #brand_left h1 a
{
  width: 200px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  display: block;
}

#metamenu
{
  background-color: #004990;
  float: left;
  display: inline;
  width: 760px;
  height: 25px;
}

#metamenu ul
{
  margin: 6px 0px 0px 198px;
  padding: 0px 0px 0px 0px;
}

#metamenu li
{ 
  margin: 0px 0.8em 0px 0.4em;
  color: #8894BD;
  float: left;
  display: inline;
  font-size: 0.85em;
  list-style-type: none; 
}

#metamenu ul li img
{
  display: inline;
  float: left;
  margin-right: 3px;
  margin-top: 0px;
}

#metamenu a:link, #metamenu a:visited, #metamenu a:hover, #metamenu a:active
{
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;  
}

#banner
{
  width: 268px;
  height: 100px;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-left: 65px;
  position: relative;
  display: inline;
  background: #004990 url("/fileadmin/user/SchoolHealth/images/banner_text.jpg") no-repeat;
  clear: left;
}

#banner h1, #banner h1 a
{
  width: 268px;
  height: 100px;
  margin: 0px;
  padding: 0px;
  display: block;
}

#col_left
{
  width: 160px;
  float: left;
  display: inline;
  margin: 0px 2px 0px 0px;
}

#content_left
{
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
}

#content_left p.bodytext 
{ 
  margin: 0px;
}

#nav_site
{
  background-color: #aad2bb;
  width: 160px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0px;
}

#nav_site li
{
  padding-left: 6px;
  margin: 0px;
  list-style-type: none;
}

#nav_site ul
{
  margin: 0px;
  padding: 0px;
}

#nav_site .menulist
{
}

#nav_site .menulist2
{
  background-color: #faeaa8;
  margin-left: -12px;
}

#nav_site .menulist3
{
  background-color: #aad2bb;
  margin-left: -12px;
}

#nav_site .menulist li, #nav_site .menulist2 li, #nav_site .menulist3 li
{
  padding-left: 21px;
  text-indent: -12px;
}

#nav_site a
{
  color: #004990;
  text-decoration: none;
  padding-left: 1px;
  display: block;
}

#nav_site a:hover
{
  background: url(/fileadmin/user/SchoolHealth/images/list-bullet.gif) top left no-repeat;
  margin-left: -18px;
  padding-left: 19px;
  color: #004990;
}

#nav_site li.cur
{
  background: url(/fileadmin/user/SchoolHealth/images/list-bullet.gif) top left no-repeat;
  margin-left: 3px;
  padding-left: 18px;
}

#main
{
  width: 760px;
  background-color: #FFFFFF;
}

#bread_row
{
  font-size: 0.85em;
  margin: 6px 0px 5px 6px;
  padding: 4px 4px 4px 0px;
  color: #999999;
}

#col_center #content #bread_row
{
  padding-left: 0px;
  margin: 0px 0px 6px 0px;
}

#bread_row a
{
  color: #999999;
}

#bread_row a:hover
{
  color: #004990;
}

#bread_row #bread
{
  float: left;
  display: inline;
}

#bread_row #logout
{
  float: right;
  display: inline;
  text-align: right;
}

#col_center
{
  float: left;
  display: inline;
  width: 596px;
  margin: 0px;
  margin-left: 2px;
  padding: 0px;
}

#col_center div.csc-header h4
{
  font-size: 1.2em;
  color: #004990;
}

#content
{
  width: 580px;
  margin: 6px 6px 6px 10px;
}

#content h3
{
  color: #004990;
  margin: 0px;
  margin-bottom: 8px;
  padding: 0px;
  font-size: 1.4em;
}

#content_right
{
  width: 200px;
  float: right;
  position: relative;
  display: inline;
  text-align: left;
  margin: -6px -6px 12px 12px;
  background-color: #faeaa8;
  padding: 8px;
}

#content_right p.bodytext
{
  margin-top: 0em;
}

#footer
{
  padding: 12px;
  text-align: center;
  font-size: 0.85em;
  color: #999999;
}

#footer a
{
  color: #999999;
}

.right
{
  text-align: right;
}

.left
{
  text-align: left;
}

.center
{
  text-align: center;
}

.floatRight
{
  float: right;
  display: inline;
  position: relative;
  padding-left: 5px;
}

.floatLeft
{
  float: left;
  display: inline;
  position: relative;
  padding-right: 5px;
}

.hiddenIR
{
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
} 

/*
  Form styles
*/
#login
{
  margin: 0px;
}

#login label
{
  float: left;
  display: inline;
  position: relative;
  font-weight: bold;
  width: 90px;
  margin-top: 2px;
  margin-right: 6px;
}

#login input
{
  float: left;
}

#login .row
{
  clear: both;
  margin-bottom: 4px;
  width: 400px;
}

#login .buttons
{
  padding-left: 96px;
  width: 400px;
}