/* CSS Document */

/* Derived from Solarflare II */

/* updated 14 November 2006 for Pizza Boys Web Design Template by Alex Lopez */



body {
    height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, Sans Serif, Tahoma;
	font-size: 11px;
	/* color: #333333; */
    /* line-height: 1.5; */
}

#back_image {
	background-color:#e8e8e8; /*Background to use instead of body page, just for print results*/
	height:100%;	
}

a.pathway {

  color: #0066cc;

}



ul#mainlevel-nav

{

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}



ul#mainlevel-nav li

{

	display: block;

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

	margin: 0;

	width: auto !important;

  width: 15%;

	font-size: 11px;

	line-height: 21px;

	/*white-space: nowrap;*/

	border-left: 1px solid #cccccc;

}



ul#mainlevel-nav li a

{

	width: 100%;

	display: block;

	padding-left: 15px;

	padding-right: 15px;

	text-decoration: none;

	color: #333333;

	background: transparent;

}



#buttons>ul#mainlevel-nav li a { width: auto; }



	ul#mainlevel-nav li a:hover

{

	color: gray;

	background: green;

}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/
.back_button {
   float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
	/* background: url(../images/button.jpg) repeat-x; */
	/* background: url(../../../images/stories/template/button.jpg) repeat-x; */
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  /* background: url(../images/button.jpg) repeat-x; */
  /* background: url(../../../images/stories/template/button.jpg) repeat-x; */
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../../../../images/M_images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

td {
	text-align: left;
	font-size: 12px;
}
/* Joomla core stuff styles*/
/* Core LINK format */
a:link, a:visited {
	color: #0066cc; text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #767678;	text-decoration: none;
	font-weight: bold;
}

table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	}
table.contentpaneopen td {
   padding-right: 5px;
   line-height: 1.5; /* line height of content */
}
table.contentpaneopen td.componentheading {
	padding-left: 4px;
}
table.contentpaneopen img {
margin: 10px;
}

table.contentpane {

  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}



table.contentpane td {

	margin: 0px;

	padding: 0px;

}



table.contentpane td.componentheading {

	padding-left: 4px;

}



/* Submit Button Format */



.button {

  color: #0066cc;

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 3px double #cccccc;

  width: auto;

  /* background: url(../images/button.jpg) repeat-x; */

  /* background: url(../../../images/stories/template/button.jpg) repeat-x; */

  padding: 0px 5px;

  line-height: 18px !important;

  line-height: 16px;

  height: 26px !important;

  height: 24px;

  margin: 1px;

}



.inputbox {

	padding: 2px;

	border:solid 1px #cccccc;

	background-color: #ffffff;

}



.componentheading {

    /* background: url(../images/component_heading.jpg) repeat-x; */

    /* background: url(../../../images/stories/template/component_heading.jpg) repeat-x; */

	color: #0066cc;

	text-align: left;

	padding-top: 4px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;



}



.contentcolumn {

	padding-right: 5px;

}



.contentheading {

	height: 40px;

    /* background: url(../images/content_heading.jpg) repeat-x; */

    /* background: url(../../../images/stories/template/content_heading.jpg) repeat-x; */

	color: #0066CC;

	text-indent: 0px;

	font-weight: bold;

	font-size: 18px;

	/*white-space: nowrap;*/

}







.contentpagetitle {

	font-size: 13px;

	font-weight: bold;

	color: #cccccc;

	text-align:left;

}



table.searchinto {

	width: 100%;

}



table.searchintro td {

	font-weight: bold;

}



table.moduletable {

	width: 100%;

	margin: 0px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;
	color: #0066cc;

}



table.moduletable th {

    /* background: url(../images/sub_heading.jpg) repeat-x; */

    /* background: url(../../../images/stories/template/sub_heading.jpg) repeat-x; */

	color: #0066cc;

	text-align: left;

	margin: 0px;

	padding: 0px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;  /* main text */

	text-transform: uppercase;

}



table.moduletable td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

	line-height: 1.5em;

} 



table.pollstableborder td {

  padding: 5px;

	margin: 15px;

}



.sectiontableheader {

  font-weight: bold;

  background: #f0f0f0;

  padding: 3px;

margin-bottom:10px;

}



.sectiontablefooter {

Padding: 15px;



}



.sectiontableentry1 {

   margin: 3px;

	background-color : white;

	color: black;

}



.sectiontableentry2 {

   margin: 3px;

	background-color : white;

   color: black;

}



.small {

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}



.createdate {

	height: 15px;

	padding-bottom: 10px;

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}



.modifydate {

	height: 15px;

	padding-top: 10px;

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}



table.contenttoc {

  border: 1px solid #cccccc;

  padding: 2px;

  margin-left: 2px;

  margin-bottom: 2px;

}



table.contenttoc td {

  padding: 2px;

}



table.contenttoc th {

  /* background: url(../images/sub_heading.jpg) repeat-x; */

  /* background: url(../../../images/stories/template/sub_heading.jpg) repeat-x; */

  color: #0066cc;

	text-align: left;

	padding-top: 2px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}



a.mainlevel:link, a.mainlevel:visited {

	display: block;

    /* background: url(../images/mainlevel_menu.jpg) repeat-x; */

    /* background: url(../../../images/stories/template/mainlevel_menu.jpg) repeat-x; */

	vertical-align: middle;

	font-size: 11px;

	font-weight: bold;

	color: blue;

	text-align: left;

	padding-top: 5px;

	padding-left: 18px;

	height: 20px !important;

	height: 25px;

	width: 100%;

	text-decoration: none;

}



a.mainlevel:hover {

	background-position: 0px -25px;

	text-decoration: underline;

	color: #333333;

}



a.sublevel:link, a.sublevel:visited {

	padding-left: 1px;

	vertical-align: middle;

	font-size: 11px;

	font-weight: bold;

	color: #0066cc;

	text-align: left;

}



a.sublevel:hover {

	color: #767678;

	text-decoration: none;

}

.highlight {

	background-color: Yellow;

	color: Blue;

	padding: 0;

}

.code {

	background-color: #ddd;

	border: 1px solid #bbb;

}



form {

/* removes space below form elements */

	margin: 0;

 	padding: 3px;

}



div.mosimage {

  border: 0px solid #ccc;

  padding:5px; /* edit here to fix padding around pictures */

}



.mosimage {

  border: 1px solid #cccccc;

  margin: 5px

  padding: 5px;

}



.mosimage_caption {

	width: 100px; /* image caption width */

	background: #0066cc;

    color: white;

  text-transform: uppercase;

  font-size: 10px;

  border-top: 1px solid #cccccc;

      

  	margin: 0px;

	margin-top: 7px;	

	margin-bottom: 7px;

    

	padding-left:5px;

	padding-right:5px;

    padding-top: 1px; 

	padding-bottom: 2px;



}



/* Harry's Template Settings */

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



/* Background Colour Container */

#container_back {
	background:#FFFFFF;
	width:770px;	
	margin-left: auto;
   	margin-right: auto;
   	border: 0px solid black;
	border-left: 0px solid gray;
 	border-right: 0px solid black;
    text-align: center; /* CENTER content for ie */	 
    margin: 0px; 
    padding: 5px;    
    /* background: url(../images/container_back_blue.jpg); */
    /*background: url(../../../images/stories/template/container_back_blue.jpg) repeat-y center top;*/
}
/* Used for center layout - width 95% for variable */
#container_page{
   /* Width below sets template width */	
   width: 760px;   /* set for fixed width template */
   /* background-color: white /* if you want to include the bottom box in the white background */			
   /* background: url(../images/container_page.jpg); */
   /* background: url(../../../images/stories/template/container_page.jpg); */
   /* CENTER content for firefox */
   margin-left: auto;
   margin-right: auto;
   /* Page Bordering */
   border: 0px solid black;
   border-left: 0px solid gray;
   border-right: 0px solid black;
}



#container_white{


	
	background-color: white; /* content area background only - doesn't include bottom */			

	/* background: url(../images/container_white.jpg);	*/

	/* background: url(../../../images/stories/template/container_white.jpg); */

}	



#hat {

    margin: 0px;
	

    padding: 0px;    

    /* background: url(../images/container_back.jpg); */

    /* background: url(../../../images/stories/template/container_back.jpg) repeat-y center top; */



}



/* High level background boxes */

#top_box {

	/* THis is where the logo background is set */

	width: 100%;    margin:0px;    padding:0px; 

	/* background: url(../images/logo.jpg) no-repeat left top; /* Logo - in media area */

	background: url(../../../images/stories/template/logo.jpg) no-repeat left top; /* Logo - stored in media area */

}



#header_box { 

	/* had to make this a DIV to get it to align right!!! */

	/* used normally for the top menu - Home Site Contact Us  */

	float: right;
	color:#0066cc;
	padding-right: 15px;

	padding-left: 15px;

	padding-top: 5px; 

	padding-bottom: 0px;

}



#icon_box { padding: 0px; margin: 0px; }

#user1 {  }

#newsflash_box {	

 	/* had to make this a DIV to get it to align right!!! */

 	float: right;

}

	

#top_menu {

    background-color: #0066cc;
	color:#ffffff;
	padding:0px;
	margin: 0px;
	text-align:right;
	/* background: url(../images/top_menu.jpg); */
	/*background: url(../../../images/stories/template/top_menu.jpg) repeat-x;*/
}

#top_menu {
	text-align: -moz-left;
}



#left_box{	

	/* background: url(../images/left.jpg) left;*/
	/*background:#cccccc;*/
	background: url(../../../images/stories/template/left.jpg) top left repeat-x;

	width: auto;	

	padding-top:0px; 

	padding-left: 0px;

	padding-right: 0px;

    padding-bottom: 0px;

}



#inset_box {   width: 100%;	text-align: left;	margin:0px;
background:#FFFFFF;
}



#middle_box { 

	/* background: url(../images/middle.jpg) left;  */

	/* background: url(../../../images/stories/template/middle.jpg) left;  */

	padding:0px;
	width: 100%;	
	margin:0px;  
	vertical-align: top;  
	/* border-left: 1px solid gray;
    border-right: 1px solid black; */
	height: 300px;  /* Mozilla will burst out of #middle_box DIV if child content is longer. */             
	min-height:   ;       /* IE treats height as minimum height. */  

}                    

html>body #middle_box {              /* Code here is only rende#0066cc by Mozilla & Safari & Opera                          */       
	height:	auto;  /* Mozilla will burst out of #middle_box DIV if child content is longer.   */    
	min-height:	300px;
}  



#main_body{  
	/* background: url(../images/mainbody.jpg);  */
	/* background: url(../../../images/stories/template/mainbody.jpg);  */
	width: 100%; margin: 0px;
	vertical-align: top;
	padding:0px;
	/*padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;

	padding-bottom: 10px;*/

	    

}



#right_box{	

		/* background: url(../images/right.jpg); */

    background: url(../../../images/stories/template/right.jpg) repeat-y right;

    margin:0px;	width: auto;	

	padding-top: 0px; 

	padding-left: 5px;

	padding-right: 10px;	

	padding-bottom: 0px;

}

	

#user2{ padding: 15px;}            

#user3{padding: 15px;}

#user4{padding: 15px;}



#bottom_box{ 
	padding: 0px;
	width: 100%;	
	margin:0px;
	text-align:right;
}

#bottom_box {text-align: -moz-right;
}

#bottom{  	
    background-color:	#0066cc;
	/* background: url(../images/bottom.jpg) no-repeat left top; */
	/*background: url(../../../images/stories/template/bottom.jpg) no-repeat right top; */
	width: 100%;	
	margin:0px; 
	padding: 0px; 
	padding-left: 0px;
	color:#ffffff;
}



#shoes {

    margin: 0px; 

    padding: 0px;    

    /* background: url(../images/container_back.jpg); */

    background: url(../../../images/stories/template/container_back.jpg) repeat-y center top;



}



#footer_box { 

	padding: 0px;

	width: 100%;	
	text-align: center;
	margin:0px; 
	
}



#footer{  	
	width: 30%;	
	text-align: left;
	margin:0px;
	
	}
#footer1{  	
	width: 60%;	
	text-align: center;
	margin:0px;
	
	}
#footer2{  	
	width: 30%;	
	text-align: right;
	margin:0px;
	
	}

#toolbar{  	width: 100%;	text-align: center;	margin:0px;}

#cpanel{  	width: 100%;	text-align: center;	margin:0px; padding-top: 7px;}







/* Area Specific - Text Stuff*/

#cpanel{}

#legals{   align: bottom; height: 30px; margin:0px;	padding-left: 70px; height: 30px;}

#copyright{	color: darkgray;	font-size: 11px;text-align: center;	font-family: Tahoma, Verdana, Arial, Helvetica, Sans Serif ;}

#made_by{	color: black;	font-size: 8px;text-align: center;	font-family: Tahoma, Verdana, Arial, Helvetica, Sans Serif ;}

#pathway { 	

    color: gray;

	margin: 0px;

	width: 100%; 

	Padding-left: 20px;

	Padding-top: 5px;	

	height: 39px;

	/* border-left: 1px solid gray;

   border-right: 1px solid black;*/

}

/* Sitemap */



.moduletablerandomimage { margin: 5px; padding: 0px; border: 1px solid white;}

.sitemap a { color:#374989; font-weight:normal; text-decoration:none; }

.sitemap a:hover { color:#4759a9; text-decoration:underline; }

.sitemap ul { margin:0px 0px 0px 30px; list-style-type: square; }

.sitemap li { line-height:16px; }

.sitemap .trunk { margin:0px 0px 10px 2px; padding:0px; list-style-type:none; }

.sitemap .level_0 { margin:0px 0px 10px 20px; padding:0px; list-style-type:circle; }

.sitemap .level_0 li { margin:0px; padding:0px; line-height:18px; }

.sitemap .title { display:block; background:#0088B0; color:white; font-weight:bold; padding-left:4px; }

.sitemap .active a { font-weight:bold; }

/* This would hide the MamboMap menu entry from the sitemap: */

/* .sitemap .active { display:none; } */



/* MENU FORMATS: *?

-----------------------------



/* Main Menu mod  -main */

--------------------------
.moduletable-main { padding: 0px; }
table.moduletable-main td a:link { 
color: #ffffff;
font-size: 10px;
padding-top:5px;
padding-left: 15px;
padding-right: 20px;
padding-bottom: 5px;
height: 18px;
}

table.moduletable-main td a:visited { 
color: #ffffff;
font-size: 10px;
padding-top:5px;
padding-left: 15px;
padding-right: 20px;
padding-bottom: 5px;
height: 18px;
}

table.moduletable-main td a:hover { 
color: #cccccc;
font-size: 10px;
padding-top:5px;
padding-left: 15px;
padding-right: 20px;
padding-bottom: 5px;
height: 18px;
}


/* Main Menu Mod -top */

--------------------------------

.moduletable-top { padding: 0px; }

table.moduletable-top td a:link {

color: #0066cc;

font-size: 10px;

}



table.moduletable-top td a:visited {

color: #0066cc;

font-size: 10px;

}



table.moduletable-top td a:hover {

color: #cccccc;

font-size: 10px;

}





/* Main Menu mod  -other */

--------------------------

.moduletable-other { padding: 0px; }

table.moduletable-other td a:link { 
color: #ffffff;
font-size: 10px;
padding-top:2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
height: 10px;
text-align:right;
}
table.moduletable-other td a:visited { 
color: #ffffff;
font-size: 10px;
padding-top:2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
height: 10px;
text-align:right;
}
table.moduletable-other td a:hover { 
color: #ffffff;
font-size: 10px;
padding-top:2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
height: 10px;
text-align:right;
}


/* MOSForms */

/*

background-color: #fbd1fb;

color:  #800080;

padding: 10px;

margin-top: 10px;

*/

/* Standard Stuff */

/* Module corners */

/* Image shows: 

bottom left corner, 

left edge, 

bottom edge, 

background. 

200x200px*/




/*------------box-----------*/
.moduletable-box {
background-color: #f9f7f7;
lineheight:1.5em;
padding: 10px;
border: 1px solid grey;
}

div.module-box {
background-color: #f9f7f7;
lineheight:1.5em;
padding: 10px;
border: 1px solid grey;
}
/*------------end of box-----------*/

/*------------box2-----------*/
.moduletable-box2 {
		opacity: .80;
		filter: alpha(opacity=80);
		background-color: #c1c1c1;
		lineheight:1.5em;
		padding: 10px;
		/* border: 1px solid grey; */
		width: 128px; /* width here to force opacity in IE6*/
}
table.moduletable-box2 th {
		background: url(../../../images/stories/template/rounded.jpg) no-repeat;
		color: white;
		text-align: center;
		margin: 0px;
		padding-left: 10px;
		padding-top: 5px;
		height: 21px;
		font-weight: bold;
		font-size: 12px;  /* main text */
		/* text-transform: uppercase; */
}
div.module-box2 {
		opacity: .50;
		filter: alpha(opacity=50);
		background-color:  #c1c1c1;
		lineheight:1.5em;
		padding: 10px;
		border: 1px solid grey;
		width: 130px; /* width here to force opacity in IE6*/
}
/*------------end of box2-----------*/
#back_image #container_back #container_page #container_white #middle_box tr #main_body .contentpaneopen tr td div table tbody tr td table tr td p em {
	color: #0080FF;
}