/* CSS Document Table of Contents:

	Universal
	Typography
		a. h1, h2, h3...
		b. a:link
	Header Layout
	Middle Layout
		a. Main
		b. Index Directory
		c. Profile
		d. Speech and Commercial
		e. Search
		f. Links
		g. Contact Us
		h. Info Box (profiles, speeches, commercials)
	Navigation Layout
	Footer Layout

*/

/* Universal
====================================================================================== */
*				{margin: 0px; padding: 0px;}

body			{background: #D6D6D6}

img				{border: none;}

a				{color: #1E4E7E; text-decoration: underline;}

#container		{border: 1px solid #989B66; margin: 5px auto; width:752px;}

/* Typography
====================================================================================== */
body			{color: #353535;
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 11px;
				 text-align: center;}

#container		{text-align: left;}

#featured dt	{color: #A90000; font-size: 12px; font-weight: bold;}

.links dt		{font-size: 12px; font-weight: bold;}

.dirindex		{font-size: 14px}

/* a. h1, h2, h3...
------------------------------------------------------------------- */
#main h1,
#main h2				{color: #CC0000;
						 clear: both;
						 font-family: Times New Roman, Times, serif;
						 margin-top: 5px;
						 text-transform: uppercase;}

#main h1				{font-size: 16px;}

#main h2				{font-size: 12px; letter-spacing: 0.02em;}

#main .mediaFiles h2	{font-weight: bold; text-transform: none;}

/* b. a:link
------------------------------------------------------------------- */
#nav a,
#footer a,
.print a,
.breadcrumbs a,
.speech a,
.dirindex a				{text-decoration: none;}

#main .tags a,
.speech a span,
.dirindex a.selected	{text-decoration: underline;}

#nav a,
.print a,
.searchResults dt a		{font-weight: bold;}

.searchResults dt a,
#nav a,
.print a				{text-transform: uppercase;}

.mediaFiles a,
.searchResults dt small a {color: #1E4E7E; text-decoration: underline; text-transform: none;}

#nav a,
.print a				{color: #1F1F1F; letter-spacing: .01em;}

#footer,
#footer a				{color: #232323;}

.searchResults a		{color: #323232;}

#main .tags p			{color: #3E3E3E;}

.dirindex a,
.searchResults dt a		{color: #CC0000;}

.dirindex a.selected 	{color: #1E4E7E;}

/* Header Layout
====================================================================================== */

#header		{background: url(/images/sm_header_bg.jpg) no-repeat bottom #CC0001;
			 height: 114px;
			 position: relative;}

.quote		{position: absolute; top: 13px; right: 10px;}

/* Middle Layout
====================================================================================== */
#main			{background: url(/images/main_bg.jpg) no-repeat bottom left #CBC7A2;
				 position: relative;}

#main,
#content		{_height: 400px; min-height: 400px;}

#content		{background: #FFFFFF;
				 border-left: 1px solid #989B66;
				 margin-left: 168px;
				 padding: 7px 11px 30px 11px;
				 /* position: absolute;
				 top: 0px;
				 left: 168px; */
				 width: 561px;}

#main p			{margin: 4px 0px;}



.photo img,
.profile img	{border: 1px solid #AFAFAF;
				margin-right:10px;
}

/* a. Main
------------------------------------------------------------------- */
#welcome				{clear: both;}



#welcome h2				{
						 display: block;
						 margin-bottom: 5px;
						 width: 300px;}
#featured {
	float:left;
}


#featured,
#quicksearch			{clear: both;
						 padding: 20px 0px;
						 width: 260px;}

#quicksearch			{position: absolute;
						 top: 178px;
						 right: 15px;}

#featured h2,
#quicksearch h2			{border-bottom: 1px solid #9E9D6D;
						 display: block;
						 margin-bottom: 11px;}

#featured dt			{float: right;
						 text-align: left;
						 width: 148px;}

#featured .photo		{margin-right: 10px;}

#quicksearch .photo 	{float: none;
						 margin: 0px 2px;}

#quicksearch form		{margin-top: 15px;}

#quicksearch fieldset	{background: #E1E0B7;
					 	 border: 1px solid #B2AF89;
						 padding: 8px 10px;}

#searchform span {position: relative;
				  top: 3px;}


#quicksearch input,
#searchform input	 	{margin: 2px 0px;}

.inputBorder			{border: 1px solid #7F9DB9;}

#quicksearch input,
#searchform input	 	{width: 160px;}

#quicksearch .checkbox	{width: 20px;}

#quicksearch label 		{margin: 2px 4px;}

/* b. Index Directory
------------------------------------------------------------------- */
.dirindex 		{border-bottom: 1px solid #DFE0B8;
				 padding-bottom: 25px;}

.dirindex ul	{margin: 5px 0px 5px 75px;}

.dirlist		{clear: both;}

.dirlist ul		{ margin: 0px 5px; float: left; width: 160px; }

.dirlist li		{display: block;
				 float: left;
				 margin: 5px;
				 width: 149px;}

.categoryIndex	{border: 1px solid #DFE0B8;
				 float: right;
				 padding-bottom: 4px;
				 width: 200px;}

.categoryIndexText {float: left; width: 350px;}

.categoryIndex h3	{background: #DFE0B8;
					 color: #CC0003;
					 display: block;
					 font-size: 14px;
					 text-transform: uppercase;
					 padding: 4px 0px 4px 7px;}

.keywordIndex ul {list-style: none;
				  margin: 0px 40px;}

.keywordIndex li {display: block;
				  float: left;
				  width: 160px;}

.label_display {
    display: inline-block;
    padding: 0 0 5px 0;
}
.input_display {
    vertical-align: bottom;
    position: relative;
    top: -1px;
    margin-right: 2px;
}


/* c. Profile
------------------------------------------------------------------- */
.clear {clear: both;}

.profile,
.speech ,
.commercial			{clear: both;}

.tags				{margin: 8px 0px;}

.breadcrumbs ul,
.dirindex ul,
.dirlist ul,
.tags ol			{list-style: none;}

.tags ul {margin: 0px 8px;}

.tags li {display: block;
		  float: left;
		  margin: 4px 0px;
		  width: 120px;}


/* d. Speech and Commercial
------------------------------------------------------------------- */

.video	{clear: both; text-align: center;}

/* e. Search
------------------------------------------------------------------- */
#searchform 			{margin-bottom: 18px;}

#searchform fieldset	{border: 0px;}

#searchform input 		{margin: 0px;
						 margin-right: 4px;}

#searchform ol 			{list-style: none; margin: 0px 45px;}

#searchform li 			{float: left; margin: 8px 10px;}

.searchResults dt 		{margin-top: 9px;}

.searchResults dd 		{margin-bottom: 14px;}

.searchResults p.results	{border-bottom: 1px solid #E3DFB9;
							 display: block;
							 padding-bottom: 2px;}

.pageTitle				{border-bottom: 1px solid #9E9D6D;
				 		 display: block;
						 padding: 3px 0px;
				 		 width: 100%;}

.breadcrumbs li,
.dirindex li			{float: left; margin-right: 4px;}

.breadcrumbs 			{float: right;}

.dirlist,
.description,
.bio					{padding: 10px 0px;}

.speech p,
.dirlist p,
.bio p					{padding: 2px 0px;}

.p_link a {
	text-decoration: none;
}

.speech a img			{position:relative; top: 2px;}

.description			{float: left;
						 position: relative;
						 width: 360px;}

.description img		{margin-right: 10px;}

.infoBoxWrapper			{float: right;}

/* f. Links
------------------------------------------------------------------- */
.links 		{margin-left: 5px;}

.links dt	{margin-top: 7px;}

.links dd	{padding-bottom: 4px;
			 border-bottom: 1px dashed #CCCCCC;}

/* g. Contact Us
------------------------------------------------------------------- */
#frmContact	{margin: 40px 30px;
			 position: relative;}

#frmContact fieldset {border: none;}

#frmContact p			{position: absolute;
						 top: -30px;
						 right: 0px;}

#frmContact label		{float: left;
						 text-align: left;
						 width: 100px;
						 margin-right: 10px;}

#frmContact input,
#frmContact textarea 	{margin: 0px 0px 5px 0px;
						 padding-left: 3px;}

.buttons 				{text-align: center;
						 padding-left: 65px;
						 width: 200px !important;
						 width: 300px;}

.contact-list			{margin-left: 25px;}

.message{color:#ff0000;}
.messageGreen{color:#669900;}

/* g. Info Box
------------------------------------------------------------------- */
.infoBox {border: 1px solid #AAAAAA;
		  margin: 7px 2px;
		  padding-bottom: 2px;
		  width: 175px;}

.infoBox h3 {background: #E2E0B7;
			 display: block;
			 color: #CB0002;
			 font-size: 14px;
			 font-family: Georgia, "Times New Roman", Times, serif;
			 padding: 3px 4px;
			 text-transform: uppercase;}

.infoBox ul {list-style: none;
			 margin: 2px 8px;}

.infoBox li {margin: 3px 0px;}

.infoBox li span {display: block; font-weight: bold; float: left; width: 60px;}

.infoBox dl {margin: 2px 8px;}

.infoBox dd {margin: 0px 0px;}
.infoBox dt	{float:left; font-weight: bold;}
.infoBox dd {margin-left: 52px;}
.fileDownload dd {margin: 7px 0px; margin-left: 25px;}
.fileDownload img {border: 0}

/* h. Staff and Editorial Board
------------------------------------------------------------------- */
.lineHeight {height: 10px;}

ul.list_padding{
	padding: 5px 20px;
}
li.list_padding{
	padding-left:5px;
}

/* i. About section
------------------------------------------------------------------- */
.about-list{
	margin-left: 20px;
	margin-top: 10px;
}

/* Navigation Layout
====================================================================================== */
#nav				{background: #FFFFFF;
					 position: absolute;
					 top: 0px;
					 left: 0px;
					 width: 168px;}

#nav ul 			{border-top: 1px solid #989B66;
					 list-style: none;}

#nav ul li 			{display:block;}

#nav ul li.about	{background: #E2E0B7;
					display: block;
					padding: 2px 0px;
					font-weight: bold;
				 	text-transform: uppercase;}

#nav ul li.about span	{padding: 0px 2px;}

#nav ul li a 		{background: #E2E0B7;
					border-bottom: 1px solid #989B66;
					display: block;
					padding: 2px;
					}

#nav ul li li a {
	font-size: 10px;
	padding: 2px 8px;
}


#nav ul li #searchStyle	{background: #E2E0B7;
						border-bottom: none;
						display: block;
						padding: 3px;
						}

#searchStyle input {
	border-width:1px;
	color:#7f7f7f;
	font-weight: bold;
	font-size: 9pt;
	font-family: Trebuchet MS;
	text-indent: 5px;
	border-color:#999966;
}

#searchStyle input .searchButton {
	border:none;

}

.searchButton {
position: absolute;
right: 7px;
top: 10px;
z-index: 100;
}

.option-padding {
    padding-left: 2px;
}

/* Footer Layout
====================================================================================== */
#footer				{background: url(/images/footer_logo.png) no-repeat 8px 50% #E2E0B7;
					 border-top: 1px solid #989B66;
					 height: 70px;
					 position: relative;}

.print				{position: absolute;
					 top: -40px;
					 right: 0px;
					 width: 200px;}

#footer ul			{list-style: none;
					 position: absolute;
					 top: 15px;
					 right: 10px;}

#footer ul li 		{float: left; margin: 0px 2px}

#footer .poweredby	{position: absolute;
					 bottom: 2px; left: 290px;}

#socialmedia	{
	position: absolute;
	bottom: 2px;
	right: 10px;
	vertical-align: center;

}

#socialmedia .sm {
	vertical-align:top;
}


#fieldset{
	float:left;
	display: block;
}

.field{
	margin: 2px 0;
}

#inputField{
	width: 250px;
}

#search{
	margin: 4px 0;
    text-align: center;
}

.multiple_select{
	width: 162px;
	font-size: 11px;
	height: 80px;
}

.ui-datepicker-trigger{
	vertical-align: text-bottom;
}

.error404 {float: left; width: 350px;}

.error404 ol,.error404 ul {padding: 0 25px}
