/*
Theme Name: ETI International
Author: Break Web Design
Author URI: http://www.breakaffordablewebsitedesign.com/
*/

img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {background: #02508e; font:14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 5px }

/*

color scheme
------------

color1: #code
color2: #code
color3: #code

*/


/*////////////////////		General		////////////////////*/

#main {margin: auto; width: 900px; background: #fff; border: 1px solid #000}

#header {clear: both; background-image:url(images/header.jpg); height: 195px}
#menu {margin: 9px 0 0 25px; font-size: 14px}


.col3 {}
.col3 .left {width: 300px; float: left}
.col3 .center {width: 300px; float: left}
.col3 .right {width: 300px; float: left}

.col2-left {margin: 0 30px 20px 10px; min-height: 320px}
.col2-left .left {background: #02508e; width: 210px; float: left; border: 1px solid #000; margin-right: 30px; min-height: 520px; color: #FFF; padding-top:10px; margin-top: 43px}
.col2-left .right {width: 570px; float: left; background: #fff; min-height: 300px}

.col2-right {}
.col2-right .left {width: 372px; float: left; border: 1px dotted #640D0F; min-height: 365px; background-image:url(images/nurse.jpg); background-repeat: no-repeat; background-position:left bottom; margin-left: 15px; padding: 10px 10px 0 210px; line-height: 20px}
.col2-right .right {width: 265px; float: left; margin: 0 0 0 15px}

.box1 {width: 260px; min-height: 148px; border: 1px dotted #640D0F;}
.box2 {width: 260px; min-height: 215px; border: 1px dotted #640D0F;}

.col2-center {}
.col2-center .left {width: 450px; float: left}
.col2-center .right {width: 450px; float: left}

.col1 {height: 210px; float: left; margin-left: 15px; border: 1px solid #c24338}


#footer {clear: both; margin: auto; width: 900px; height: 40px; background: #000; color: #FFF}

.clear {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden}
.clear10 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:10px; overflow:hidden}
.clear20 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:20px; overflow:hidden}
.clear30 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:30px; overflow:hidden}
.clear41 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:41px; overflow:hidden}
.clear100 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:100px; overflow:hidden}
.spacer-d10 {clear: both; height: 9px; border-bottom: 1px dotted #ccc; margin-bottom: 10px}
.spacer-d20 {clear: both; height: 19px; border-bottom: 1px dotted #ccc; margin-bottom: 20px}
.spacer-d30 {clear: both; height: 29px; border-bottom: 1px dotted #ccc; margin-bottom: 30px}
.spacer-s10 {clear: both; height: 9px; border-bottom: 1px solid #eee; margin-bottom: 10px}
.spacer-s20 {clear: both; height: 19px; border-bottom: 1px solid #eee; margin-bottom: 20px}
.spacer-s30 {clear: both; height: 29px; border-bottom: 1px solid #eee; margin-bottom: 30px}

.highlight {background: #f0e5d2; border: 1px dotted #d1c3aa; padding: 10px}


/*////////////////////		Text		////////////////////*/

h2 {font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: #02508e; height: 30px; text-align:center; padding-top: 8px}
h1 {font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: bold; text-decoration:underline; display:inline}
h3 {font-weight: normal; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #000}
h4 {font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #C30}
h5 {font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000}
h6 {font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000}

p {color: #000}
.post p {margin-bottom: 10px}
.post ul {border-bottom: 10px solid #fff}
.post img {margin: 0; padding: 0}
.post .alignright {margin-left: 20px}
.post .alignleft {margin-right: 20px}
#footer p {font-size: 10px; text-align: center; color: #fff; padding-top: 5px}

.list {margin: 0; padding: 0 0 0 30px; list-style: circle; font-size: 14px; font-weight: bold}

.lightestblue {color: #adf}
.lightblue {color: #09f}
.blue {color: #026}
.orange {color: #f60}
.green {color: #590}
.black {color: #000}
.grey {color: #666}
.white {color: #fff}

.xxxlarge {font-size: 20px}
.xxlarge {font-size: 18px}
.xlarge {font-size: 16px}
.large {font-size: 14px}
.medium {font-size: 12px}
.small {font-size: 10px}
.xsmall {font-size: 8px}

.textright {text-align: right}
.textleft {text-align: left}
.textcenter {text-align: center}

.alignright {float: right}
.alignleft {float: left}

.clearright {clear: right}
.clearleft {clear: left}
.clearboth {clear: both}

.pad10 {padding: 10px}


/*////////////////////		Linkology		////////////////////*/

a:link, a:visited {text-decoration: none; color: #00f}
a:hover {text-decoration: underline}
a:active {text-decoration: none}

#footer a:link, #footer a:visited {text-decoration: none; color: #fff}
#footer a:hover {text-decoration: underline}
#footer a:active {text-decoration: none}

a.button:link, a.button:visited {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; padding: 3px 5px 3px 5px; background-color: #ddd; border: 1px solid; border-color: #fff #bbb #999 #bbb; text-decoration: none; color: #000}
a.button:hover {background-color: #ffffe4; border-color: #ffffe6 #f5f5b6 #d3d397 #f5f5b6}
a.button:active {background-color: #ffffe6; border: 1px solid; border-color: #d3d397}

a.readmore {display:block; content:"."; clear:both; font-size:0; line-height:0; height:35px; width:103px; background:url(images/readmore.png) top center no-repeat; overflow:hidden; float:right; padding-right:10px}
a.readmore:hover {background-position: bottom center;padding-right:10px}

.breakfrom a {color: #f0f}

/*////////////////////		Menu		////////////////////*/

#menu ul { padding-left: 0; margin: 0; list-style: none}
#menu ul li {padding-left: 5px; width: 130px; height: 25px; float: left; position: relative; text-align:center;font-size: 11px;}
#menu ul li a {display: block;  color: #000; line-height: 25px; }
#menu ul li:hover a {color: #FFF; background-color: #02508E; text-decoration: none;border-bottom: 1px solid #000 ; border-left: 1px solid #000 ; border-right: 1px solid #000; width: 130px; font-size: 11px; text-decoration: none; padding: 0; margin: 0; color: #CCC;}
#menu ul li a:hover {color: #FFF; background-color: #02508E; text-decoration: none; padding: 0 0 0 0; margin: 0}
#menu ul li.current_page_item a, #menu ul li.current_page_ancestor a, #menu ul li.current_page_parent a {}


#menu ul li ul {display: none;  text-decoration: none; border: none; padding: 0; margin: 0; width: 200px;}
#menu ul li:hover ul {display: block; position: absolute; top: 16px; left: 0; padding: 10px 0 0 5px;  }
#menu ul li ul li { text-decoration: none; padding: 0; margin: 0; border-bottom: 1px solid #000 ; border-right: 1px solid #000}
#menu ul li ul li a {font-size: 11px; color: #FFF; background-color: #02508E;  text-decoration: none; border: none; padding: 0; margin: 0}
#menu ul li ul li a:hover {color: #FFF; background-color: #02508E; text-decoration: none; padding: 0 0 0 0; margin: 0}
#menu ul li.current_page_item ul li a, #menu ul li.current_page_ancestor ul li a, #menu ul li.current_page_parent ul li a {}
#menu ul li ul li.current_page_item a {text-decoration: none;}



#menu ul li.page-item-5:hover a {width: 100px; border-top: 1px solid #000}
#menu ul li.page-item-5 {width: 100px}
#menu ul li.page-item-107:hover a {width: 100px; border-top: 1px solid #000}
#menu ul li.page-item-107 {width: 100px}

#menu ul li.page-item-7:hover a {border-top: 1px solid #000}
#menu ul li.page-item-8:hover a { border-top: 1px solid #000}
#menu ul li.page-item-12:hover a { border-top: 1px solid #000}

#menu ul li.page-item-25:hover a {width: 100px; border-top: 1px solid #000}
#menu ul li.page-item-25 {width: 100px}

#menu ul li.page-item-11:hover a {width: 100px; border-top: 1px solid #000}
#menu ul li.page-item-11 {width: 100px}






/*////////////////////		Forms		////////////////////*/

.linklove {display: none}

/*////////////////////		Search		////////////////////*/

.search
{
margin: 8px 5px 0px 11px;
padding: 0;
width: 230px;
height: 26px;
float: right;
clear:right;
background:url(images/search2.jpg) no-repeat;
display:inline;
outline:none;
}

.searchbgIE
{
background:url(images/search2.jpg) no-repeat;
width:101px;
height:23px;
display:block;
border: 0;
outline:none;
}
.searchbg
{
background: url(images/search.jpg) no-repeat;
width:230px;
height:30px;
display:block;
border: 0;
outline:none;
}

.search_field
{
float:left;
border:0;
margin-left: 10px;
margin-top: 8px;
padding: 0;
width:150px;
height: 20px;
padding: 0px 0px 0px 0px;
font: 1.0em Arial;
background-color:transparent;
outline:none;
}

.search_field:focus + .searchbg
{
background: url(images/search2.jpg) no-repeat;
outline:none;
}

.contact {float:right; margin: 20px 25px 0 0; font-size: 10px}

.searchbgIE
{
background:url(images/search.jpg) no-repeat;
width:101px;
height:23px;
display:block;
border:0;
}