/* CSS Document */

/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrappers
  - Header
  - Sidebars / Columns / Content
  - Specific Page Elements
  - Footer
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***DEC67B
  
================================================================*/

/* BODY 
----------------------------------------------------------------*/

body.splash {
	text-align: left;
	background: #FFFFFF url(../images/beige.png) repeat-y;
	margin: 0 auto;
	padding: 0;
	min-width: 1160px;
}

body {
	text-align: left;
	background: #ffffff;;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 1160px;
	height: 100%;
}

html{
	height: 100%;
}

form {
	margin: 0 auto;
	padding: 0;
}


/* WRAPPERS
----------------------------------------------------------------*/
#container {
	min-width: 1220px;
	clear: both;
	min-height: 100%;
}

#table_container {
	width: 100%;
	overflow: auto;
}

#content {
	width: 900px;
	background: #ffffff;
}

#home_foot {
	width: 900px;
	height: 25px;
	background: #000000;
}

#huskyhead {
	width: 900px;
	height: 241px;
	background: #ffffff url(../images/huskyhead_blink.gif);
}

#hr {
		
	float: left;
	width: 244px;
	height: 14px;
}

#side-a {
	float: right;
	width: 900px;
	margin-right: -90px;
}

#side-m{
	float: right;
	width: 900px;
}

#dawg{
	display: block;
}

#side-b { 
	margin: 0;
	float: left;
	width: 320px;
	/*height: 1%  Holly hack for Peekaboo Bug */
}

#side-c {
	float: left;
	width: 330px;
	margin: 0;
}

#side-d { 
	margin: 0;
	float: left;
	width: 600px;
	/*height: 1%  Holly hack for Peekaboo Bug */
}

#table_side-d{
	overflow: auto;
	width: auto;
}

#head_wrapper {
	width: 780px;
	margin: 0 auto;
}

#home_sidebar {
	width: 260px;
	width: 320px;
	margin-top: -40px;
}

#home_sidebar img {
	border: 0;
	 margin: 0 10px;
}

#sidebar_head  {
	text-align: center;
}

#social {
	margin: -12px 0 0 80px;
}

/* HEADER 
----------------------------------------------------------------*/

/* @group Banner Elements Two instances one for Teach and one for Learners */

#banner {
	background: #2d1162;
	width: 100%;
	height: 120px;
	text-align: left;
}

#banner img {
	margin-left: 35px;
	margin-top: 35px;
}

#content_banner {
	background: #2d1162 url(../images/banner_content.gif) no-repeat;
	width: 100%;
	height: 125px;
	text-align: left;
}

#blackbar {
	width: 100%;
	height: 15px;
	background: #000000;
	margin: 0 auto;
	padding: 0;
}

#banner_nav {
	float: right;
	margin-right: 15px;
	color: #9f7d3a;
	width: 131px;
}

#banner_nav a {
	color: #e0c674;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size: .75em;
}

#banner_nav a:hover {
	color: #e0c674;
	text-decoration: underline;
	font-family: arial, sans-serif;
	font-size: .75em;
}

#nav_blackbar {
	height: 25px;
	background: #000000;
	padding-left: 35px;
}

#nav_blackbar a {
	color: #e0c674;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size: .8em;
	position: relative;
	top: 3px;
	padding-right: 25px;
}

#nav_blackbar a:hover {
	color: #ffffff;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size: .8em;
	position: relative;
	top: 3px;
	padding-right: 25px;
}

#searchbar {
	width: 383px;
	float: right;
	padding-top:10px;
	padding-right:10px;
	text-align: right;
	height: 70px;
}

#searchbar2 {
	width: 775px;
	padding-top:10px;
	padding-right:25px;
	text-align: right;
	height: 50px;
}

#contentFooter {
	width: 100%;
	height: 60px;
	clear: both;
	background: #2d1162;
}


/* SPECIFIC PAGE ELEMENTS
----------------------------------------------------------------*/

#commentForm label{
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

#table_side-d #table{
	margin-right: 50px;
}

/* FOOTER
----------------------------------------------------------------*/

#footer {
	clear: both;
	background: #39275b;
	width: 755px;
	height: 60px;
	text-align: left;
	border-top: 14px solid #5C4587;
	margin: 0 auto;
	padding: 0 25px 10px 0;
}
