/* huistylesheet.css */

/* universal style rule */

body{
	background-color:#6d005c;
	font-family: Calibri, Sans-Serif, Tahoma;
	text-align:center;
}
*{
	/*block all default margins and padding */
	margin:0;
	padding:0;
	
	/* Temporary borders */
	/* border: dashed 1px #959595; */
}

#wrapper{
	width:50em;
	background-color:#ffffff;
	/*center the wrapper */
	margin:20px auto 0 auto;
	/* Required for absolutely-positioned layout only */
    position:relative;
}

#leftcolumn{
	width:10em;
	float:left;
	text-align:center;
	/* For absolutely-positioned leftcolumn */
    position:absolute;
    top:6em; /* Same as branding div height */
    left:0;
	
}

#leftcolumn img, #rightcolumn img{
	width:85%;
	margin:1em 0;
}

#leftcolumn p, #rightcolumn p{
	width:75%;
	padding:0.25em;
	border:None;
	font-family: Calibri, Sans-Serif, Tahoma;
	font-size:0.7em;
	color:#000000;
	margin:auto;
}

#leftcolumn a:active,
#leftcolumn a:hover, 
#leftcolumn a:link{
	font-family: Calibri, Sans-Serif, Tahoma;
	color:#000000;
	font-size:0.7em;
	margin:auto;
}

#leftcolumn a:visited{
	font-family: Calibri, Sans-Serif, Tahoma;
	color:#991188;
	font-size:0.7em;
	margin:auto;
}

#rightcolumn a:active,
#rightcolumn a:hover, 
#rightcolumn a:link{
	font-family: Calibri, Sans-Serif, Tahoma;
	color:#000000;
	font-size:0.7em;
	margin:auto;
}

#rightcolumn a:visited{
	font-family: Calibri, Sans-Serif, Tahoma;
	color:#991188;
	font-size:0.7em;
	margin:auto;
}

#rightcolumn {
	width:10em;
	float:right;
	text-align:center;
	font-family: Calibri, Sans-Serif, Tahoma;
	font-size: 1em;
	/* For absolutely-positioned leftcolumn */
    position:absolute;
    top:8em; /* Same as branding div height */
    right:0;

}

#rightcolumn ul{
	font-family: Calibri, Sans-Serif, Tahoma;
	color:#000000;
	font-size:0.7em;
	text-align:left;
	list-style-type:square;
	padding:0px 0px 0px 15px;
}
#leftcolumn ul{
	font-family: Calibri, Sans-Serif, Tahoma;
	color:#000000;
	font-size:0.7em;
	text-align:left;
	list-style-type:square;
	padding:0px 0px 0px 20px;
}

#content{
/* Left margin must match this width */
	margin:2em 10em 3em 10em;
	background-color:#ffffff;
	color:#000000;
	padding:10px 20px;
}

/* contain the image within the content div */
#content td:img{
	width:100%;
}

/* styles p the content div */
#content p{
	font-family:Calibri, Sans-Serif, Tahoma;
	font-size:0.9em;
	color:#000000;
	line-height:1.25em;
	text-align:justify;
	letter-spacing:0.05em;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
	font-family: Calibri, Sans-Serif, Tahoma;
  	color:#991188;
  	font-weight:normal;
  	font-style:normal;
  	letter-spacing:0.1em;
}

/* Styles ul, ol in content div */
#content ul, #content ol{
	text-align:left;
	color:#991188;
	font-family:Calibri, Sans-Serif, Tahoma;
	font-size:0.9em;
	font-style:normal;
	line-height:1em;
	letter-spacing:0.05em;
	padding:5px 0px 5x 10px;
}

/* Styles a in content div */
#content a{
	text-align:left;
	color:#991188;
	font-size:normal;
	font-style:normal;
	line-height:0.9em;
	letter-spacing:0.05em;
	padding:5px 0px 5px 10px;
}

/* form formatting in the content div */
#content table{
	background-image:url(images/footerbg.jpg);
	table-layout:auto;
	border:5px outset #c0c0c0;
	width:100%;
	border-spacing:3px;
}
#content td{
	background:none;
	border:2px outset #c2c2c2;
	padding:4px;
	font-family:Calibri, Sans-Serif, Tahoma;
	font-size:0.9em;
	color:#000000;
	text-align:left;
	vertical-align:top;
}
#content input, #content textarea{
	border:2px outset #c2c2c2;
	/*background-image:url(images/footerbg.jpg);*/
}


#footer{
	height:2em;
	text-align:center;
	background-position:left top;
	background-image:url(images/footerbg.jpg);
	background-repeat:repeat;
}

#footer p{
	font-family:Calibri, Sans-Serif, Tahoma;
	font-size:0.6em;
	padding-top:1em;
}

/* Absolute position links in the footer div */
#footer a{
	position:absolute;
	text-decoration:none;
	color:#ffffff;
	font-size:0.8em;
}

/* Unvisited and visited links in footer bar */
#footer a:link, #footer a:visited {
  color:#ffffff;
}

/* Hover links in footer bar */
#footer a:hover{
  color:#898989;
}

/* Active link in footer bar */
#footer a:active{
  color:#898989;
}

/* Navbar division */
#navbar{
  background-color:#898989;
  /* Left margin must match leftcolumn width */
  height:1.6em;
  padding:0 0 0 0.1em;
  /* For absolutely-positioned navbar */
  position:absolute;
  top:5em; /* Same as branding div height */
  left:10em; /* Same as leftcolumn width */
  width:30em; /* Layout width minus leftcolumn width */
}

/* fix the position of the branding bar */
#branding{
	width:50em;
	height:6.6em;
	background-image:url(images/footerbg.jpg);
    background-repeat:repeat;
}

/* Fixes the mysterious image gap */
#branding img{
  display:block;
}
/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}
/* List items in the navbar */
#navbar li{
  float:left;
  position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Calibri, Sans-Serif, Tahoma;
  font-size:80%;
  color:#ffffff;
  background-color:#898989;
  display:block;
  height:2em;
  width:5.8em;
    border-right:solid 1px #f2dbcb;
    border-left:solid 1px #f2dbcb;
    text-align:center;
	line-height:2em;
	outline-style:none;
}
/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background-color:#991188;
  color:#ffffff;
}

/* Drop-down menu styles */

/* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:1.6em;
  left:0em;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background:#898989; /* Removes background image */
  color:#ffffff;
  text-align:left;
   display:block;
  width:5em;
  padding:0 0.8em 0 0.2em;
  height:auto;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #464646;
  color:#ffffff;
}
/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}


@media print{
	/* set printer friendly styles */
	
	/* set wrapper to fill page width */
	#wrapper {
	width:100%;
	}
	
	/* hide left, right, navbar, and footer */
	#leftcolumn,
	#rightcolumn,
	#navbar,
	#footer{
	display:none;
	}
	
	/* end print styles */
}