/* Element Styles
******************************/
body {
	background: #8a8a8a;
	color: #1c1c1c;
	font-family: "Lucida Grande", sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 10px 0 0 0;
	}

h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0;}

a {color: inherit; text-decoration: none; cursor: pointer;}
a img {border: none;}

hr {border: none; height: 0px; border-bottom: 1px solid #666; margin: 0 0;}

ul {padding-left: 2em; margin: 0;}
ul ul {list-style: disc;}
li {margin: 0; padding: 0; list-style-image: url(../img/tn_dyk-arrow.gif); }
dt {padding-top: 1em; margin: 0; font-weight: bold;}
dd {padding: 0; margin: 0;}

p img {float: left; padding: 0 .5em .5em 0;}
p img.right {float: right; padding: 0 0 .5em .5em; display: block;}

blockquote {
	background: url(../img/tn_quote-left.png) left top no-repeat;
	clear: both;
	padding: 0 0 0 22px;
	margin: 5px;
	width: 100px;
	}
blockquote p {
	background: url(../img/tn_quote-right.png) right bottom no-repeat;
	color: white;
	padding: 0 18px 0 0;	
	}
cite {color: #DDD; margin: 5px; padding-left: 22px;}
cite:before {content: "\2014";}


form {width: 400px; margin: auto;}
fieldset {border: none; margin: 0; padding: 0 0 1em 0;}
legend {color: #436c90; font-weight: bold; text-align: left;}

label {clear: left; color: #666; text-align: right; padding-right: 15px; width: 175px;}
input, select, textarea {background: #FFF; border: 1px solid #666; height: 1.5em}
input, select {width: 200px;}
input, label {float: left;}
input, label, textarea {margin-bottom: .5em;}
input.auto {width: auto;}
select {height: 1.8em;}

label.wide, textarea {width: 400px;}
label.wide {text-align: center; margin-bottom: 0;}

textarea {height: 6em;}
textarea, input.text {font-family: "Lucida Grande", sans-serif; font-size: 9pt;}

input.button {
	color:#fff;
	border-right: 2px solid #85766b;
	border-bottom: 2px solid #85766b;
	border-top: 1px solid #afa196;
	border-left: 1px solid #afa196;
	width: auto;
	height: 25px;
	}
input.submit {
	background: #fb7b00;
	border-color: #e87200;
	}
input.button:hover { background: #fc9430;}

/* Reusable Styles
******************************/
.clear {clear: both;}
.break {clear: both; height: 0px;}

.gray {color: #999;}
.picture {}
	.picture.right {text-align: center; width: 265px;}
	.picture .caption {color: #3a3e7e; font-size: 9pt; font-style: italic; text-align: center;}

.right {float: right;}
	.left {float: left;}
	.textright {text-align: right;}
.serif {font-family: "Georgia", serif;}
.smaller {font-size: 8pt;}
.smallcaps {font-size: 8pt; text-transform: uppercase;}

a.add, a.action, a.delete {
	height: 15px;
	line-height: 15px;
	}
a.add, a.delete {
	background: left center no-repeat;
	padding: 0 0 0 20px;
	display: block;
	}
a.add {background-image: url(../img/btn_add.gif);}
a.delete {background-image: url(../img/btn_delete.gif);}


a.email {padding-left: 12px; background: url(../img/icn_email.gif) left no-repeat;}
/* a.right {text-align: right;} */

.hidden {display: none;}

.column {float: left;}
.column.half {width: 200px; padding-right: 15px;}
.column.twothird{width: 250px; padding-right: 15px;}
ul.column.half {padding-right: 0;}

ul.doublespace li {margin-bottom: 1em;}

a.back {float: right; font-size: 8pt;}

img.size50 {height: 50px; width: 50px;}

.note {font-size: 90%; color: #333; font-style: italic;}

/* Layout Styles
******************************/
#page {margin: auto; width: 760px;}

#header {
	background: #3f4287 url(../img/bg_banner.jpg) top right no-repeat;
	height: 120px;
	width: 760px;
	}
	#header img {display: block; float: left;}
	#header .tagline {
		background: url(../img/tn_bullet.gif) left center no-repeat;
		color: white;
		float: left;
		margin-top: 5px;
		padding-left: 14px;
		}
	#header .login {
		color: #b2b8f2;
		font-size: 8pt;
		float: right;
		margin: 5px;
		padding-right: 10px;
		text-align: right;
		text-transform: lowercase;
		}

		#header .login a {
			color: #DDD;
			text-decoration: none;
			text-transform: none;
			}
			#header .login a:hover {color: #666;}

#main {
	background: url(../img/bg_main.gif);
	clear: both;
	margin-top: 10px;
	width: 760px;
	}
	#main h2 {
		background: #7578a7 url(../img/hdr_purple.gif) repeat-x bottom;
		color: white;
		float: left;
		font-family: "Georgia", serif;
		font-size: 18pt;
		line-height: 27px;
		margin: 0;
		height: 25px;
		padding: 10px 10px 10px 20px;
		width: 564px;
		}
	#content {
		float: left;
		padding: 10px 20px;
		min-height: 400px;
		width: 554px;
		}	
	#content a {color: #ef7300; text-decoration: none;}
	#content a:hover {text-decoration: underline;}
	#content p {max-width: 450px;}
	
	#content h3, h4, h5 {
		color: #333973;
		font-family: "Georgia", serif;
		padding: .25em 0;
		margin: 0;
		}
	#content h3 {font-size: 14pt;}
	#content h4 {font-size: 12pt;}
	#content h5 {font-size: 9.5pt; padding-top: 5px;}
	
	
	#main #hero {float: left;}
	
	#side {
		color: #2f2f2f;
		background: #f25700;
		float: right;
		font-family: "Lucida Grande", sans-serif;
		font-size: 8pt;
		height: 325px;
		width: 166px;		
		}
		#side h2 {
			background: url(../img/bg_side-title.png);;
			height: 55px;
			margin: 0;
			padding: 0;
			text-indent: -10000px;
			width: 166px;
			}
	#side blockquote {
		width: 120px;
		}
	#side #alumni {color: #FFF; clear: both;}
	#side #alumni li {list-style-image: none; list-style-type: none}

#footer {
	clear: both;
	color: white;
	font-size: 8pt;
	padding: 10px 0;
	text-align: left;
	}
	#footer a {color: white; text-decoration: underline;}
	#footer a:hover {color: #333; text-decoration: none;}
	
	
/* Nav Styles
*****************************/
#nav {
	background: url(../img/bg_nav.png);
	font-size: 10.5pt;
	clear: right;
	float: right;
	margin: 40px 10px 0 0;
	padding: 7px 15px;
	list-style: none;
	text-align: right;
	text-transform: lowercase;
	width: 425px;
	}

#nav li, #subnav li {display: inline; margin: 0; padding: 0 10px;}

#nav li a, #subnav li a {color: white; text-decoration: none;}
#nav li a:hover, #nav li a.here, #subnav li a:hover, #subnav li a.here {color: #fb7b00;}
/* #nav li a.here {
	padding: 0 0 0 10px;
	background: url(../img/tn_nav-arrow.gif) left center no-repeat;
	} */

#subnav ul {
	clear: right;
	display: none;
	float: right;
	font-size: 8pt;
	margin: 0 10px 0 0;
	padding: 2px 15px;
	text-align: center;
	text-transform: lowercase;
	width: 425px;
	}
	





/* Home Styles
******************************/
.home #side {
	background-image: url(../img/bg_side001.jpg);
	height: 325px;
	line-height: 1.5em;
	}
	.home #side h2 {
		background: url(../img/bg_side-title-home.png) bottom left no-repeat;
		}
	.home #side ul {clear: both;}
	
	
	.home #side a {color: #2f2f2f; line-height: 1.8em; }
	.home #side a:hover {color: #3c4080; }
		
	.home #side .popup {
		display:none;
		background: url(../img/bg_popup.gif) top right no-repeat;
		list-style: none;
		margin-left: -210px;
		margin-top: -30px;
		position: absolute;
		padding-right: 10px;
		width: 200px;
		}
		.home #side .popup .content {
			border: 1px solid #325e8b;
			border-right: none;
			background: #9cc6ea;
			padding: 5px;
			}

#events {
	background: #b3b3b3 url(../img/bg_events.gif) repeat-y right;
	clear: both;
	float: left;
	margin-top: 10px;
	width: 760px;
	}
			
	#events h2 {
		background: #e6e6e6 url(../img/tn_bullet.gif) 5px center no-repeat;
		color: #797979;
		font-family: "Georgia", serif;
		font-weight: normal;
		font-size: 10pt;
		text-transform: uppercase;
		margin: 0;
		padding: 5px 5px 5px 20px;
		}
		
	#events .event {
		color: #373737;
		float: left;
		padding: 15px 0 15px 20px;
		width: 133px;
		font-size: 8pt;
		}
	
	.event a {color: #373737;}
	.event a:hover {color: #3c4080;}
	.event a:hover img {border: 2px solid #3c4080; margin: -2px;}


/* About Us Styles 
***********************************************/
.about #side {
	background: url(../img/bg_side002.jpg);
	min-height: 481px;
	}
	
/* Membership Styles 
***********************************************/
.membership #side {
	background: url(../img/bg_side004.jpg) left -2px no-repeat;
	min-height: 481px;
	}

/* Business Styles 
***********************************************/
.business #side {
	background: url(../img/bg_side005.jpg);
	min-height: 481px;
	}

form.category {margin: 0; padding: 0; width: 550px;}
form.category label {clear: none; padding: 0; margin: 0; text-align: left;}
form.category * {float: left;}

.jobs {clear: both;}
.jobs cite {
	color: #888;
	font-style: normal;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
.jobs cite:before {content: "";}


#directory {padding-top: 1.5em;}


/* Events/Calendar Styles 
***********************************************/
.events #side {
	background: url(../img/bg_side003.jpg);
	height: 560px;
	}
.events div.left {float: left; width: 350px;}

dl.events {float: left;}
dl.events dt {width: 180px; clear: left; float: left; padding: 5px;}
dl.events dd {width: 140px; float: left; margin: 1px; padding: 5px;}

.calendar {
	color: #333;
	float: left;
	font-size: 8pt;
	padding: 15px 20px 15px 0;
	width: 180px;
	text-align: left;
	}
	#events .calendar {float: right;}
	
	.calendar table {
		font-size: 9pt;
		}
	
	.calendar table col {background: #e1e1e1;}
	.calendar table col.weekend {background: #c9d3e0;}
	.calendar table td {}
	.calendar table thead td {
		background: #878894;
		color: white;
		padding: .25em;
		text-align: center;
		}
	.calendar table tbody td {
		font-size: 8pt;
		width: 2em;
		height: 2em;
		vertical-align: top;
		}
		
	.calendar table tbody td a {
		color: black;
		background: #8cb6ea;
		display: block;
		margin: -1px;
		padding: 1px;
		height: 2em;
		width: 2em;
		text-decoration: none;
		}
	.calendar table tbody td a:hover {background: #325e8b;}
	
	
	
	
	#events .calendar .popup {
		background: #ddd;
		border: 1px solid #666;
		display: none;
		padding: 5px;
		position: absolute;
		margin: -125px 0 0 -215px;
		width: 186px;
		
		
		/* box-shadow: 0 5px 10px rgba(32, 32, 32, 125); */
		-webkit-box-shadow: 0 5px 10px rgba(32, 32, 32, 125);
		/* -moz-box-shadow: 0 5px 10px rgba(32, 32, 32, 125); */
		}
	#events .calendar .popup .content {
		overflow: hidden;
		width: 170px;
		padding: 5px;
		}
	#events .calendar .popup h3, #events .calendar .popup p, #events .calendar .popup a  {
		margin-left: 35px;
		}
		
	#events .calendar .popup a.close {
		background: url(../img/tn_popup-close.png);
		display: block;
		font-size: 0px;
		float: right;
		height: 14px;
		margin: 0;
		width: 14px;
		}
		#events .calendar .popup a.close:hover {
			background-color: #999;
			}
		
	#events .calendar .popup .date, #events .calendar .popup .break  {
		float: left;
		height: 15px;
		margin-right: 5px;
		padding: 5px;
		width: 20px;
		}
	#events .calendar .popup .date {
		background: #e3a849;
		margin-bottom: 80px;
		
		}
	
	#events .calendar .popup h3 {
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
	
	#events .calendar .popup p {
		margin-bottom: 0;
		}
		
	#events .calendar .popup a {
		color: #ed7100;
		display: block;
		font-family: "Lucida Grande", sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		text-align: right;
		text-transform: lowercase;
		
		margin-bottom: .5em;
		}	
		#events .calendar .popup a:hover {
			color: #8d6628;
			}
		
	
/* Photo Gallery Styles
**********************************/
.gallery {}
.options {
	border-bottom: 1px solid #666;
	height: 18px;
	font-size: 8pt;
	line-height: 18px;
	margin-bottom: .5em;
	padding-bottom: .4em;
	}

.gallery .album, .gallery .thumb {
	float: left;
	padding-right: 14px;
	width: 170px;
	}
.gallery .thumb {padding-bottom: 15px;}
.gallery .picture {clear: both; text-align: center;}

.gallery .album h5 {height: 2.5em; overflow: hidden;}



.gallery form.upload div {clear: both;}
.gallery form.upload label, .gallery form.upload input {
	clear: none;
	margin: 0 30px 0 0;
	text-align: left;
	padding: 0;
	width: 140px;
	}
.gallery form.upload label {display: block; padding: .5em 0 .25em 0;}

.gallery form.upload input.button {
	width: auto;
	margin: 1em 0 0 10px;
	padding: .2em;
	}