/* reset default browser values */

html, body, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px}
a, img {outline:0px; border:0px}

/* framework classes */

.layout {margin:0px; padding:0px}
.content {padding:15px}
.debug {border:1px dotted red}
.clear {clear:both}


/* typografy */

body {font-size:90%; text-align: center; font-family: sans-serif; line-height: 1.75}
h1 {font-size:2.5em;} 
h2 {font-size:1.875em} 

p, ul {font-size:0.875em} 



/* xpage layout */

body{background: #090000 url('../img/bk.png') repeat-x 0px 0px}
#xpage {width: 804px; margin: 30px auto 10px auto; text-align: left}
#xheader{height: 130px; background: url('../img/tp.png') no-repeat bottom left}
#xfeatured{height: 198px; background: url('../img/image.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#xmenu{height: 50px; background: url('../img/menu.jpg') no-repeat top center}
#xbody{background: url('../img/main.png') repeat-y 0px 0px; padding-bottom: 20px}
#xmain {float: right; width: 530px; padding-right: 20px}
#xpanel {float: left; width: 200px; padding-left: 20px}
#xfooter {text-align: left; height: 53px; background: url('../img/ft.jpg') no-repeat 0px 0px; padding: 10px 30px; font-size: 9pt}

/* xcustom style */

#xpage {color: #333333;}
#xheader #xlogo {width: 55%; float: left}
#xheader h1 {color: #fff; margin-top: 0px; padding-top: 0px;}
#xheader h1 span{color: #000;}
#xheader em {color: #ED3C3D; position: relative; top:16px}
#xheader b {color: #ED3C3D; position: relative; top:16px;}
#xheader a {color: #ED3C3D; text-decoration: none}
#xheader a:hover {text-decoration: underline}
#xheader #xlinks {float: right; width: 44%; margin-top: 20px; color: #ED3C3D; text-align: right}

#xfeatured {color: #fff; text-align: right; padding-top: 45px; height: 150px}

#xmenu ul {margin: 0px; padding: 0px; list-style-type: none; padding-left: 30px}
#xmenu ul li {width: 115px; height: 30px; float: left; text-align: center; padding-top: 6px;}
#xmenu ul li a {width: 100%; height: 100%; display: block; padding-top: 5px; text-decoration: none; color: #fff}

#xmenu ul li a:hover, #xmenu ul li a.active {background: #fff url('../img/tab.jpg') no-repeat; color: #333333}

#xpanel {color: #999}
#xpanel h3 {color: #707070; background: url('../img/gbull.jpg') no-repeat left 12px ; padding-left: 20px; text-transform: lowercase}
#xpanel ul {border: 0px; padding: 0px; list-style-type: none; border-top: 1px dotted #999;}
#xpanel ul li {border-bottom: 1px dotted #999; padding: 3px}
#xpanel ul li a {text-decoration: none}

#xmain{color: #7A7A7A}
#xmain h1, #xmain h2 {color: #BA0000; background: url('../img/rbull.jpg') no-repeat left 12px; padding-left: 20px}
#xmain img {float: left; margin: 0px 10px 10px 0px; border: 3px solid #eaeaea}
#xmain ul li.arrow {width: 500px; height: 25px; float: left; text-align: left; padding-top: 6px; list-style-image:url(../img/arrow.jpg);}

#xmain h1, #xmain  h2, #xpanel h3 { padding-bottom: 5px; margin-top: 15px; font-size: 14pt}
#xmain b { padding-bottom: 5px; margin-top: 15px; font-size: 18pt;}
#xfooter, #xfooter a {color: #ED3C3D; text-decoration: none; font-size: 8.5pt}
#ofooter, #ofooter a {color: #000000; text-decoration: none; font-size: 8.5pt}


/* cpage layout */

body{background: #090000 url('../img/bk.png') repeat-x 0px 0px}
#cpage {width: 804px; margin: 30px auto 10px auto; text-align: left}
#cheader{height: 130px; background: url('../img/tp.png') no-repeat bottom left}
#cfeatured{height: 198px; background: url('../img/image.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cfeatured1{height: 198px; background: url('../img/image1.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cfeatured2{height: 198px; background: url('../img/image2.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cfeatured3{height: 198px; background: url('../img/image3.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cfeatured4{height: 198px; background: url('../img/image4.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cfeatured5{height: 198px; background: url('../img/image5.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cfeatured6{height: 198px; background: url('../img/image6.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cfeatured7{height: 198px; background: url('../img/image7.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cfeatured8{height: 198px; background: url('../img/image8.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#cmenu{height: 50px; background: url('../img/menu.jpg') no-repeat top center}
#cbody{background: url('../img/main.png') repeat-y 0px 0px; padding-bottom: 20px}
#cmain {float: right; width: 750px; padding-right: 15px}
#cpanel {float: left; width: 20px; padding-left: 15px}
#cfooter {text-align: left; height: 53px; background: url('../img/ft.jpg') no-repeat 0px 0px; padding: 10px 30px; font-size: 9pt}

/* ccustom style */

#cpage {color: #333333;}
#cheader #clogo {width: 55%; float: left}
#cheader h1 {color: #fff; margin-top: 0px; padding-top: 0px;}
#cheader h1 span{color: #000;}
#cheader em {color: #ED3C3D; position: relative; top:16px}
#cheader b {color: #ED3C3D; position: relative; top:16px}
#cheader a {color: #ED3C3D; text-decoration: none}
#cheader a:hover {text-decoration: underline}
#cheader #clinks {float: right; width: 44%; margin-top: 20px; color: #ED3C3D; text-align: right}

#cfeatured {color: #F00; text-align: right; padding-top: 45px; height: 150px}
#cfeatured1 {color: #F00; text-align: right; padding-top: 45px; height: 150px}
#cfeatured2 {color: #F00; text-align: right; padding-top: 45px; height: 150px}
#cfeatured3 {color: #F00; text-align: right; padding-top: 45px; height: 150px}
#cfeatured4 {color: #F00; text-align: right; padding-top: 45px; height: 150px}
#cfeatured5 {color: #F00; text-align: right; padding-top: 45px; height: 150px}
#cfeatured6 {color: #F00; text-align: right; padding-top: 45px; height: 150px}
#cfeatured7 {color: #F00; text-align: right; padding-top: 45px; height: 150px}
#cfeatured8 {color: #F00; text-align: right; padding-top: 45px; height: 150px}

#cmenu ul {margin: 0px; padding: 0px; list-style-type: none; padding-left: 30px}
#cmenu ul li {width: 115px; height: 30px; float: left; text-align: center; padding-top: 6px;}
#cmenu ul li.arrow {width: 115px; height: 30px; float: left; text-align: center; padding-top: 6px; list-style-image:url(../img/arrow.jpg);}
#cmenu ul li a {width: 100%; height: 100%; display: block; padding-top: 5px; text-decoration: none; color: #fff}

#cmenu ul li a:hover, #cmenu ul li a.active {background: #fff url('../img/tab.jpg') no-repeat; color: #333333}

#cpanel {color: #999}
#cpanel h3 {color: #707070; background: url('../img/gbull.jpg') no-repeat left 12px ; padding-left: 20px; text-transform: lowercase}
#cpanel ul {border: 0px; padding: 0px; list-style-type: none; border-top: 1px dotted #999;}
#cpanel ul li {border-bottom: 1px dotted #999; padding: 3px}
#cpanel ul li a {text-decoration: none}

#cmain{color: #7A7A7A}
#cmain h1, #cmain h2 {color: #BA0000; background: url('../img/rbull.jpg') no-repeat left 12px; padding-left: 20px}
#cmain img {float: left; margin: 0px 10px 10px 0px; border: 3px solid #eaeaea}

#cmain h1, #cmain  h2, #cpanel h3 { padding-bottom: 5px; margin-top: 15px; font-size: 14pt}

#cfooter, #cfooter a {color: #ED3C3D; text-decoration: none; font-size: 8.5pt}

p {cursor: default}

a:link {color:#ED3C3D;}      /* unvisited link */
a:visited {color:#ED3C3D;}  /* visited link */
a:hover {color:#ED3C3D;}  /* mouse over link */
a:active {color:#ED3C3D;}  /* selected link */