@charset "UTF-8";
/* CSS Document */

/* vibe strategies */

/* BODY ------------------------------------------------------- */

body {
	background-color: #ebebeb;
	background-image: url(bgBody.png);
	background-repeat: repeat-x;
	background-position: top;
}

body.index {
}

img {
border: none;
}

* {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
}


/* TEXT -------------------------------------------------------- */

* {
	color: #474747;
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
}

.small {
font: 9px Verdana,Arial,sans-serif;
color: #474747;
}


.dark_blue { color: #091825; }
.blue { color: #1384bf; }
.red { color: #fe01ae; }


a {
	text-decoration:none;
	color: #292929;
} 

a:hover {
color: #fe01ae;
text-decoration:underline;

}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h4 *, h5 *, h6 * {
font-weight: normal;
}


p {
margin-bottom: 1em;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

.alert {
color: #a90006;
background: url(admin_iconAlert.png) no-repeat center left;
padding-left: 15px;
margin-left: 10px;
margin-bottom: 15px;
clear: both;
}

	.alert * {
	color: #a90006;
	}

/* GERNERAL CRAP ---------------------------------------- */

.clear {
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }

#container {
width: 870px;
padding-top: 17px;
margin: 0 auto;
}


/* HEADER ---------------------------------------- */

#header {
width: 870px;
height: 304px;
background: url(bgHeader.jpg) no-repeat bottom;
}

	#header h1 {
	background: url(bgHeaderLogo.png) no-repeat;
	width: 323px;
	height: 117px;
	text-indent: -9000px;
	margin-left: 47px;
	}
	
	#header div#search {
	width: 220px;
	float: right;
	}
	
		#search input {
		border: none;
		background: none;
		}
		
		#search input.text {
		background: url(bgSearchText.png) no-repeat center center;
		color: #474747;
		font-size: 12px;
		float: left;
		display: inline;
		width: 168px;
		height: 23px;
		padding: 10px 10px 0;
		
		}
	
		#search input.go {
		background: url(bgSearchButton.png) no-repeat center center;
		float: right;
		display: inline;
		width: 28px;
		height: 28px;
		cursor: pointer;
		margin-top: 2px;
		}
	
	div#nav {
	width: 870px;
	height: 24px;
	padding-top: 6px;
	background: #192832;
	margin-bottom: 20px;
	}
	
		#nav ul {
		margin-left: 20px;
		}
	
		#nav li {
		float: left;
		display: inline;
		position: relative;
		}
		
		#nav a.nav {
		color: #fff;
		font-size: 13px;
		padding: 4px 3px;
		margin-left: 25px;
		}

		 #nav .pink_hov a:hover, #nav .pink_hov a.over { color: #e673ea; }
		 #nav .red_hov a:hover, #nav .red_hov a.over { color: #e21f26; }
		 #nav .orange_hov a:hover, #nav .orange_hov a.over { color: #f26f21; }
		 #nav .yellow_hov a:hover, #nav .yellow_hov a.over { color: #ffca05; }
		 #nav .green_hov a:hover, #nav .green_hov a.over { color: #00a551; }
		 #nav .bluegreen_hov a:hover, #nav .bluegreen_hov a.over { color: #02bebc; }
		 #nav .blue_hov a:hover, #nav .blue_hov a.over { color: #1384bf; }
		 #nav .purple_hov a:hover, #nav .purple_hov a.over { color: #812a84; }
		
		
		.dropdown {
		position: absolute;
		top: 17px;
		left: 0;
		padding: 10px;
		background: #192832;
		width: 150px;
		padding-top: 15px;
		display: none;
		}
		
			.dropdown a {
			background: url(iconDropdown.png) no-repeat left center;
			padding-left: 17px;
			color: #fff;
			font-size: 11px;
			display: block;
			margin-bottom: 5px;
			}
		
		
		
	
/* FOOTER ---------------------------------------- */

	#footer {
	width: 870px;
	padding: 10px 0;
	background: url(bgFooter.png) bottom center;
	text-align: center;
	font-size: 11px;
	color: #ebebeb;
	}


/* SIDEBAR ---------------------------------------- */

#sidebar {
float: right;
display: inline;
width: 240px;
}

	#sidebar h3 {
	text-align: left;
	padding: 0 15px;
	width: 215px;
	color: #091825;
	}
	
		#sidebar h3 a {
		color: #1384bf;
		}
		
		#sidebar h3 a:hover {
		color: #fe01ae;
		text-decoration:underline;
		}
	

	#sidebar h3.heading {
	background: url(bgSideHeading.png) no-repeat;
	padding-top: 8px;
	height: 26px;
	}
	
	#sidebar h3.headingtop {
	background: url(bgSideHeadingTop.png) no-repeat;
	padding-top: 6px;
	height: 26px;
	}
	
	#sidebar .bottom {
	background-image: url(bgSideFooter.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}

	#sidebar .sidebox {
	background-color: #ebebeb;
	width: 210px;
	padding: 15px;
	}
	
	#sidebar .sidetop {
	background: #ebebeb url(bgSideTop.png) no-repeat top;
	}
	
		.sidebox p {
		text-align: justify;
		line-height: 15px;
		font-size: 11px;
		}
		
	#sidegallery {
	width: 210px;
	height: 180px;
	position: relative;
	}
	
	.sidenav li {
	margin-left: 15px;
	list-style-image: url(iconSideNav.png);
	margin-bottom: 5px;
	}
	
		.sidenav li a {
		font-size: 11px;
		color: #1384bf;
		font-weight: bold;
		}
		
		.sidenav li a:hover {
		color: #fe01ae;
		text-decoration:underline;
		}


/* MAIN ---------------------------------------- */

#content {
width: 810px;
padding: 30px;
/*background: #fff;*/
}

div.main {
width: 540px;
float: left;
display: inline;
}
	
	.main h2 {
	
	}

	.main h2 {
	font-size: 15px;
	color: #091825;
	margin-bottom: 20px;
	}

		.main h2 a {
		font-size: 15px;
		color: #1384bf;
		}
	
		.main h2 a:hover {
		color: #fe01ae;
		text-decoration:underline;
		}
		
	.main h3, .main h3 a {
	font-weight: bold;
	margin-bottom: 13px;
	color: #1384bf;
	}
	
		.main h3 span {
		font-weight: normal;
		}
	
	
	.main p {
	font-size: 12px;
	line-height: 17px;
	text-align: justify;
	margin-bottom: 1em;
	}
	
	ul.p {
	margin-bottom: 16px;
	}
	
		ul.p li {
		background: url(bgList.png) no-repeat left 4px;
		padding-left: 15px;
		}
		
	ul.columns {
	float: left;
	}	
		
		ul.columns li {
		width: 240px;
		float: left;
		display: inline;
		}	
	
	ul.media {
	margin-bottom: 16px;
	}
	
		ul.media li {
		background: url(bgListLt.png) no-repeat left 4px;
		padding-left: 15px;
		margin-bottom: 10px;
		}
		
		ul.media li a {
		font-weight: bold;
		}
		
		ul.media li span {
		display: block;
		color: #999;
		}
		
	a.ext {
	padding-left: 15px;
	background: url(iconExtLink.png) no-repeat left center;
	}
	
.mainleft {
float: left;
display: inline;
width: 255px;
}

.mainright {
float: right;
display: inline;
width: 255px;
}
	
	
.homebox {
display: inline;
width: 255px;
margin-bottom: 30px;
}

	.homebox h3 {
	background: #ebebeb;
	padding: 2px 5px 3px;
	width: 245px;
	color: #091825;
	font-size: 13px;
	margin-bottom: 10px;
	}
	
	.homebox p {
	padding: 0 5px;
	}
	
img.people {
padding: 3px;
border: 1px solid #ddd;
float: left;
width: 120px;
margin-right: 15px;
margin-bottom: 5px;
}

img.photo {
padding: 3px;
border: 1px solid #ddd;
float: left;
margin-right: 15px;
margin-bottom: 5px;
}

img.border {
padding: 3px;
border: 1px solid #ddd;
}



.mes {
	font-size: 16px;
	}
