/* ---------------------







basic layout







--------------------- */















* {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFCC33;

}















.waterbody {

	background:#CCCCCC url(../images/bg_body.jpg) repeat-x left top;

	margin:0;

	color:#000000;

	background-color: #000000;



}















div,







td,







p {

	font-size:12px;

	line-height:18px;

	color:#FFCC33;





}















a,







a:link,







a:active,







a:visited {

	text-decoration:underline;

	color:#FFCC33;





}















a:hover {

	text-decoration:underline;

	color:#FFFFFF;







}















ul {







	margin: 5px;







	padding: 5px;







	list-style: none;







	list-style-type: square;







}















li {







	line-height: 18px;







	padding-left: 5px;







	padding-top: 0px;







	list-style-position: inside;







}















/** clear the banner to make it sit in the bottom **/







.clear {







	clear:both;







}















/* ---------------------







template layout







--------------------- */















/** wrapper to make the page center **/







#container {







	width:900px;







	margin: 55px auto;







	padding:0;







	text-align: left;







}















/**







hold background, it should be float:left







that's way we can not put it in #container







**/







#containerbg {

	position:relative;

	width: 900px;

	background:transparent url(../images/bg_inside.jpg) repeat-y left top;

	float:left;

	top:0;

	left:0;



}









	#outerright {







	position:relative;







	width:170px;







	float:right;







	clear:right;







}















#logo {

	position:relative;

	width:95%;

	height:150px;

	float:left;

	background:#000000 url(../images/bg_header.jpg) no-repeat left top;







}















/** div container for top menu. position:top **/







#topmenu {

	position:relative;

	float:left;

	clear:left;

	background-color:#000000;

	width: 80%;







}















/** div container for image header **/







#imgheader {

	position:relative;

	float:left;

	clear:left;

	width:80%;

	height:1;

	padding-left: 20px;







}















#container_inner {

	position:relative;

	clear:left;

	width:730px;

	color: #FFCC33;



}



































/** div wrapper for user2 & user3 **/







#content_top_wrapper {







	position:relative;







	float:right;







	clear:right;







	width:542px;







	display:inline;







	margin: 4px 8px 0 0;







}















/** div container for position:user2 **/







#content_top1 {

	position:relative;

	float:left;

	clear:left;

	width:269px;

	color: #FFCC33;







}















/** div container for position:user3 **/







#content_top2 {

	position:relative;

	float:right;

	clear:right;

	width:269px;

	color: #FFCC33;







}















/** div container for mainbody **/







#content_main {

	position:relative;

	float:left;

	width:520px;

	margin:15px 0 20px 20px;

	background-color:#000000;

	color: #FFFFFF;





}

.content_main-djs {

	position:relative;

	float:left;

	width:520px;

	margin:15px 0 20px 20px;

	background-color:#5F2019;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFCC33;



}









/** div container for right column **/







#rightcol_top,







#rightcol {

	float:left;

	clear:left;

	width:168px;

	margin:0 0 0 1px;

	display:inline;

	overflow:auto;

	background-color: #660000;





}















/** div container for right column position:header **/







#rightcol_top {

	height:70px;

	min-height:80px;

	background-color: #660000;

	background-repeat: no-repeat;

	background-position: center top;

}















/** div container for banner position:banner **/







#banner {

	position:relative;

	clear:left;

	float:left;

	width:515px;

	height:65px;

	min-height:65px;

	color:#FFFFFF;

	font-size:10px;

	padding: 20px 0 0 215px;

	z-index: 99;





}















#blackline {

	position:relative;

	clear:left;

	float:left;

	width:710px;

	;

	height:10px;

	min-height:10px;

	background-color: #000000;

	color:#FFCC33;

	font-size:10px;





}















/** copyright **/















#copyright {







	position:relative;







	width:900px;







	display:block;







	clear:both;







	float:left;







}















#copyright div {

	color:#FFCC33;

	font-size:10px;

	font-weight:bold;

	display:block!important;

	width:900px;

	float:left;

	clear:left;

	margin:-10px 0 0 0;

	text-align:left;





}































/* ---------------------







mambo content layout







--------------------- */







/** pathway block **/







span.pathway {

	display:block;

	text-align:left;

	color:#FFCC33;

	font-size:10px;

	font-weight:bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #990000;

	height:20px;

	margin-bottom:10px;



}























/** content title **/







.componentheading {

	font-family:Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	font-size: 20px;

	line-height:25px;

	padding: 5px 0 5px 0;

	display:block;



}





.componentheading-svc {

	font-family:Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	font-size: 20px;

	line-height:25px;

	padding: 5px 0 5px 0;

	display:block;

	background-image: url(http://www.entertainmentspecialists.com/mambodb/templates/waterandstone/images/ServicesBanner.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}











.contentheading,







.contentpagetitle,







a.contentpagetitle:link,







a.contentpagetitle:active,







a.contentpagetitle:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#FFFFCC;

	font-weight: bold;

	padding-top: 25px;

	background-color:inherit;

	display:block;







}















.contentpaneopen {







	width:100%;







}























/** pdf, printer version, and email to friend button **/







.buttonheading {







	width: 16px!important;







	text-align:right;







}















.sectiontableheader {







	font-weight: bold;







}















.category, .categorytitle {







	font-weight: bold;







	color:#3973AC;







	background-color:inherit;







}















.sectiontableentry1,







table.pollstableborder tr.sectiontableentry1 {

	background-color: #000000;

	padding: 2px;

	color:#FFCC33;

}















.sectiontableentry2,







table.pollstableborder tr.sectiontableentry2 {

	background-color: #000000;

	padding: 2px;

	color:#FFCC33;

}















/** blog Styles **/







.blogsection {







	color:#3973AC;







	background-color:inherit;







}















.blog_more {







	font-weight: bold;







	line-height: 25px;







	padding-top: 20px;







	color: #3973AC;







	border-bottom: 1px solid #E5E5E5;







	background-color:inherit;







}















/** small text in content **/







.small {

	color:#660000;

	font-size:10px;

	font-weight: bold;

	background-color:inherit;





}















/** date info in content **/







#content_main .createdate {







	color:#4A87C4;







	font-size:10px;







	padding: 0 0 15px 0;







	line-height:8px;







	background-color:inherit;







}















#content_main .modifydate {

	color:#660000;

	font-size:10px;

	padding: 0;

	background-color:inherit;





}















/** toc page navigation  **/







.pagenav_prev,







.pagenav_next {







	font-size:11px;







}























/** content item navigation  **/







.pagenavbar  {

	display:block;

	width:100%;

	background-color:inherit;

	height:20px;

	line-height:25px;

	text-align:right;

	letter-spacing:2px;

	color:#660000!important;

	clear:both;

	font-size: 11px!important;

	margin-top: 10px;

	background-image: url(../images/bg_pagenav.jpg);

	background-repeat: repeat-x;

	background-position: center bottom;







}















.pagenav {

	height:20px;

	line-height:25px;

	text-align:right;

	letter-spacing:2px;

	color:#660000;

	clear:both;

	font-size: 11px;

	margin-left: 0;

	margin-right: 0;

	background-color:inherit;







}















.back_button {







	display:block;







	text-align:left;







	font-weight:bold;







	font-size:12px;







	width:100%;







	margin-bottom:10px;







	letter-spacing:2px;







}















/** highlight word search result **/







.highlight {

	font-weight:bold;

	background-color: #CC0000;

	padding: 2px 0 2px 0;



	







}















/** table of content layout **/







table.contenttoc {







	border:1px solid #000000;







	padding:1px;







	width:130px;







	margin: 0 0 10px 10px;







}















/** table of content header **/







.contenttoc th {

	color:#FFFFFF;

	background-color:#660000;

	font-size:11px;

	display:block;

	width:124px;



}















/** unordered list for latest news module **/







ul.latestnews li,ul.mostread li {







	line-height: 18px;







	font-size:11px;







	font-weight:bold;







	list-style-type: none;







	list-style-position: outside;







}























/** fix opera table width for content list in table category**/







table.contentpane td.contentdescription {







	width:100%!important;







}















/**a.pagenav:link ,







a.pagenav_next:link,







a.pagenav_pre:link,**/







div.back_button a,







div.back_button a:link,







a.latestnews:link,







a.latestnews:active,







a.latestnews:visited,







a.mostread:link,







a.mostread:active,







a.mostread:visited {

	text-decoration:none;

	color: #FFFFFF;



}















/*** read more link ***/







.readon,







a.readon:link,







a.readon:active,







a.readon:visited {

	color:#FFCC33;

	font-weight:bold;

	text-align:left;

	margin-top:10px;

	letter-spacing: 2px;

	font-size:10px;

	text-decoration:none;





}















/*** blog links ***/







a.blogsection:link,







a.blogsection:active,







a.blogsection:visited {

	color:#FFCC33;

	text-decoration:none;





}















/** generic menu item link **/







a.mainlevel:link,







a.mainlevel:active,







a.mainlevel:visited,







a.sublevel:link,







a.sublevel:active,







a.sublevel:visited {

	color:#FFCC33;

	text-decoration:none;

	font-size:11px;

	line-height: 28px;





}















/** specific top right column menu item link **/







a.mainlevel-right:link,







a.mainlevel-right:active,







a.mainlevel-right:visited,







a.sublevel-right:link,







a.sublevel-right:active,







a.sublevel-right:visited {

	color:#FFCC33;

	text-decoration:none;

	font-size:11px;





}















/** specific top right column menu item link on mouseover **/







a.mainlevel-right:hover {

	background-color:#000000;

	text-decoration:none;







}























/** pathway link item 







a.pathway:link,







a.pathway:link,







a.pathway:active,







a.pathway:visited {







	color:#999999;







	text-decoration:none;







}**/















/** table of content list **/







a.toclink:link,







a.toclink:active,







a.toclink:visited {







	color:#3973AC;







	font-size:11px;







	padding:2px 10px 2px 10px;







	display:block;







	text-decoration:none;







}















.pagenavbar a:link,







.pagenavbar a:active,







.pagenavbar a:visited  {

	letter-spacing:2px;

	color:#FFCC33;

	font-size: 11px;

	text-decoration: none;





}















.pagenavbar a:hover {

	color:#FFFFFF;





}















/** latestnews and popular **/







.latestnews,







.mostread {

	color:#FFFFFF;



}















a.latestnews:link,







.mostread a:link,







.latestnews a:active,







.mostread a:active,







.latestnews a:hover,







.mostread a:hover,







.latestnews a:visited,







.mostread a:visited {

	color:#FFCC33;

	text-decoration:underline;





}















/** underline on hover **/







a.toclink:hover,







a.latestnews:hover,







a.mostread:hover,







a.pathway:hover,







a.sublevel:hover,







a.sublevel-right:hover,







a.blogsection:hover,







a.readon:hover,







a.pagenav:hover ,







a.pagenav_next:hover,







a.pagenav_pre:hover,







a.latestnews:hover {

	text-decoration:underline;

	color:#FFFFFF;

	background-color:inherit;





}















#rightcol table,







#rightcol table td {

	font-size:11px !important;

	color:#FFCC33;





}















/** general module title **/







table.moduletable th,







table.moduletable-bgimg th,







table.moduletable-right th {

	border: 1px solid #000000;

	color:#FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:15px;

	line-height:20px;

	background-color:#000000;

	height:25px;

	text-align:left;

	padding-left:15px;

	font-weight:normal;





}















/** specific module td table for content top 1 and 2. 







position:user2 an user3 **/







#content_top1 table.moduletable td,







#content_top2 table.moduletable td {







	background:transparent url(../images/bg_module_contenttop.jpg) no-repeat center bottom;







	height:100px;







	min-height:100px;







	vertical-align:top;







}















/** right column module td **/







#rightcol table.moduletable td   {

	padding:5px;

	color: #FFCC33;







}

 .inputbox {

	



	color: #000000;



}



/** -------------------------------------------------------------------------------------------------- **/























/** search div in top right column. position:user4 **/







div.search {







	margin-left:10px;







}





/** search field in search div **/





 .search .inputbox {

	width:130px;

	border: 1px solid #000000;

	color: #000000;





}















/** input button html tag **/







.button,







#rightcol .button {

	font-size:11px;

	text-transform:uppercase;

	color:#FFCC33;

	font-weight:bold;

	background-color:#990000;

	border-top: 1px solid #FFFFFF;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #999999;

	border-left: 1px solid #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

}















#rightcol .button {

	background-color:#990000;



}















.search  {







	margin-top:30px;







}































/* 







mambo top menu layout







you need to add menu class suffix: -nav







*/















/** unordered list top menu **/







ul#mainlevel-nav







{







	list-style: none;







	padding: 0;







	margin: 0;







	font-size: 0.8em;







}















/** unordered list item for top menu **/







ul#mainlevel-nav li







{







	display: block;







	padding-left: 0px;







	padding-right: 0px;







	float: left;







	margin: 0;







	width: auto !important;







	font-size: 11px;







	line-height: 23px;







	white-space: nowrap;







}















/** unordered list item link for top menu **/







ul#mainlevel-nav li a







{







	display: block;







	padding-left: 15px;







	padding-right: 15px;







	text-decoration: none;







	color: #FFFFFF;







	font-weight:bold;







}















/** unordered list item link for top menu for firefox only **/







#topmenu>ul#mainlevel-nav li a {







	width: auto;







}















/** unordered list item for top menu for firefox only **/







ul#mainlevel-nav li a:hover {

	text-decoration:none;

	background-color: #990000;

}























 /*







specific right column menu item. position:right







you need to add menu class suffix: -right and







module class suffix: -right







 */







.mainlevel-right {

	display:block;

	height:25px;

	line-height:25px;

	padding-left:15px;

	font-weight:bold;

	background-color: #990000;

	background-image: url(../images/bg_mainlevel_right.gif);

	background-repeat: repeat-x;

	background-position: center top;





}















/** 







moduletable specific with background image







you need to add modules class suffix: -bgimg







 **/







table.moduletable-bgimg {







	background:transparent url(../images/bg_module.jpg) no-repeat center bottom;







	float:left;







	clear:left;







	width:100%;







}















table.moduletable-bgimg td {







	padding: 5px ;







	font-size:11px;







}















table.moduletable-bgimg td td {







	padding: 0!important;







}















/** for polls **/







.poll {







	font-size:11px;







	line-height: 16px;







}















table.pollstableborder .sectiontableentry2 {







	background-color:transparent; 







	text-align:left; 







}







table.pollstableborder .sectiontableentry1 {

	background-color:#666666;

	text-align:left;



}















.moduletable_bgimg table.pollstableborder td.sectiontableentry2,







.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {







	background-color:transparent!important; 







	text-align:left!important; 







}



















#bottompadding	{







	position:relative;







	width:900px;







	display:block;







	height:0px;







	margin-top:-100px;







}





#container_inner-djs  {

	position:relative;

	clear:left;

	width:730px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFCC33;

	background-image: url(/background/REDBKGRD.jpg);

	background-color: #5F2019;

}





#outerleft-djs {







	position:relative;







	float:left;







	clear:left;







	width:730px;





}

#containerbg-djs {

	position:relative;

	width: 900px;

	background:transparent url(../images/bg_inside_r.jpg) repeat-y left top;

	float:left;

	top:0;

	left:0;

}

.waterbody-djs {

	background:#CCCCCC url(../images/bg_body-djs.jpg) repeat-x left top;

	margin:0;

	color:#333333;

}

.contentpaneopen-djs {

	width:100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFCC33;

	background-color: #5F2019;

	text-align: justify;

	padding: 12px;

}

.contentheading-djs {

	font-family: Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#FFCC33;

	font-weight: bold;

	padding-top: 25px;

	background-color:#5F2019;

	display:block;

	background-image: url(/mambodb/templates/waterandstone/images/DJBanner.jpg);

	background-repeat: no-repeat;

	background-position: top;

}

.contentpaneopen-band {

	width:100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFCC33;

	background-color: #012F49;

	text-align: justify;

	padding: 12px;

}

.contentheading-band {

	font-family: Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#FFCC33;

	font-weight: bold;

	padding-top: 25px;

	background-color:#012F49;

	display:block;

	background-image: url(/mambodb/templates/waterandstone/images/BandsBanner.jpg);

	background-repeat: no-repeat;

	background-position: top;

}

.contentpaneopen-svc {

	width:100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFCC33;

	background-color: #003B1B;

	text-align: justify;

	padding: 12px;

}

.contentheading-svc {

	font-family: Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#FFCC33;

	font-weight: bold;

	padding-top: 25px;

	background-color:#003B1B;

	display:block;

	background-image: url(/mambodb/templates/waterandstone/images/ServicesBanner.jpg);

	background-repeat: no-repeat;

	background-position: top;

}







/** div container for left column **/







#leftcol {

	position:relative;

	float:left;

	clear:left;

	width:172px;

	background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;

	z-index: 100;





}















#leftcolmenu {

	position:relative;

	background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;

	overflow:auto;

	z-index: 100;





}







/** generic menu item **/







.mainlevel  {







	display:block;







	font: bold 11px/25px Arial, Helvetica, sans-serif !important;







	padding-left:15px;







	background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;







	font-weight:bold;







	text-decoration:none;







}















/** specific left column form **/







#leftcol form {







	margin-left:15px;







}















/** specific left column form **/







#leftcol .button {

	font-size:11px;

	color:#FFCC33;

	background-color:#000000;

	border-right: 1px solid #333333;

	border-bottom: 1px solid #333333;

	border-left: 1px solid #888888;

	border-top: 1px solid #888888;

	width:140px;

	font-family: Arial, Helvetica, sans-serif;



}























/** specific left column form **/







#leftcol .inputbox {

	font-size:11px;

	font-weight: bold;

	color: #000000;





}















/** module styles in #leftcol **/







#leftcol table.moduletable td {

	color:#660000;

	font-size:11px;





}























/* ---------------------







Links







--------------------- */















/** any left column link **/







#leftcol a:link,







#leftcol a:active,







#leftcol a:visited {

	color:#FFCC33;





}















#leftcol a:hover {

	color: #FFFFFF;

	text-decoration:underline;





}















/** general module table **/







#rightcol table,







#leftcol table td {

	font-size:11px !important;

	color:#660000;





}















/* ---------------------







mambo form layout







--------------------- */















/** left column input form **/







#leftcol .inputbox {

	font-size:11px;

	/*border: 1px solid #000000;*/







	margin-bottom:2px;

	color: #000000;





}























/* ---------------------







mambo module layout







--------------------- */















/** general module table **/







table.moduletable,







#leftcol table,







#rightcol table {







	width:100%;







	float:left;







	clear:left;







}







#outerleft {







	position:relative;







	float:left;







	clear:left;







	width:730px;





}















/** generic menu item link on mouseover **/







a.mainlevel:hover,







#leftcol a.mainlevel:hover {

	background-color:#660000;

	color:#FFFFFF!important;

	text-decoration:none!important;

}