/*special thanks to simplebits and Kalsey Consulting for inspiration on the menu design*/
/*sets background as yellow and font style for everything*/
body {background: #66c; 
			font-family: arial, helvetica, sans-serif; font-size:90%; color:#006;}
a		 {color: #600;}

/*creates the white box*/
#wrapper  	{background: #c33; margin: auto; 
						 position: relative; width: 750px; 
					   border: thin solid #ccc; min-height: 100%;}
#footer 		{text-align: right; font-size: 75%; clear: both;	
						 padding: 5px 0px 0px 0px; margin: -20px 0px 0px 0px; }
#footer p 	{margin-top: 60px}

/*box floating to right below menu tabs*/
#rtbox 			 {float: right; width: 200px/*40%*/; 
						  padding: 5px 3px 13px 10px; margin: 15px 0px 15px 15px; 
					 	  border: 1px #9EB39E solid; font-size: 87%;}
#rtbox ul li {margin-left: -25px}

/*standard text formating items*/
h1			{color: white}
.italic {font-style: italic;}
.bold 	{font-weight: bold;}
.center {text-align: center;}
.small 	{font-size: 75%; margin-top: 0;}
.ssmall {font-size: 70%;}
.right 	{text-align: right;}
.line 	{text-decoration: line-through}

/*images*/
img {padding: 0px; border: 0px}

h2					{display: none; color: #696; font-size: 225%;
						 font-family: Garamond, "Times New Roman", "New York", serif; 
						 font-style: italic; text-align: center; 
      	 		 border-bottom: thin solid #039; padding-bottom: 10px;}
#content h3 {color: #090; margin: 3px 0px; font-size: 130%;}
#rtbox h3		{font-size: 125%; color: #006;}
h4 					{padding: 0px; margin: 0px; font-size: 110%; color: #006;}
h5 					{padding: 5px; margin: 0px; font-size: 100%; color: #006;}
p.list 			{margin-top: -5px;}

/*tabs start here*/
#menu, #menu ul {padding: 0;	margin: 0;
              	 list-style: none; line-height: 1;}
#menu 					{border-bottom: 1px solid #ccc;
								 margin: 0; padding-bottom: 4px; padding-left: 0px;}
#menu li 				{display: inline;}

body.section-1 #menu li#tab-1 a,
body.section-2 #menu li#tab-2 a,
body.section-3 #menu li#tab-3 a {background: #fff; color: #000;
	border-bottom: 1px solid #fff; padding: 3px;}
	
#menu a:link, #menu a:visited	{background: #ddd; color: #006;
	border: 1px solid #ccc; margin-right: 5px; padding: 2px 10px;
	font-size: small; font-weight: bold;
	text-decoration: none;}
	
#menu a:link.active, #menu a:visited.active	{border-bottom: 1px solid #fff;
	background: #fff; color: #000; font-weight: bold;}

#menu a:hover	{background: #006; color: #fff; font-weight: bold;}
		
/*second level of menu here*/
#nav, #nav ul { /* all lists */
	padding: 0;	margin: 0;
	list-style: none;
	line-height: 1;}

#nav a {
	display: block;
	width: 10em;
	text-decoration: none;
	padding-bottom: 1px;
	text-align: left;
	padding-left: 5px;
	color: black;}

#nav li { /* all list items */
	float: left;
	width: 149px; /* width needed or else Opera goes nuts */
	height: 14px;
	border-right: 1px solid #ddd;
	padding: 5px 0px;
	margin-top: 1px;
	background: #fff url(nav_bg2.gif) repeat-x bottom left;
	font-size: small;
	color: black;}
	
#nav li ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 11em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: 5px;}

#nav li ul li{background: white; 
	border: 1px solid #ddd; border-top: none; 
	height: auto;
	padding: 5px 0px;
	margin: 0px 0px 0px -1px}
	
#nav li ul li a {color: #006;}
	
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover a:hover, #nav li.sfhover a:hover{ 
/* lists nested under hovered list items */
	font-weight: bold;}

#posts {width: 500px; float: left}

#content {/* clear: both; */ background: #fff;
				  padding: 5px 15px; margin-top: -1px;}

#content dt {font-weight: bold; padding: 3px;}
#content dd {padding: 2px;}
#content dd a {color: #578257;}
#content dd a.bold {font-weight: bold;}
#content ol {padding-bottom: 7px;}

label.norm  {float: left; width: 70px; }
label.normreq {color: #600; float: left; width: 70px; }
label.req {color: #600;}

input 			{padding: 0px; margin: 0px;
						 border: 1px solid #ccc;}
input.pitxt {width: 200px; margin: 2px;}
input.des 	{width: 260px;}

textarea.CUcomment {margin-bottom: 8px; border: 1px solid #ccc;}
input.submit 			 {font-weight: bold; border: solid 2px #999;}

/* Bullet Icons */
ul.books     			{list-style-image: url('/images/book.gif');}
ul.articles  			{list-style-image: url('/images/article.gif');}
/*
ul.presentations	{list-style-image: url('/images/ppt.jpg');}
*/
li.ppt	{list-style-image: url('/images/ppt.jpg');}
li.web						{list-style-image: url('/images/mosaic.gif');}
li.pdf						{list-style-image: url('/images/pdf.gif');}
li.none						{list-style-image: none;}

/* Blog Specific */

.section-1 #rtbox	{width: 180px; text-align: center; padding: 5px;
									 margin-top: 5px} 
.lyrics						{text-align: center}
.blogPost h2			{display: block; border: none; text-align: left;
									 padding: 0px; margin: 0px; font-size: 150%; 
									 color: #006; font-style: normal; margin-top: 20px;
									 font-family: arial, helvetica, sans-serif; }
.section-1 h3			{text-align: right}
.blogPost h4			{margin-top: 20px}

.section-1 #wrapper {min-height: 1100px;}
.section-1 #content {min-height: 1100px;}

/* Blog Menus */

.section-1 #rtbox ul						{margin:0px 0px 10px 0px; 
																 padding:0px 0px 0px 0px;
											 					 list-style-type:none; font-size:95%;}
.section-1 #rtbox li						{margin:0px; padding:0px 0px 0px 0px;
											 					 list-style-type:none; font-size:95%;
																 text-align: center; width: 12em; 
											 					 border: 1px #000 solid}
.section-1 #rtbox ul a					{padding:2px; margin:1px; background: #66c;
											 					 color:#fff; text-decoration:none; 
																 display: block}
.section-1 #rtbox ul a:link			{color:#fff;}
.section-1 #rtbox ul a:visited	{color:#fff;}
.section-1 #rtbox ul a:active		{color:#fff;}
.section-1 #rtbox ul a:hover		{background: url(/blog/clouds.jpg); color: #000}

/* Blog Book Covers */

.book 		{border: 1px solid black; 
       		 width: 225px; padding-left: 5px; 
   		 		 padding-top: 10px; padding-right: 10px; 
   		 		 margin: auto; float: right; min-height: 175px; margin-left: 10px}
.book img {position: relative; left: -14px; top: -24px; 
					 float: left; border: none}
.book p   {margin-left: 115px}
.title   	{font-style: italic