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

/* top elements */
* { margin: 0; padding: 0; outline: 0; } /*sets no padding or margin around the body of our document*/

body {
	background-color: #fffff6; /*website background color (white)*/
	color: #333333; /*sets our text color for our website*/
	margin: 15px 0; /*sets no padding and a 15px margin around the body of our document*/
	font-family: Corbel, Verdana; /*sets the font family for our website*/
	font-size: 12px; /*sets the font size in %, you can also use 12px or 14px etc... px stands for pixels*/
	line-height: 1.5em; /*sets the height between each line of text.*/
}

#page_wrap {
	width: 961px;
	margin: 0 auto;
	padding:0px;
	
}



#content_wrap {
	clear: both; /*The clear property sets the sides of an element where other floating elements are not allowed.*/
	width: 961px;
	padding: 0;
}

#homecontent {
	margin-top:13px;
	background-image: url(images/homecontentupper.jpg);
	background-repeat:no-repeat;
	background-color: #fff418;
	padding: 10px 10px 0 10px;
}

#homecontentfooter {
	background-image:url(images/homecontentlower.jpg);
	width:961px;
	height:31px;
}

#home_header {
	position: relative; /*An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position*/
	height: 558px;
	padding: 0;
}

#home_header img {
	border:none;
	
}

#eng_header {
	position: relative; /*An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position*/
	height: 558px;
	padding: 0;
	background-image:url(images/eng.jpg);
}

#header {
	position: relative; /*An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position*/
	height: 193px;
	background: url(images/header.jpg) no-repeat center top;
	padding: 0;
}

#menu {
	clear: both; /*No floating elements allowed on either the left or the right side*/
	padding: 0; /*Padding*/
	background: url(images/menu_bkground.jpg) no-repeat; /*Our menu background*/
	height: 52px;
	width: 961px;
}

#menu ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}

#menu ul li {
	display: inline; /*The element will be displayed as an inline element, with no line break before or after the element*/
	padding: 0;
}

#menu ul li img {
	margin: 0 125px 0 0;
	border-style:none;
	
}



#content_wrap {
	width:961px;
	position:relative;
}

#sidebar {
	float: left;
	width: 166px;
	background: #fff418 url(images/sidebar_top.jpg) no-repeat;
	margin-top: 13px;
	display:inline;
	padding: 10px 0 0 10px;
}

#sidebar_footer {
	float: left;
	width: 176px;
	height: 14px;
	background: url(images/sidebar_bottom.jpg);
}

	
#main {
	float: right;
	width: 737px;
	background: #fff418 url(images/mainbar_top.jpg) no-repeat;
	margin-top: 13px;
	display: inline;
	padding: 10px 10px 0 10px;
}

#main ul {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
	float: left;
}

#main ul li {
	display: inline; /*The element will be displayed as an inline element, with no line break before or after the element*/
	padding: 0;
}

#main ul li img {
	margin: 0 40px 0 0;
	border-style:none;
	
}

#main ul li p {
	margin: 0 60px 0 0;
	border-style:none;
	display: inline;
	font-size: 120%;
	padding-left: 0px;
}

#main_footer {
	background: url(images/mainbar_bottom.jpg);
	width: 757px;
	height:14px;
	float:right;
	display:inline;
}
	
	
#page_footer {
	 color:#C30;
     font-size: 10px;
     font-family: Corbel,Verdana, Geneva, Arial, sans-serif;
	 text-align: right;
     width: 100%;
	 padding-top: 50px;
	 clear:both;
	 line-height: 1.3em;
}

.form {
	float: left;
}

.form-row {
	clear: left;
	float: left;
	width: 400px;
	padding: 4px;
}

.form-row label {
	position: relative;
	top: 0px;
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 15px;
}

.form-row textarea {
	height: 100px;
	border: 1px solid;
	float: left;
	width: 250px;

}

#submit {
	float: left;
	clear: left;
	width: 400px;
	text-align: left;
	padding-left: 119px;
}

input.textfield {
	border: 1px solid;
}

input.btn { 
	color:#333333; 
	font: 100% verdana; 
	background-color:#fcf56c; 
	border:1px solid; 
	border-color: #C30 #C30 #C30 #C30; 
	padding: 2px;
}

input.btn2 { 
	color:#333333; 
	font: 100% verdana; 
	background-color:#fcf56c; 
	border:1px solid; 
	border-color: #C30 #C30 #C30 #C30; 
	padding-left: 10px;

}



#mariadiv {
	float:left;
	display: inline;
	margin: 0 30px 0 0;
	padding-left:28px;
	text-align:justify;
	width: 310px;
	
}

.noborder {
border-style:none;	
}

#jaimediv {
	float:right;
	display: inline;
	margin: 0 0 0 0;
	padding-right: 30px;
	text-align:justify;
	width: 320px;
	
}

.blogpost {
	width:450px;
	border:2px dashed #43a048;
	padding: 8px;
}

.blogtitle {
	width:450px;
	border:2px dashed #ee3f23;
	padding:8px;
}

.blogtitle h2 {
	font-size:16px;
	color:#333;
}

.centertext {
	text-align:center;
}

.j_letter {
	color: #802d8c;
}

.a_letter {
	color: #ee3f23;
}

.m_letter {
	color: #43a048;
}

a, a:visited {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration:none;
	background: inherit;
	color: #C30;
}

.purplelink {
	color: #802d8c;
}

h1 {
	font-size: 180%;
	color: #333333;
}

h2 {
	font-size: 130%;
	color:#db412f;
}

h3 {
	font-size: 10pt;
	color:#db412f;
}

.babyborder {
	border-style:solid;
	border:1px;

}

.babycaption {
	
	font-size:130%;
	color:#802d8c;
	
}

.lightbox {
	
	
}

.spacing {
margin: 0 9px 0 0;	
}