/* css for Hutch School */

/* ********** */
/* containers */
/* ********** */

/* holds the body title, body content and optional photo right */
#BodyContainer {
  position:relative;
  padding-top:130px;
  padding-left:190px;
  padding-bottom:20px;
  width:710px; /*720px;*/
  z-index:15;
  /*border:1px red solid;*/
}

/* body title holds the graphical page title. in a h1 to indicate that it is a page title. s.a. styles below */
#BodyTitle {
  margin:0;padding:0;
  margin-bottom:15px;
  padding-bottom:2px;
}

/* the optional image that can appear float right if one is present in the asset */
#PhotoRight {
}

/* actual body content */
#BodyContent {
  padding-left:20px;
}

/* holds the HutchSchool logo, link back to main */
#Logo {
  position:absolute;
  top:27px;left:20px;
  z-index:21;
}

/* holds the page top navigation */
#TopNavigation {
  position:absolute;
  top:0;left:0;
  width:910px;
  text-align:right;
  height:42px;
  background-image: url("../img/topnav_bg.jpg");
	background-repeat: repeat-x;
  z-index:20;
}

/* holds the section nav (left) */
#LeftNav {
  position:absolute;
  top:160px;left:27px;
  width:150px;
  z-index:16;
  /*border-right:1px silver solid;*/
}


/* bottom nav, graphics and attribution along page bottom */
#Footer {
  width:910px;
  position:relative;
  clear:both;
}

/* the links along the page bottom (bottom nav) */
#FooterLinks {
  padding:10px 0 10px 0;
}

/* the litle graphics along page bottom */
#FooterGraphics {
  width:450px;
  float:right;
  text-align:right; 
}

#Wedge {
  position:absolute;
  z-index:-100; /* least important of all */
  top:-260px;left:0;
  width:67px;/*height:377px;*/
	/*background-attachment: fixed;
	background-image: url("../img/bottom_wedge.gif");
	background-repeat: no-repeat;
	background-position: left bottom;*/
}

#NavBlueWedge {
  position:absolute;
  top:150px;
  left:0;
  z-index:-101; /* even less important than the Wedge, so it dives behind Wedge */
}

/* this is the TD that holds the announcements embedded table on the splash page */
.SplashAnnouncementsTable {
  background-image:url('../img/home_announcements_bg.gif');
  background-repeat:repeat-y;
} 


/* ********************** */
/* general tag treatments */
/* ********************** */

body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
  font-size: 13px;
  padding:0; margin:0;
}
body {background-image: url("../img/bg.gif"); background-repeat: repeat-y; }
a { color: #0083ac; }
a:link { color: #0083ac; }
a:visited, a:active { color: #0083ac; }
a:hover { color: #333333; }
a:active { color: #0083ac; }

/* ****************************************** */
/* specialized treatments of containers, etc. */
/* ****************************************** */

/* titles of pages are either landing pages (index.xml or index.html)
   or interior pages (otherwise) */
h1.landing_page { font-size:18px; color:#0083ac; }
h1.interior_page { font-size:16px; color:#92af2a; }

h2 { font-size:14px; color:#0083ac; }
h3,h4,h5,h6 { font-size:13px; }


.LeftNav .documents {
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 4px;
	}
.LeftNav .subnav	{
	margin-top: 6px;
	margin-bottom: 10px;
}
.LeftNav .subnavActive	{
	margin-top: 6px;
	margin-bottom: 10px;
	font-weight: bold;
}
.LeftNav .section	{
	margin-top: 6px;
	margin-bottom: 10px;
	color: #92af2a;
	font-weight: bold;
}

.subnav	{
	margin-top: 6px;
	margin-bottom: 10px;
}
.subnavActive	{
	margin-top: 6px;
	margin-bottom: 10px;
	font-weight: bold;
}
p.subnavActive { color:#0083ac;  }

p.section a:link {
  text-decoration: underline; 
  color: #92af2a;
}

p.section a:visited, p.section a:active {
	color: #92af2a;
}

p.section a:hover {
	color: #83a036;
}


.topbottomdot {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
.bottomgreendot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #92af2a;
}

.FooterLinks {
  text-align:center;
	font-size: 11px;
	color: #000000;
}

.FooterAddress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-left:30px;
  padding-top:20px;
}

