body

{

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

	font-size: 11px;

	margin:10px;

	background-color: #dddddd;
	
	
	background-repeat: repeat-x;

	background-attachment: fixed;

}





blockquote {padding:10px; background:#DFEAFD;}       





.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:746px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */

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

.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
body

{

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

font-size: 14px;

margin:0px;

background-color: #dddddd;


background-repeat: repeat-x;

background-attachment: fixed;

}





blockquote {padding:10px; background:#DFEAFD;} 





.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:746px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */

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

.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:149px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #ca0d0d; border-width:1px 0 1px 1px; background:#3263AF; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#a8c6ec url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#a8c6ec url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

.menu ul ul :hover > a.drop {

background: White url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;

}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#a8c6ec;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#a8c6ec;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:149px; top:-1px; width:149px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-149px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

background: White;

color: #000;

height: auto;

line-height: 1em;

padding: 5px 10px;

width: 128px;

border-width: 0 1px 1px 1px;

}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#000; background:#a8c6ec ;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#a8c6ec;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}







/* ================================================================ 

This CSS is further CSS I have created specifically for Wordpress

so that the current page is highlighted in two levels.

If you want it in three levels let me know.



Author: Isaac Rowntree

Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

color: red;

background: white;

border-left: 1px solid black;

}



.menu .current_page_item a {

color: red;

font-weight: bold;

background: white;

}



.menu ul .current_page_item ul a {

color: white;

font-weight: normal;

background: black;

}



.menu ul .current_page_item ul a:hover {

background: gray;

}



.menu .current_page_item a:hover {

background: white;

}





#main {
	width: 500px;
	padding: 0px 10px 10px 15px;
	float: left;
}





#main h1 {

font-family: arial, sans-serif; color: black;font-size:16px;font-weight:bolder;border-bottom:1px solid #ddd;margin:25px 0px 0px 0px;padding:0px 0px 6px 0px;}

#main h1 a{color: #ca0d0d;font-size:16px;}

#main p.details{padding:3px 0px 0px 0px;margin:0px 0 13px 0;font-size:11px;border-bottom:1px solid #ddd; font-size: 9px;} 

#main p.detailsb{padding:3px 0px 0px 5px;margin:10px 0 20px 0;font-size:12px;border-bottom:1px solid #ddd;background:#FFFBF1;display:block;} 

#main h2 {

color: #ca0d0d;

font: 16px Arial, Helvetica, sans-serif;

font-weight:bold;

}

#main h3 {



color: #000000;

font-size:19px;

text-align: right;

font-style: italic;

border-bottom: 1px;

border-left: 0px;

border-top: 0px;

border-right: 0px;

border-color: Black;

border-style: solid;

padding: 5px;

width: 500px;

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

font-weight:bold;

text-transform: capitalize;

}

#main p {padding:0px 0px 10px 0px;margin:0px;color:#3f3f3f;} 









#main a{text-decoration:none;color:#ca0d0d;}

#main a:hover{text-decoration:none;color:#880101;}

#main ul, ol{margin:0px 0 10px 25px; padding:0px;}





#container{margin-left:auto;margin-right:auto;width:820px;margin-bottom:0px;text-align:left;padding:1px; background-color: White;}



#sidebar {
	border-left-width: 1px;
	border-left: solid;
	border-color: Silver;
	width: 260px;
	float: right;
	padding: 0px 5px 0 5px;
	margin: 0px;
	vertical-align: top;
	margin-top: 0px;
	font-size: 11px;
	height: 100%;
}



#sidebar strong

{

color: #ca0d0d;



}



#footer

{



clear: both;



background-color: #000000;



background-image: none;



background-repeat: repeat;



background-attachment: scroll;



background-position: 0% 0%;



color: #ffffff;



text-align: center;



padding-top: 0px;



padding-right: 0pt;



padding-bottom: 5px;



padding-left: 0pt;



margin-top: 0px;



margin-right: 0px;



margin-bottom: 0px;







width: 100%;



font-family: arial;



font-style: normal;



font-variant: normal;



font-weight: normal;



font-size: 11px;



line-height: 18px;



font-size-adjust: none;



font-stretch: normal;



-x-system-font: none;



height:200px;



}



#content

{

width: 500px;padding:10px 10px 10px 10px;float:left;

}

#sidebar p {color: #000;padding:10px;margin-top: -10px;font:11px verdana,arial,helvetica,sans-serif; }

#sidebar h2 {

color: #ca0d0d;

font: 14px;

font-weight: bolder;

margin: 15px 0px 0px 0px;

padding: 8px 0px 3px 0px;



list-style-image: url(img/pix.gif);

}

#sidebar ul {

margin-bottom: 10px;

padding: 5px 5px 5px 5px;

border: 1px dotted #BCBCBC;

list-style-image: url(img/pix.gif);

}

#sidebar ul li {

display: block;

padding: 0px;

margin: 0px;

font-size: 11px;

color: #fff; 

list-style-type: square;





}



#sidebar a {text-decoration: none;}



#sidebar ul li a {display: block;color: #000;text-decoration: none;margin: 0px;padding: 5px 5px 5px 5px;}

#sidebar ul li a:hover {

background: #BFD3FF;

color: black;

}

#sidebar a.morre {background: #f6f6f0;color: #dd6600;padding:2px 2px 1px 2px;margin:0px 0px 5px 0px;font-weight:bold;border-bottom:none;width:60px;} 

#sidebar a.title {color: #000;padding:0px;background:none;margin:0px;} 

#sidebar p{padding: 3px 0px 0px 5px;margin: 0px;color:#000;} 



.widgettitle{



font-size: 15px;




}




.st-tags t1{

text-decoration: none;

	}





#footer2

{

	vertical-align: top;

	border-left: 0px;

	border-left-style: solid;

	border-left-color: White;

	float: right;

	width: 47%;

	text-align: justify;

	padding: 10px 10px 10px 10px;

}



#footer2 h1 .rsswidget

{

font-size: 15px;

font-weight: bold;

color: #ca0d0d;

border-color: #ca0d0d;

border-bottom: 0px;

border-bottom-style: solid;

width: 100%;

}

#footer2 h1 a .rsswidget
{
font-size: 15px;

font-weight: bold;

color: #ca0d0d;

border-color: #ca0d0d;

border-bottom: 0px;

border-bottom-style: solid;

width: 100%;

}

#footer2 h1
{
font-size: 15px;

font-weight: bold;

color: #ca0d0d;

border-color: #ca0d0d;

border-bottom: 0px;

border-bottom-style: solid;

width: 100%;

}

#footer2 a

{


color: white;

text-decoration:none;





}



#footer2 ul li

{
	color: Silver;
}



.st-tag-cloud



{





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



	font-weight: bolder;

font-style: italic;

padding: 2px;



}



#tagart

{

	padding: 5px;

	background-color: #DFEAFD;

	font-size: 11px;

	border: 0px solid #7BA9F1;

}



#searchform 

{



font-size: 11px;

}



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}