@charset "utf-8"; 
/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }

/* =html */
html { background : #2c4267  }

/* =body */
body { font : 80%/160% Tahoma, Verdana, Arial, sans-serif; background : #2c4267; color : #5a1c46; text-align : left; }

/* =hx */
h1, h2, h3 { font-weight : bold; text-transform:capitalize; letter-spacing:1px;}

/* =h1 */
h1 {z-index : 3; position : absolute;left : 20px;top : 20px;width: 600px;height : 100px;}
h1 a { display : block; width: 600px; height : 110px; text-indent : -9999px; }

/* =h2 */
div#content_pages h2{color:#5a1c46; text-transform:capitalize; font-size:16px; font-weight:bold; margin-left:30px; margin-top:10px;}

/* =h3 */
div#content_pages h4 { font-size : 110%; margin : 0 30px; letter-spacing:2px; color:#036}

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */
div#content { width : 100%; padding : 0px 0 20px 0; background-color : #fff; overflow : hidden; }
div#content_pages { float : left; width : 100%; padding : 20px 0; background:url(../images/bg_sub.jpg) 0 -10% repeat-x;}


div#content_pages p{padding-left: 10px; padding-right: 10px; color:#404040; margin-bottom:8px;}
/* =img */
div#content_pages  img{ border-top: 2px solid #deebf4; border-left: 2px solid #deebf4; border-right:2px solid #bbb; border-bottom:2px solid #bbb; margin-left:10px; margin-right:10px;}

div#content_pages p#information{ display:block; width:250px; height:120px;line-height: 20px; background-color:#c6dbe9; font-weight:bold; padding: 10px 10px; color:#5a1c46; margin-left:350px; font-size:12px; border-top: 2px solid #deebf4; border-left: 2px solid #deebf4; border-right:2px solid #bbb; border-bottom:2px solid #bbb; text-align:center}
div#content_pages p#information a{ color:#5a1c46; text-decoration:none; border-bottom:1px dashed #5a1c46;}
div#content_pages p#information a:hover{border-bottom:2px double #5a1c46;}

/*Content Sub*/

div.border { }
/* end of Not in use*/


/* =ul */
div#content_pages ul.unordered {    padding-left: 50px; color:#404040; list-style:inside square; margin-top:-20px; margin-bottom:20px;}
div#content_pages ol {    padding-left: 50px; color:#404040; list-style:inside decimal;  }
div#content_main div#mainListing ul li {width: 286px; background:url(../images/ul2.png) 0 0 repeat-x;}




/*div.button { background-color:#aaa; color:black; font-size:14px;font-weight:bold;text-decoration:none; border-bottom:1px solid #339; }
div.button a{text-decoration:none;}
div.button a:hover{ background-color:red; color:yellow;text-decoration:none; border-bottom:1px solid #339;}*/


/* =li */

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */



/* =p */





