/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: square; }

.bordered { border: 4px solid #e6efbb; }
a:hover .bordered { border-color: #ef5196; }


h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a { color: #e65c9a; font-size: 22px; margin: 0px 0px 12px 0px; line-height: 24px; font-weight: normal; }
h2, h2 a { color: #c7dc66; font-size: 16px; margin: 0px 0px 10px 0px; line-height: 18px; }
h3, h3 a { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #ef5297; font-size: 13px; line-height: 17px; }
a  { color: #ef5297; font: normal 12px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main-1 { background: url('../images/layout/main-bg.jpg'); width: 877px; margin: 0px auto; margin-top: 30px; }
#main-2 { background: url('../images/layout/main-top.jpg') no-repeat top left; }
#main-3 { background: url('../images/layout/main-bottom.jpg') no-repeat bottom left; }

#banner { width: 854px; height: 256px; margin-left: 11px; }
#nav { height: 49px;  margin-left: 20px;}
#nav a { display: block: height: 49px; line-height: 20px; width: 207px; float: left; margin-left: 1px; color: #ef5196; font-size: 16px; text-align: center; padding-top: 20px; padding-bottom: 9px; font-weight: bold; }
#nav a:hover { background: url('../images/layout/nav_over_bg.jpg') no-repeat bottom left; color: #FFFFFF; text-decoration: none; }

#content-1 { background: url('../images/layout/content-bg.jpg'); width: 877px; }
#content-2 { background: url('../images/layout/content-top.jpg') no-repeat top left; }
#content-3 { background: url('../images/layout/content-bottom.jpg') no-repeat bottom left; }
#content-inner { padding: 35px 30px 35px 30px; min-height: 250px; }

#footer { font-size: 11px; color: #ef5297; text-align: center; padding-top: 5px; padding-bottom: 8px; }
#footer a { color: #ef5297; font-size: 11px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#foot { color: #ee92ba; font-size: 10px; text-align: center; }
#foot a { color: #ee92ba; font-size: 10px; text-decoration: none; line-height: 16px; }
#foot a:hover { color: #ee92ba; text-decoration: underline; }