/* @override 
	http://localhost:8888/bb/doghouse/templates/mrcellars/css/template_css.css
	http://localhost:8888/jb/may2/templates/mrcellars/css/template_css.css
	http://localhost:8888/Joomla/quickstart/J157_Helio/templates/jb_helio_j1.5v1.01/css/template_css.css
	http://208.79.200.160/~joomlaba/dev/helio/j15/templates/jb_helio_j1.5v1.01/css/template_css.css
	http://localhost:8888/joomla/159/helio_159/templates/jb_helio_j1.5v1.04/css/template_css.css
*/

/* @group Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	
}


tbody tr td  {text-align: justify;}

:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html,body {margin:0;padding:0;height: 100%;margin:0;padding:0;}
/* @end */

body {font: 85.5% Arial, Sans-Serif;color:#8D8D8D;line-height: 1.4em;text-align: justify;background-repeat: repeat;}
body#black {background-color: #3D3D3D }
body#white {background-color: #fff}
body#grey {background-color: #eee}
body#marone {background-color: #4F1025}
body#dark_green {background-color: #15362D}
body#earthy {background-color: #8E2800}
body#orange {background-color: #B64926}
body#cream {background-color: #FFF0A5}
body#blue {background-color: #6DA0A7}
body#charcoal {background-color: #372A26}
body#deep_olive {background-color: #32331D}
body#sage {background-color: #787746}
body#offgreen {background-color: #B4AF91}
body#second_blue {background-color: #445878}
body#deep_blue {background-color: #1C1D21}
body#charcoal_blue {background-color: #31353D}
body#pattern1 {background-image: url(../images/bg1.jpg);background-color: #000;}
body#pattern2 {background-image: url(../images/bg2.jpg);background-color: #000;}
body#pattern3 {background-image: url(../images/bg3.gif);background-color: #fff;}
body#pattern4 {background-image: url(../images/bg4.gif);background-color: #fff;}

em {font-style: italic;}
strong, b {font-weight: bold;}
ul li {list-style-position: inside;list-style-type: disc;margin: 0 0 0 10px;}
ul {margin: 8px 0;}
/* @group Wrappers */
.outer_wrap {width: 100%;float: left;}
.container {margin: 0 auto;}
/* @end */

/* @group Top */
#top {float: left;margin: 0;background: url(../images/logo.png) no-repeat 20px top;height: 112px;width: 100%;}
#top_left {width: 45%;float: left;}
#top_right {width: 40%;margin-top: 60px;float: right;text-align: right;color: #fff;}
body#pattern3 #top_right a,body#white #top_right a {color: #333;}
body#earthy #top_right {color: #fff;}
#top_right input {padding: 4px;color: #fff;}
input#mod_login_username,input#mod_login_password {width: 100px;background: #eee;border: 1px solid #ccc;margin-right: 4px;padding: 4px;}
#top_right input#mod_login_username,#top_right  input#mod_login_password {width: 100px;background: #1C1714;border: 1px solid #302B2A;margin-right: 4px;padding: 8px;}
input.submitbutton {border: none;position: absolute;top: 68px;}
.moduletable-login {margin-top: 65px;font-size: 80%;margin-left: 350px;width: 300px;}
/* @end */

/* @group Header */
#nav_l {width: 2%;background: url(../images/navl.png) no-repeat;height: 50px;float: left;}
#nav_r {width: 2%;background: url(../images/navr.png) no-repeat right top!important;background:url(../images/navr_dark.jpg) no-repeat right top;height: 50px;float: right;}
#nav {width: 96%;float: left;margin: 0;padding: 0;height: 50px;background: #333 url(../images/nav.png) repeat-x!important;background: #333 url(../images/nav_ie.jpg) repeat-x}

body#white #nav_r,body#pattern3 #nav_r,body#pattern4 #nav_r,body#grey #nav_r {background: url(../images/navr.png) no-repeat right top!important;background: url(../images/navr_light.jpg) no-repeat right top;}

body#sage #footer {color: #fff;}
#menu ul li a {color: #DFE0CD;padding: 0 10px 0 0;background: url(../images/menu_sep.png) no-repeat right top;margin-top: 18px;font-size: 90%;}
#header {float: left;clear: both;width: 100%;height: 30px;}
span.pathway {margin-bottom: 10px;display: block;color: #333;text-align: right;margin-right: 20px;height: 20px;font-size: 90%;}
#advert1 {width: 98%;float: left;clear: both;margin-left: 1%;padding: 4px;}
/* @end */

/* @group main */
#main {width: 100%!important;width:98.5%;float: left;margin: 0px 0 0 0;background: #fff url(../images/body_gradient.png) repeat-x left -15px;padding: 8px 0;}
#left {width: 18%;float: left;margin-left: 5px;background: ;color: #827D70;margin-right: 40px;padding: 0px 0 40px 0;margin-top: 15px;}
#left .moduletable {padding: 0px;margin-bottom: 20px;}
#left .moduletable {padding: 0 10px;font-size: 90%;}
#left .moduletable h3 {border-bottom: 1px solid #ccc;margin-bottom: 12px;padding-bottom: 8px;}
#left ul li a {color: #A69E91;padding-left: 20px;}
#left a {color: #9D9C9A;font-size: 90%;}
#left ul li {padding: 4px 0;background: url(../images/left_menu_sep.jpg) no-repeat left bottom;list-style-type: none;}
#left ul li ul li {background: url(../images/sub_arrow.jpg) no-repeat left center;margin-left: 20px;padding: 7px 0;color: #9D9C9A;}

#main_content {width: 72%;float: right;margin-right: 10px;margin-top: 0px;}
#advert2 {width: 96%;margin-left: 10px;}

.user5 .moduletable {float: left;width: 31%;margin: 10px 1%;}
.user5 ul li {border-bottom: 1px solid #eee;list-style-type: none;margin: 0;}

#bottom_edge {float: left;width: 100%;clear: both;}
#bottom_edge_m {background: url(../images/bottom.png) repeat-x left top!important;background: url(../images/bottom_ie.png) repeat-x left top;height: 20px;width: 92%;float: left;}
#bottom_edge_l {width: 4%;height: 15px;background: url(../images/bottoml.png) no-repeat left top;float: left;}
#bottom_edge_r {width: 4%!important;height: 15px!important;height:10px;overflow: hidden;background: url(../images/bottomr.png) no-repeat right top!important;background: url(../images/bottomr_dark.jpg) no-repeat right top;float: right;}
body#white #bottom_edge_r,body#pattern3 #bottom_edge_r,body#pattern4 #bottom_edge_r,body#grey #bottom_edge_r {background: url(../images/bottomr.png) no-repeat right top!important;background: url(../images/bottomr_light.jpg) no-repeat right top;}
/* @end */

/* @group Bottom */
#bottom {width: 100%;float: left;margin: 0px 0;}
#bottom_left {width: 400px;float: left;}
#bottom_right {width: 400px;float: right;}
/* @end */


/* @group Footer */
#footer {width: 100%;float: left;margin: 0;height: 30px;padding-top: 10px;clear: both;}
#reflect_l {background: url(../images/reflect_left.png) no-repeat top left;width: 3%;float: left;height: 30px;}
#reflect_m {text-align: right;font-size: 80%;color: #898686;float: left;background: url(../images/reflect_mid.png) repeat-x!important;background: url(../images/reflect_mid_ie.png) repeat-x;width:92%;padding-top: 4px;height: 28px;}
#reflect_r {background: url(../images/reflect_right.png) no-repeat top right;width: 20px;float: left;height: 30px;}
#footer a{color: #ccc;}
#footer a:hover {color: #fff;}
#footer ul li {float: left;margin: 0;;background: none;list-style-type: none;}
#footer ul li a {margin-right: 0px;}
#footer ul#mainlevel li,#footer ul#mainlevel {margin: 0;}
#footer ul#mainlevel li a.mainlevel{background: none;margin: 0;padding: 0 8px 0 0;}
body#pattern3 #footer ul li a,body#pattern4 #footer ul li a,body#white #footer ul li a,body#grey #footer ul li a {color: #333;}
/* @end */

/* @group Typography */
p {margin: 8px 0;}
a {text-decoration: none;color: #999;} 
a:hover {color: #ccc;}

a.readon {background: url(../images/read_more.png) no-repeat;width: 130px;height: 40px;float: right;text-indent: -100em;}
h1,.componentheading {font-size: 150%;}
h2,.contentheading {font-size: 150%;color: #333;margin-bottom: 16px;line-height: 150%}
td.contentheading {width: 100%;}
h3,.moduletable h3 {font-size: 130%;}
h4 {font-size: 120%;color: #B885CB;}
h5 {font-size: 90%;}
h6 {font-size: 80%;}

.small,.createdate,.modifydate {font-size: 90%;float: right;color: #999;}

.border {padding: 4px;background: #fff;border: 1px solid #eee;}
/* @end */

table.contentpaneopen {margin: 10px 8px 0 0;}
form#emailForm input,.contact_email textarea {border: 1px solid #eee;padding: 4px;}

/* @group Sliding Panel */
#panel_wrapper {position: relative;float: left;z-index: 10001;}
#panel {
	background: url(../images/overlay.png) repeat;
	display: none;border: 4px solid #333;border-top: 0;
	width: 440px;position: absolute;z-index: 1000;padding: 10px;margin-left: 0px;color: #fff;
}

#panel a {color: #fff;}
.slide {
	margin: 0;
	padding: 0;
	float: left; margin-left: 420px;position: absolute;
}
.slide {
	margin: 0;
	padding: 0;
	float: left; position: absolute;z-index: 1001;top: 0;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -48px;
	text-align: center;
	width: 60px;
	height: 16px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;position: absolute;margin-left: 500px;
}

.clear {clear: both;}
.active {
	background-position: right -1px;
}

/* @end */

/* @group Login */
.login_first_row {height: 40px;float: left;width: 100%;margin-bottom: 20px;}
.second_first_row {height: 40px;margin-top: 10px;float: left;}
p#form-login-username,p#form-login-password {float: left;width: 45%;margin: 0;}
p.remember {float: left;width: 180px;margin: 0;}
form#form-login fieldset {margin: 0;width: 100%;}
#form-login-remember{font-size: 80%;}
#form-login ul li {float: left;list-style-type: none;margin-right: 5px;font-size: 80%;}
p#form-login-username .inputbox,p#form-login-password .inputbox {margin-right: 8px;width: 150px;background: #fff;border: 1px solid #ddd;font-size: 120%;}

/* @end */
#slideshow2 img {border: 1px solid #ddd;padding: 4px;}
.blog {width: 100%;}