/*templated adapted from CSS Mastery book*/

* {
margin:0;
padding:0;
}

body {
font:.8em/1.5 Arial, sans-serif;
background-color:gold;
text-align:center;
background: #713a01 url(images/bkgnd3.gif) repeat-x fixed;
width:940px;
}

h2 {
font-size:1.8em;
}

h3 {
font-size:1.6em;
}

h4 {
font-size:1.4em;
}

li {
font-size:100%;
}

h1,h2,h3,h4 {
margin:.3em 0;
color:#713a01;
font-weight:bold;
}

a:link {
color: #713a01;
}

a:visited {
color: #713a01
}

a:active {
color: #713a01;
}

a:hover {
text-decoration:none;
}

#brand-photos {
float:right;
}

#branding {
height:198px;
background: #fff url(images/MEA3.jpg) left center no-repeat;
clear:both;
margin:0 auto;
width:900px;
border:1px solid #ccc;
}

#leftCol {
list-style:none;
width:225px;
float:left;
padding-bottom:5px;
font-size:.9em;
}

#leftCol li {
margin-left:2em;
}

#footer {
background:#713a01 url(images/footer3.gif) repeat-x;
clear:both;
padding:10px 5px 0 5px;
text-align:center;
font-size:.9em;
color:#fff;
height:50px;
border:1px solid #ccc;
}

#footer a {
color:#fff;
}

#footer2 {
background-color:transparent;
clear:both;
padding:0 5px 0 5px;
text-align:center;
font-size:.9em;
color:#333;
height:20px;
margin-bottom:1.5em;
}

#wrapper {
width:775px;
text-align:left;
background:#fff url(images/nav-faux-col.gif) repeat-y left top;
margin:0 auto;
border:1px solid #ccc;
clear:both;
color:#000;
}

#content {
width:510px;
float:right;
padding:0 1em 1em 0;
clear:both;
}

#content p, #leftCol p {
margin:10px;
}

#content ul li , #content ol li {
margin:.2em 0 .2em 3em;
}

#topinfo {
width:775px;
margin:0 auto;
background-color:transparent;
font-size:.9em;
color:#fff;
}

#topinfo ul li {
float:left;
list-style:none;
padding-right:30px;
}

#topinfo a {
text-decoration:underline;
color:#fff;
}

#leftCol * {
padding-left:20px;
padding-right:20px;
}

#leftCol * * {
padding-left:0;
padding-right:0;
}

#content * * {
padding-right:0;
}

#search {
padding:5px;
display:block;
float:right;
}

.smalltext {
font-size:.9em;
}

#motto {
float:right;
width:200px;
clear:both;
font-size:.9em;
font-variant: small-caps;;
font-style: italic;
color:#713a01;
text-align:right;
clear:both;
}

#applynow {
background:#ddd url(images/blueBg.jpg) repeat-x left top;
margin-top:-3px
}

#applynow h4 {
padding:10px 0 0 0;
}

.red {
color:#990000;
font-weight:bold;
font-size:1.8em;
text-align:center;
}

.center {
margin:0 auto;
text-align:center;
display:block;
}

.imgleft {
float:left;
margin:5px;
}

.imgright {
float:right;
margin:5px;
}

.imgbrand {
float:right;
clear:both;
}

.border {
border:1px solid #ccc;
}

a img, img {
border:0;
}

.pad {
padding:5px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Menu function */

#menu {
width:100%;
background: url(images/menu3.gif) center center repeat-x;
background-position: 0 0;
height:31px;
position:relative;
z-index:10;
}

/* Menu adapted from www.htmldog.com */
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1.8;
}

#nav a {
display: block;
color:#fff;
border-right:1px solid #fff;
text-decoration:none;
}

#nav li { /* all list items */
float: left;
}

#nav li ul { /* second-level lists */
position: absolute;
width:190px;
font-size:.9em;
height:20x;
line-height:1;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav a.mainmenu {
padding:4px 20px;
background: url(images/menu3.gif) center center repeat-x;
background-position: 0 0;
color:#fff;
}

#nav a:hover.mainmenu {
background-position: 0 -30px;
color:#FFFF99;
}

#nav a.submenu {
width:160px;
padding:5px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#713a01;
color:#fff;
}

#nav a:hover.submenu {
background-color:#996600;
color:#FFFF99;
}

.sub1 {
border: 1px #ffffff solid;
}

#nav a:hover.nomenu{
cursor: default;
background-position: 0 0;
}