/*
COLORS
Blue = #6A95C8 -- Links
Light Turquoise = #53B0BE -- backgrounds?
Dark Turquoise = #486C71 -- Headers
BROWN = #7F604E
darkbrown: #715A48 = 
Fuschia: #B02371;
Navy: #27213E;

*/

/***LAYOUT***/

body {
text-align:center;
font-size:11px;
}

	#container {
	text-align:left;
	width:758px;
	margin:0px auto;
	}
	

	#header {
	margin:0px 0px 0px 0px;
	width:758px;
	height:70px; 
	background:url(../images/header.jpg) center top no-repeat;
	}
	
		#header h1 {
		margin:0px;
		padding:0px;
		width:200px;
		height:70px;	
		line-height:70px;
		}
		
		#header h1 span {
		display:none;
		}
		
		#header img {
		
		}
		
		#header #search {
		}
		
	#logo {
		width: 160px;
		height: 70px;
	}
	
	#header-social {
		float: right;
		margin-right: 16px;
	}
	
	#header-social .icons {
		float: left;
		padding-top: 8px;
		padding-right: 12px;
	}
	
	#header-social .icons a {
		text-decoration: none;
		color: #A9E7F2;
		font-weight: bold;
		font-size: 11px;
	}
	
	#header-social .icons img {
		vertical-align: middle;
		margin-bottom: 4px;
	}
	
	#header-social .subscribe {
		float: left;
		text-align: center;
		padding: 14px 16px 0 16px;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
	}
	
	#header-social .subscribe .button {
		margin-top: 5px;
	}
	

	#nav {
	padding:5px 10px 10px 10px;
	background:url(../images/nav.jpg) center bottom no-repeat;
	font-size:11px;
	margin:0px 0px 10px 0px;
	}
	
	#mainnav {
		width: 100%;
	}

		#nav ul {
		margin:0px;
		}
		
		#nav ul li {
		display:inline;
		margin:0px 5px 0px 0px;
		}
		
		
		#nav ul li a {
		padding:5px;
		text-decoration:none;
		font-weight:bold;
		}
		
		
		#nav a:hover {
		text-decoration:underline;
		}
		
		
		#adminnav {
		float:right;
		clear: both;
		padding-top: 10px;
		}
		
			#adminnav a {
			color:#222;
			}
		
	#showcase {
	margin:0px 0px 15px 0px;
	}
		
	#content {

	}
	
		#main {
		width:500px;
		float:left;
		margin:0px 0px 20px 4px;
		min-height:300px;
		}
		
		#main-wide {
		width:725px;
		float:left;
		margin:0px 0px 20px 4px;
		min-height:300px;
		}
		

		#sidebar {
		float:right;
		width:225px;
		margin:0px 4px 20px 0px;
		clear:right; 
		text-align:left;
		}
		
			#usernav {
			display:block;
			margin:0px 0px 10px 0px;
			}
			
			#usernav ul li .first {
			-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius: 5px;
	}
			
			#usernav ul li {
			display:block;
			}
			
			#usernav ul li a {
			display:block;
			padding:5px;
			background:#f0f0f0;
			text-decoration:none;
			border-bottom:1px solid #ccc;
			}
			
			#usernav ul li a:hover {
			background-color:#6a95cb;
			color:white;
			}
	
	#footer {
	
	padding:20px 4px 0px;
	clear:both;
	}
	
		#footerinner {
		background-color:#715A48;
		width:750px;
		float:left;
		}
		
			#footer .footercol {
			float:left;
			width:170px;
			padding:15px 0px 0px 15px;
			}
			
			#footer h5 {
			color:#B59377;
			margin:0px 0px 0px 0px;
			}
				
				#footer ul {
				margin:0px 0px 10px 0px;
				}
	
			#footer a {
			color:#E1B591;
			text-decoration:none;
			}
			
			#footer a:hover {
			color:#E1B591;
			text-decoration:underline;
			}
			
/***STYLES***/

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.3em;
  color: #333;
}

h1,h2,h3,h4,h5,h6 { 
  font-family: "Georgia", "Times", "Times New Roman", serif;
  margin: 0; 
  color:#111; 
  clear:both; 
}

h1 { 
font-size: 200%; 
margin:0px 0px 5px 0px;
}

h2 { 
font-size: 175%; 
margin:10px 0px 5px 0px;
color:#486C71;
background:url(../images/hr.jpg) bottom right no-repeat;
padding:0px 130px 20px 0px;
}

h3 { 
font-family: "Lucida Grande", "Arial", "Georgia", "Times", "Times New Roman", serif;
font-size: 150%; 
margin:10px 0px 2.5px 0px; 
padding:0px;
}

h4 { 
font-size: 100%; 
margin:10px 0px 2.5px 0px;
font-weight:bold;
text-transform:uppercase;
}

h5 { 
margin:10px 0px 0px 0px;
font-size: 100%;
font-weight:bold; 
}

h6 { 
font-size: 110%; 
font-weight:bold; 
background:url(../images/lightbluefade-round-500.jpg) top left no-repeat #D8EDF0;
padding:4px 6px 3px 6px;
margin:5px 0px 0px 0px;
text-transform:uppercase;

}

	ul.sublinks {
	display:block;
	vertical-align:baseline;
	margin:0px 0px 0px 8px;
	}

	ul.sublinks li {
	font-family: "Lucida Grande", "Arial", "Georgia", "Times", "Times New Roman", serif;
	float:left;
	vertical-align:baseline;
	}
	
	ul.sublinks li a {
	display:block;
	font-size:11px;
	background:lightblue;
	padding:3px 5px;
	margin:0px 2px 0px 0px;
	text-decoration:none;
	color:#6A95C8;
	}
	
	
	ul.sublinks li a:hover{
	color:white;
	background-color:#6a95cb;
	}
	
	
	ul.sublinks li a.selected {
	font-weight:bold;
	border:1px solid #ddd;
	border-bottom:none;
	background-color:#F0F8F9;	
	font-size:110%;
	}
	
	ul.sublinks li a.selected:hover {
	color:#6a95cb;
	}

ul {
}

ul.peoplelist li {
margin:0px 0px .6em 0px;
}	


p {
margin:0px 0px 10px 0px;
}

a {
color:#6A95C8;
}


a:hover {
text-decoration:underline;
}


strong {
font-weight:bold;
}

em {
font-style:italic;
}

small {
font-size:90%;
color:#666;
display:inline;
}

input[type=text], input[type=password], textarea, input.text {
width:320px;
padding:3px;
font-size:11px;
}

table {
margin:0px 0px 15px 0px;
border-collapse:collapse;
}


table.datatable {
background:#D8EDF0;
width:100%;
overflow:hidden;
}

	td {
	border-bottom:1px solid #ccc;
	padding: 5px;
	margin:0px;
	text-align:left;
	vertical-align:top;
	}
	
	tr.odd td {
	background:#f7bff;
	}
	
	tr.odd .column1 {
	background::#f4f9fe;
	}
	
	.column1 {
	background:#f9fcfe;
	}
	
	th {
	background:#D8EDF0;
	color:navy;
	padding:5px;
	border-bottom:1px solid #ccc;

	}			
					
	
table.formtable {
	border:none;
	width:500px;
	max-width:500px;
	}
	
		table.formtable td {
		border:none;
		border-bottom:1px solid #ccc;
		text-align:left;
		padding:15px 5px;
		}

/***CLASSES***/	
	
p.intro {
font-size:30px;
line-height:36px;
display:block;
}

.top {
margin-top:0px;
}

.floatleft {
float:left;
margin:0px 10px 10px 0px;
}

.floatright {
float:right;
margin:0px 0px 10px 10px;
}

.clearleft {
clear:left;
}

.clearright {
clear:right;
}

.clearboth {
clear:both;
}

.border {
border:1px solid #ccc;
}

.padding {
padding:5px;
}


.alert {
border:2px solid red;
background:pink;
padding:10px;
margin:0px 0px 5px 0px;
}

.success {
border:2px solid green;
background:lightgreen;
padding:10px;
margin:0px 0px 5px 0px;
}

 	input.error {
    background:pink;
    }
	
label {
color:#888;

}	
	
    label.error {
	clear:both;
	display:block;
    margin:0px 5px;
    color:red;
    font-weight:bold;
    }
	
.error-message {
	color: #f00;
	font-weight: bold;
	padding: 15px;
	border: #f00 1px solid;
	display: block;
}
	
	
#narrowcol {
width:190px;
float:left;
overflow:hidden;
}

#widecol {
width:300px;
float:right;
overflow:hidden;
}

	
dl {
margin:0px 0px 10px 0px;
border-bottom:1px solid #ccc;
}

dl dt {
color:#27213E;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #ccc;
font-weight:bold;
}

dl dd {
text-align:left;
padding:10px 5px;
}


#narrowcol dl {
background:#F5E2EC;

}

#widecol dl {
background:#D8EDF0;
}

#narrowcol dl dt {
background:url(../images/lightfuschiafade-round.jpg) no-repeat top left #F5E2EC;
}

#widecol dl dt {
background:url(../images/lightbluefade-round.jpg) no-repeat top left #D8EDF0;
}



#members dl {
width:100%;
float:left;
margin:0px 0px 0px 0px;
}

#members dl dd.image {
float:left;
padding:5px 0px 5px 5px;
}

#members dl dd {
float:left;
}

table.noborders {
border:none; 
}

table.noborders td {
border:none;
}

.click {
cursor:hand;
cursor:pointer;
}

.thumbnailtd {
width:110px;
text-align:center;
overflow:hidden;
}

.thumbnailtd img {
width:100px;
}

.admintd {
text-align:center;
}

	.admintd a, a.admin {
	text-decoration:none;
	padding:2px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:lightblue;
	line-height:2em;
	font-family:"Lucida Grande", "Arial";
	}
	
	.admintd a:hover, a.admin:hover {
	background:#6a95cb;
	color:white;
	}
	
	.admintd a:active, a.admin:active {
	background:navy;
	color:white;
	}

	a.delete {
	background:pink;
	color:red;
	}
	
	a.delete:hover {
	background:red;
	text-decoration:none;
	color:white;
	
	}




	/* jquery.suggest styles */
	.ac_results {
		border: 1px solid gray;
		background-color: white;
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		z-index: 10000;
		display: none;
	}
	
	.ac_results li {
		padding: 2px 5px;
		white-space: nowrap;
		color: #101010;
		text-align: left;
	}
	
	.ac_over {
		cursor: pointer;
		background-color: #F0F0B8;
	}
	
	.ac_match {
		text-decoration: underline;
		color: black;
	}
	
	
	
	
#popupcontainer {
text-align:left;
width:500px;
margin:0px auto;
}

#popupcontainer h2 {
text-align:left;
}

.touser {
padding:3px 7px;
background-color:#27213E;
color:white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

.touserdelete {
border-left:1px dashed white;
padding:2px 2px 2px 7px;
margin-left:4px;
cursor:auto;
cursor:pointer;

}


.userthumb {
text-align:center;
float:left;
margin:5px 5px;
padding:0px;
border:none;
overflow:hidden;
width:60px;
height:100px;
}

.photothumb {
text-align:center;
float:left;
margin:5px 5px;
padding:0px;
border:none;
overflow:hidden;
width:60px;
height:80px;
}

dl.userthumb dd {
padding:0px;
text-align:center;
clear:left;
}

dl.userthumb dd img {
width:50px;
}

.number {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:125%;
}


.pages li {
 display:inline;
}

.pages li a {
padding:1px 2px;
text-decoration:none;
}

.pages li a:hover {
background:#6A95C8;
color:white;
}

.pages li a.selected {
background:#6A95C8;
color:white;
}


#home {
margin:0px 4px;
}

.homecol {
width:243px;
float:left;
margin:0px 10px 10px 0px;
overflow:hidden;
}

.homecol tr td {
height:180px;
max-height:180px;
overflow:hidden;
}


.doublecol {
width:496px;
}

.last {
margin:0px 0px 10px 0px;

}

.doublecol dl dt {
background:url(../images/bluefade-496.png) no-repeat top left #D8EDF0;
}

	.doublecol dl {
	background:#D8EDF0;
	}

/*default home column*/
.homecol dl dt {
background:url(../images/fuschiafade-243.png) no-repeat top left #F5E2EC;
}

.homecol dl {
background-color: #F5E2EC;
}

.homecol dl.fuschiabg dt {
background:url(../images/fuschiafade-243.png) no-repeat top left #F5E2EC;
}

.homecol dl.bluebg dt {
background:url(../images/bluefade-243.png) no-repeat top left #D8EDF0;
}

.homecol dl.graybg dt {
background:url(../images/grayfade-243.png) no-repeat top left #DDDDDD;
}

.fuschiabg {
background-color:#F5E2EC;
}

.graybg {
background-color: #DDDDDD;
}

.bluebg {
background:#D8EDF0;
}



.description img {
max-width:280px;
}


.position {
}

.company {
font-size:90%;
color:#777;
}

.ad150 img { width:225px; }

.message-preview {
	border: #777 1px solid;
	padding: 20px;
	margin-top: 20px;
	width: 700px;
}

.message-view {
	
}

.message-view h3.title {
	font-family: georgia, times, serif;
	font-style: italic;
	font-size: 20px;
	color: #FF452C;
}

.message-avatar {
	float: right;
	border: #ccc 1px solid;
	margin: 20px;
	margin-top: 0;
}

.comment-avatar {
	float: left;
	border: #ccc 1px solid;
	margin: 0 20px 20px 0;
}

.comment {
	border: #eee 1px solid;
	padding: 16px;
	float: left;
	width: 460px;
	margin-bottom: 20px;
}

.comment .comment {
	width: 428px;
	margin-bottom: 0;
}

.post-user {
	color: #777;
	font-style: italic;
	font-family: georgia, times, serif;
	margin-bottom: 10px;
	font-size: 11px;
}

.reply-link {
	text-align: right;
	clear: both;
	padding-right: 20px;
	padding-top: 10px;
}

.reply-link a {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	background: #efefef;
	padding: 4px;
}

.list-name, .message-title {
	font-family: georgia, times, serif;
	font-size: 13px;
	line-height: 1.4;
	color: #FA482C;
	color: #A30D64;
	font-weight: bold;
	text-decoration: none;
}

.list-description, .message-summary {
	font-size: 12px;
	color: #444;
	line-height: 1.3;
}

h3.subheader {
	font-size: 20px;
	color: #486C71;
	font-family: georgia, times, serif;
	font-weight: normal;
	border-bottom: #cccccc 1px solid;
	width: 100%;
	margin: 20px 0 10px 0;
}

#subscribe td {
	border: none;
}

.forum-nav {
	background: #486C71;
	margin-bottom: 20px;
	height: 22px;
	padding-top: 2px;
}

.forum-nav a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 4px 12px;
	border-right: #A7AEAF 1px solid;
	line-height: 20px;
}

.forum-nav .active {
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
	font-size: 14px;
	padding: 4px 12px;
	border-right: #A7AEAF 1px solid;
	line-height: 20px;
}

#tooltip {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #b2bdc3;
    opacity: 0.90;
    width: 300px;
    text-align: left;
}

#signature-edit {
	border: #999 1px solid;
	padding: 4px 20px 10px 20px;
	font-size: 12px;
}

#showcase2 {
	margin:0px 0px 15px 0px;
	background: transparent url('../images/showcase-video-slide.jpg') left top no-repeat;
	width: 758px;
	height: 241px;
	padding-top: 9px;
	}
	
#showcase2 .slideshow {
	margin-left: 8px;
}

#home-video {
	float: right;
	margin-top: 37px;
	margin-right: 20px;
}
	
#showcase-signup {
	float: right;
	clear: both;
	margin-right: 66px;
	margin-top: 6px;
}

/* VIDEOS */

.video-row {
	width: 498px;
	float: left;
	clear: both;
	border-bottom: #eaeaea 1px solid;
	padding: 10px 0 20px 0;
	margin-bottom: 30px;
}

.video-thumb {
	float: left;
	width: 122px;
	margin-right: 20px;
	line-height: 1.4;
	color: #999;
	font-size: 11px;
}

.video-thumb img {
	width: 120px;
	border: #ccc 1px solid;
	margin-bottom: 4px;
}

.video-details {
	width: 305px;
	float: left;
}

.video-title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
}

.video-title a {
	text-decoration: none;
}

.video-desc {
	color: #555;
}

#video-single .video-desc {
	margin-top: 20px;
}

.meetingform .form-row {
	float: left;
	clear: both;
	margin-bottom: 10px;
	border-bottom: #fafafa 1px solid;
}

.meetingform label {
	color: #111;
	font-weight: bold;
	font-size: 12px;
	width: 80px;
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
}

.meetingform textarea {
	height: 150px;
}

.meetingform #datefield {
	width: 120px;
}

.meeting-message {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: #efefef 1px solid;
}

.meeting-message .from-line {
	color: #777;
}