/* ************************************ */
/* ************************************ */
/* global styles or "parent" in cascade */
/* ************************************ */
/* ************************************ */

* { margin: 0; padding: 0; }
img { border: 0; }
body, table, p { font-family: 'verdana','arial',sans-serif; font-size: 13px; color: #231f20; line-height: 18px; }
h1,h2,h3,h4 { font-family: 'verdana',sans-serif; font-weight: bold; color: #f7bc39; }
p { margin-top:0px; margin-bottom: 8px; } 
input.styled { border:1px solid #777; width: 250px; height: 26px; position: relative; background:#fff; font-family: 'arial',sans-serif; font-size: 12px; color: #333; padding: 0px 5px 0 10px; } 
input.submit { padding: 5px 15px; }
select, option { border:1px solid #777; width: 250px; height: 26px; background:#fff; font-family: 'arial',sans-serif; font-size: 12px; color: #333; } 
textarea { border:1px solid #777; width: 250px; height: 120px; background:#fff; font-family: 'arial',sans-serif; font-size: 12px; color: #333; padding: 5px 5px 0 10px; }
ul, ol { margin-left: 15px; margin-bottom: 15px; }
a { text-decoration: none; }


/* tells firefox div's to interperet padding box model the same as IE */
div { -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding: 0;}

/* ************************************ */
/* ************************************ */
/* ************************************ */
/* ************************************ */

body { background:url('images/bodybg.gif') top center repeat-x #98b4de; }
#mastercontain { width: 960px; position: relative; }
#contain { width: 960px; height: 513px; overflow: visible; position: relative; background:url('images/mainbg.jpg') top left no-repeat; }
#menu { width: 307px; position: absolute; left: 0px; top: 15px; }
#faces1 { position: absolute; top: 255px; left: 0px; }
#faces2 { position: absolute; top: 255px; left: 307px; z-index:1; }
#footerinfo { font-size: 11px; margin-bottom: 20px; margin-top: 20px; }
#footerinfo a { color: #fff; }
#contentHome { position: absolute; top: 124px; left: 613px; width: 308px; height: 389px; background:url('../images/contentHeader-Home.jpg') top left no-repeat #739dd3; padding: 60px 30px 0 30px; text-align: left; }
#contentHome p { color: #fff; line-height: 22px; }
#content { position: absolute; top: 47px; left: 411px; width: 498px; background:url('../images/contentHeader.jpg') top left no-repeat #98b4de; padding: 10px 30px 0 30px; text-align: left; }

h1 { font-size: 22px; margin-bottom: 30px; margin-top: 5px; }
h3 { font-size: 15px; color: #231f20; }
.dropcap { float: left; margin-right: 8px; position: relative; top: 5px; }
.yellow { font-weight: bold; color: #f7bc39; }
.spacer { height: 110px; }
.bottombuttons { width: 495px; height: 27px; position: relative; right: 30px; top:10px; padding-bottom: 40px;}
.error { padding: 5px; background: #e12c28; color: #000; font-weight: bold; }

ul.big { font-size: 15px; font-weight: bold; margin-bottom: 13px; }
ul.big li { list-style-image: url('../images/bullet.gif');  }
ul.big a { color: #231f20; }
ul.big a:hover { color: white; }
ul a { color: #231f20; }
ul li { list-style-image: url('../images/bullet.gif');  }
ul a:hover { color: white; }


#popup1, #popup2, #popup3, #popup4 { 
z-index: 2px;
position:absolute; 
visibility:hidden;
top: 81px; left: 397px; 
}