html, body {
	margin: 0;
	padding: 0;
}

body {
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
	background-color: #F6F3EA;
}

#logo {
	position: relative;
	height: auto;
	width: auto;
	top: 10px;
	left: 20px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
}

strong {
	font-weight:bold;
}

#shadow {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/ds.png);
	background-repeat: repeat-y;
}


#page-container {
	width: 900px;
	margin: auto;
	background: #E3D9B9;
	background-image:url(../images/sbstripe.gif);
	background-repeat:repeat-y;
}

#top-nav {
	background: #d4bf96;
	height: 15px;
	text-align:right;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
}

#top-nav a:link {
	color: #5B8664;
}

#top-nav a:visited {
	color: #5B8664;
}

#top-nav a:hover {
	color: #efe8c5;
}

#header {
	height: 150px;
	background: #efe8c5 
		    url(../images/header.jpg);	
}

#header a:link {
	border: none;
}

#header a:visited {
	border: none;
}





/* Main Navigation */

#mainnav {
	height: 25px;
	background: #d4bf96;
	background-image:url(../images/socialbar.png);
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#75583C;
}

#socialnav {height: 0px; padding: 0px; margin:0px; list-style:none; position:relative; z-index:500; font-family:arial, verdana, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;}
#socialnav li a {display:block; text-indent: -9999px; position: absolute; outline: none; line-height:25px; color:#333; padding:0;}

#socialnav .facebook {
  	width: 24px;
  	height: 24px;
	margin: 0 0 0 41px;
}

#socialnav .twitter {
  	width: 24px;
  	height: 24px;
	margin: 0 0 0 77px;
}

#socialnav .youtube {
  	width: 24px;
  	height: 24px;
	margin: 0 0 0 113px;
}

#socialnav .linkedin {
  	width: 24px;
  	height: 24px;
	margin: 0 0 0 149px;
}

#socialnav .rss {
  	width: 24px;
  	height: 24px;
	margin: 0 0 0 183px;
}

#menubar {
	width: 650px;
	float: right;
}

#menu {padding:0; margin:0px; list-style:none; position:relative; z-index:500; font-family:arial, verdana, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;}
#menu li {float:right;}
#menu li a {display:block; float:left; line-height:25px; background:#d4bf96; color:#333; padding:0 30px 0 30px; border-left-style:dotted; border-left-color:#75583C; border-left-width:1px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#d4bf96;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#d4bf96;}
#menu li:hover > a.sub {color:#fff; background-color:#d4bf96;}

#menu li.current a {color:#fff; background:#75583C;}

#menu li a.sub {background: #d4bf96;}
#menu li.current a.sub {color:#fff; background:#75583C;}

#menu :hover ul {left:0; top:25px; width:151px; color:#fff;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:150px; top:-1px; color:#fff; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #75583C;}
#menu :hover ul li a {width:150px; padding:0; text-indent:10px; background:#d4bf96; color:#333; height:25px; line-height:25px;}
#menu :hover ul li a.fly {background:#d4bf96 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#d4bf96; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#d4bf96; color:#fff;}

#menu :hover ul li.currentsub a {background:#75583C; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#75583C url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#d4bf96; color:#333;}
#menu :hover ul :hover ul :hover {background-color:#d4bf96; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#75583C; color:#fff;}

/* Sidebar Nav and News */


#sidebar {
	float: left;
	/*background: #aa9d71;*/
	width: 250px;
	/*background-image: url(../images/sbstripe.gif);*/
	background-repeat: repeat-y;
	background-position: center;
	margin: 0;
}

#side-nav {
  	list-style: none;
  	padding: 0;
  	margin: 0;
	width: 200px;
	position: relative;
}

#side-nav a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	outline: none;
}

#side-nav a:hover {
  	background-position: left bottom;
}

#side-nav .maximizer {
  	width: 200px;
  	height: 100px;
	margin: 50px 25px 0 25px;
  	background: url(../images/nav/Maximizer.gif) no-repeat;

}

#side-nav .mobile {
  	width: 200px;
  	height: 100px;
	margin: 175px 25px 0 25px;
  	background: url(../images/nav/Mobile.gif) no-repeat;
}

#side-nav .dictation {
  	width: 200px;
  	height: 100px;
	margin: 300px 25px 0 25px;
  	background: url(../images/nav/Dictation.gif) no-repeat;
}

#twitter-container {
	width: 200px;
	margin: 425px 25px 0 25px;
}

#content {
	padding: 25px 0 0 0;
	margin: 0 25px 0 275px;
	background: #e3d9b9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
}



#footer {
	clear: both;	
	background: #aa9d71 
		    url(../images/footer.jpg);
	height: 175px;
}