/* Basic MODx - Designed by Cindy Prosser - http://attitude-emedia.com */

* { padding:0; margin:0; border:0; }
body { background:#363636 url(images/bg01.gif) top left ;margin:0 20px;font-family: "trebuchet", "arial", "helvetica";font-size:1em;color:#fff}
.outer {position: relative; width: 960px; margin: 0 auto; text-align: left;height:1%}
#banner { background: #cdcdcd; }
#banner h1 { padding:10px; }
#wrapper { background: #000; width:960px }
#container { width: 100%;background: #000; float: left; margin-right: -220px; }
#content { background: #000;width:700px;height:1%; }
#content p {margin:20px}
#sidebar { background:#0E9FEF url(images/col1.jpg) 2px 2px no-repeat ;width: 215px; float: right;height:1%;border-right:5px solid #000;margin-bottom:100px}
#footer { background: #0E9FEF; border-left:1px solid #ababab; border-right:1px solid #ababab;width:940px;font-size:90%;padding:10px }
.clearing { clear:both; height:0; } 
.clear { clear:both;}
.float-left {float:left}
.float-right {float:right}
.blue-txt {color: #08CEFD}
.black-txt {color:#000}
.gold-txt {color:#FF1200}
.content_black ul {margin:0 0 20px 0}
.content_black ul li {list-style-type:square;list-style-position:inside}
.center {text-align:center}

.red {color: #FF0A02}
.blue {color: #0AC6F6}
.orange {color: #FF9810}
.green {color: #3DFB29}
.yellow {color: #F5FF5D}
.grey {color:#666}
.ltgrey {color:#ccc}
.iceGrey {color:#eee}

.bgDkGrey {background:#1a1a1a;margin:20px;padding:10px;border:1px solid #252525}
.bgDkGrey p {margin:0;padding:0}

/* formatting */

h1  {font-family: "trebuchet", "arial", "helvetica";font-weight:normal;font-size:1.5em;padding: 30px 0 0 20px;color:#FF9810}
.midBox h2 {font-family: "trebuchet", "arial", "helvetica";font-weight:normal;font-size:1.5em;color:#FF9810}
#sidebar h2  {font-family: "century gothic", "arial", "helvetica";font-weight:normal;font-size:1.5em;margin: 30px 0 0 10px;color:#000}
h3  {font-family: "trebuchet", "arial", "helvetica";font-weight:normal;font-size:1.1em;padding: 10px 0 0 20px;color:#FF1200}
.bgDkGrey h3  {font-family: "trebuchet", "arial", "helvetica";font-weight:normal;font-size:1.1em;color:#FF9810}

#sidebar p {margin:5px}
#header {background:#000 url(images/header01.jpg) top left no-repeat;height:180px}
#header h1  {font-family: "century gothic", "arial", "helvetica";font-weight:normal;font-size:2em;padding: 30px 0 0 100px}
#inner-right {width: 220px;background: #F4E9D5;height:1%;z-index: 55;padding:0 0 0 0px }

#inner-right a {display: block; list-style: none; color:#0076a3; text-decoration: none;font-weight:normal;padding:0px;margin:0px}
#inner-right a:visited {color:#0076a3}
#inner-right a:hover {color: #000;}

#lmenu {margin:0 0 0 20px}

/* Menu */
.sidemenu {list-style: none; margin: 120px 0 20px 0 !important;width:200px;font-weight:500 !important;float:left;}
.sidemenu li {text-align:left}
.sidemenu ul {display: none; list-style: none;float:left}
.sidemenu ul li {border-bottom: none;}
.sidemenu a {display: block; padding: 0 20px 0 10px; list-style: none; color:#fff !important; text-decoration: none;font-weight:normal;font-size:130%;}
.sidemenu a:visited {color:#fff !important}
.sidemenu ul li a {display: block; padding: 0 20px 0 5px} 
.sidemenu a:hover {color: #0076a3 !important; background: #ccc !important;}
.sidemenu ul li a:hover {display: block; padding: 0 20px 0 5px} 
.sidemenu a:first-letter {color: #000;font-size:130%;}

fieldset {width:190px;margin: 0px auto;}

/* subMenu */
.chapters .topnav {margin: 0 0 0 20px;background: transparent url(images/chapters.gif) top left no-repeat;padding:40px 0 0 0}
.chapters .topnav ul {width:100%;list-style-type: square !important;float:left;margin: 0 0 0 20px ;font-weight:500 !important;}
.chapters .topnav ul li {border-bottom: none;list-style-position:inside;list-style-type: square !important}
.chapters .topnav ul li a {display: block; padding: 0 20px 0 5px; color:#000 !important; text-decoration: none;font-weight:bold;font-size:110%;background:none !important} 
.chapters .topnav ul li a:hover {color: #ccc !important;display: block; padding: 0 20px 0 5px;background:none !important} 


/* subMenu */
.chapters .contentnav {margin: 0 0 0 20px;background: transparent url(images/chapters.gif) top left no-repeat;padding:40px 0 0 0;list-style-type: none !important}
.chapters .contentnav ul {width:100%;list-style-type: none !important;float:left;margin: 0 0 0 20px ;font-weight:500 !important;}
.chapters .contentnav ul li {border-bottom: none;list-style-position:inside;list-style-type: none !important}
.chapters .contentnav ul li a {display: block; padding: 0 20px 0 5px; color:#000 !important; text-decoration: none;font-weight:bold;font-size:110%;background:none !important} 
.chapters .contentnav ul li a:hover {color: #ccc !important;display: block; padding: 0 20px 0 5px;background:none !important} 
.chapters .contentnav a {display: block; padding: 0 20px 0 5px; color:#0076a3 !important; text-decoration: none;font-weight:bold;font-size:110%;background:none !important} 

.chapters .contentnav a:hover {color: #000 !important;display: block; padding: 0 20px 0 5px;background:none !important} 

#footer a {color:#000 !important; text-decoration: none;font-weight:normal;padding:0px;margin:0px;}
#footer a:visited {color:#000 !important}
#footer a:hover {color: #fff !important;}

.archive h3  a {font-family: "century gothic", "arial", "helvetica";font-weight:normal;font-size:1.2em;margin: 30px 0 0 0;color:#0076a3 !important}
.archive .reflect_archive {width:100%;margin:0px !important ;font-weight:500 !important;}
.archive .reflect_month {border-bottom: none;list-style-position:inside;margin: 0 0 0 50px !important;list-style-type:square }
.archive .reflect_archive ul li a {display: block; padding: 0 20px 0 5px; color:#000 !important; text-decoration: none;font-weight:bold;font-size:110%;background:none !important} 
.archive .reflect_archive ul li a:hover {color: #ccc !important;display: block; padding: 0 20px 0 5px;background:none !important} 

.box_black {background: url(images/black_tl.png) no-repeat top left; }
.top_black {background: url(images/black_tr.png) no-repeat top right;}
.bottom_black {background: url(images/black_bl.png) no-repeat bottom left;}
.bottom_black div {background: url(images/black_br.png) no-repeat bottom right;}
.content_black {background: url(images/black_r.png) top right repeat-y;}
.top_black div,.top_black,
.bottom_black div, .bottom_black {width: 100%; height: 19px; font-size: 1px;}
.content_black, .bottom_black {margin-top: -6px;}
.content_black { padding: 1px 15px; color:#ccc;text-align:justify }

.midBox .float-left {width:440px}
.midBox {margin:30px;width:740px}
.midBox .float-right {width:260px}
.midBox ul {margin: 0 0 0 20px;}
.midBox ul li {color:#FF9810;margin:5px 0}

.bottomBox {width: 90%;margin: 0 auto}

.topdisplay {float:left}
.case {width: 200px; height: 1%; float: left; margin-left: 20px; padding-top: 20px; font-family: arial; font-size: 0.80em; text-align:center}
.case a:hover img {border-top: 5px solid #000;}
.case a {border: 0; text-decoration: none; color: #000;}
.case p {line-height: 1.5em}
.case img {border:1px solid #666 !important;padding:2px}

.case2 {margin-top: 20px; width: 300px; height: 1%; float: left; margin-left: 20px; padding-top: 20px; font-family: arial; font-size: 0.80em; border-top: 1px solid #eee;}
.case2 a:hover img {border-top: 5px solid #000;}
.case2 a {border: 0; text-decoration: none; color: #000;}
.case2 p {padding: 0 5px 0 5px; line-height: 1.5em;}
.case2 img {border:1px solid #000 !important}

.keywords {text-align:center;padding-bottom:20px}
.keywords li {display: inline !important;list-style-type:none;font-weight:bold;margin:0 0 10px 20px;font-size:90%}

.red {color: #FF0A02}
.blue {color: #0AC6F6}
.orange {color: #FF9810}
.green {color: #3DFB29}
.yellow {color: #F5FF5D}

.contactpage #EmailForm  h3 {color:#FF0A02 !important ; font-size: 1.2em}

.yellow-lg {color: #F5FF5D}
.orange-lg {color: #FF9810}
.red-lg {color: #FF0A02}
.points {list-style:none;font-size:1.3em;margin: 20px 0 20px 100px}
.points li {margin: 10px 0 10px 0}

.thumbscontainer, .childscontainer {
margin-top: 2em;
}

.thumbs li {
text-align: center;
height: 21em;
width: 223px;
margin: 0;
padding: 0;
display: block;
position: relative;
font-family: arial; font-size: 0.80em;
}

.thumbs p {
width: 190px !important;
color: #ff0a02;
font-size: 1.2em;
}

.thumbs img.thumbnail {
border:1px solid #666;
padding: 2px;
}