/* GENERAL HTML CSS STYLING */

* 
{
	margin: 0;
	padding: 0;
}

a
{
	color: #4863A0;
	font-weight: bold;
}

body 
{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font: 14px Arial, Helvetic, sans-serif;
	color: #4863A0;
}

h3
{
	padding-bottom: 5px;
}

h5
{
	font: 14px Arial, Helvetic, sans-serif;
	padding-bottom: 10px;
	font-weight: bold;
}

textarea.textarea
{
	font-size: 12px;
	color: black;
	font-family: Verdana;
	width: 375px;
	height: 100px;
}

/* CUSTOM CSS STYLING */

#wrapper
{
	width: 900px;
	margin: 0 auto;
	border: 10px solid #FFFFFF;
}

#logo 
{
	padding: 5px;
}

#menu {
	padding: 5px;
	font: 11px Arial, Helvectic, sans-serif;
}

#page 
{
	padding: 5px 0px 5px 0px;
}

#growl {
	position: fixed;
	top: 5px;
	right: 5px;
	width: 99%;
	z-index: 10;
}

#growl .notice {
	position: relative;
	min-height: 37px;
	margin-bottom: 5px;
}

#growl .skin {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.95;
	right: 0;
	top: 0;
	z-index: -1;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#growl .close 
{
	background: transparent url(../images/egrowl.png) 0 0 no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
}

#growl p {
	background: inherit;
	color: #FFF;
	font-size: 18px; 
	font-weight: bold;
	padding: 10px 20px 10px 10px;
}

#flash-sidebar-title
{
	font: 20px Arial, Helvetic, sans-serif;
	font-weight: bold;
	color: #4863A0;
	margin-bottom: 10px;
	padding-left: 10px;
}

#flash-sidebar-frame
{
	margin-left: 10px;
	margin-bottom: 10px;
}

/* [Start] User Form CSS Class */

.ui-user-form h3
{
	padding: 0px;
	color: #4863A0;
}

.ui-user-form div
{	
	padding: 0;
	margin: 0;
}

.ui-user-form ul
{
	list-style: none;
	padding: 0px;
}

.ui-user-form ul li
{
	padding: 5px;
}

.ui-user-form ul li label
{
	float: left;
	width: 125px;
}

.ui-user-form ul li input.text
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana;
	width: 200px;
}

.ui-user-form ul li input.med-text
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana;
	width: 250px;
}

.ui-user-form ul li input.lng-text
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana;
	width: 400px;
}

/* [End] User Form CSS Class */

/* [Start] Newsletter Form CSS Class */

.ui-newsletter-form h3
{
	padding: 0px;
	color: #4863A0;
}

.ui-newsletter-form div
{	
	padding: 0;
	margin: 0;
}

.ui-newsletter-form ul
{
	padding-left: 10px;
	list-style: none;
}

.ui-newsletter-form ul li
{
	padding: 0px;
}

.ui-newsletter-form ul li label
{
	/* float: left; */
	width: 125px; 
}

.ui-newsletter-form ul li input.text
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana;
	width: 200px;
}

.ui-newsletter-form ul li input.med-text
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana;
	width: 250px;
}

.ui-newsletter-form ul li input.lng-text
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana;
	width: 400px;
}

/* [End] Newsletter Form CSS Class */

/* [Start] Form CSS Class */

.ui-form h3
{
	padding: 10px;
	color: #4863A0;
}

.ui-form div
{	
	padding: 0;
	margin: 0;
}

.ui-form ul
{
	list-style: none;
	padding: 10px;
}

.ui-form ul li
{
	padding: 5px 5px;
}

.ui-form ul li label
{
	float: left;
	width: 120px;
}

.ui-form ul li input.text
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana;
	width: 375px;
}

/* [End] Form CSS Class */

/* [Start] Content no Side Bar */

#content div
{
	margin: 15px 0px 15px 0px;
} 

#search-bar
{
	vertical-align: middle;
	padding: 10px;
}

#search-text
{
	font-size: 15px;
	width: 450px;
}

#menu-bar
{
	vertical-align: middle;
	padding: 10px;
}

/* [End] Content no Side Bar */

/* [Start] Content with Side Bar */

#content-half
{
	width: 650px;
	float: right;
}

#content-half div
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#content-half .menu ul
{
	list-style: none;
}

#content-half .menu li
{
	display: inline;
}

#sidebar
{	
	float: left;
	width: 240px;
}

#sidebar div
{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

#sidebar div ul
{
	list-style: none;
}

/* [End] Content with Side Bar */

/* [Start] Employee Degrees */

.degrees
{
	list-style: none;
	padding: 5px;
}

.degrees li.degree
{
	margin-left: 5px;
	background-image: url('../images/Certificate16ng.gif');
	background-repeat: no-repeat;
	line-height: 10px;
	background-position: left center;
	padding: 5px 5px 5px 20px;
}

/* [End] Employee Degrees */

/* [Start] Post */

.post-heading {
	font: bold 17px Arial,Helvetic,sans-serif;
	border-bottom: 1px solid #E0E0E0;
}
.post-div {
	border-bottom: 1px solid #E0E0E0;
	padding-left: 5px;
}

.post-div-noborder {
	border-bottom: 0px solid #E0E0E0;
	padding-left: 5px;
}

.post-image {
	float: left; 
	border: 1px solid #E0E0E0; 
	margin: 0px 10px 0px 0px; 
	padding: 6px;
}

.post-title {
	font: bold 15px Arial,Helvetic,sans-serif;
}

.post-date {
	margin-top: 5px;
	margin-bottom: 5px;
	font: 12px Arial,Helvetic,sans-serif;
}

.post-date img {
	padding-right: 5px;
}

.post-content p {
	padding: 0px 0px 10px 0px;
}

/* [End] Post */

/* [Start] Footer */

#footer
{
	clear: both;
	padding: 5px;
	text-align: center;
	font: 11px Arial, Helvectic, sans-serif;
	margin: 0px auto 30px auto;
}

#footer a
{
	color: #000000;
	text-decoration: underline;
}

#footer a:hover
{
	text-decoration: none;
}

/* [End] Footer */