/*
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 {
		}
	

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

		#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;
		}
		
			#adminnav a {
			color:#222;
			}
		
	#showcase {
	margin:0px 0px 15px 0px;
	}
		
	#content {

	}
	
		#main {
		width:500px;
		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;
    }
	
	
	
#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; }