/* Body */
* {margin:0; padding:0;}
body {background:#F1EEE4; color:#000000; font:16px comic sans ms,Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif;text-decoration:bold; line-height:1.4em; text-align:justify; padding:0;}

#wrap {width:960px; background:#ffffff url(http://www.professional-magic.co.uk/fleck.gif) top left repeat; color:#555; padding:0px; margin:10px auto 0 auto; text-align:left; border:8px solid #ffffff;}
#top {width:960px; text-align:right; margin:10px auto 5px auto; color:#ddd; font-size:0.9em; }
#top p {margin:2px; padding:0;}
#top a {color:#eee; border-bottom: 1px dotted #aaa;}
#top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#header {text-align:left; padding:0; margin:0 0 10px 0;background:#ffffff url(http://www.professional-magic.co.uk/fleck.gif) top left repeat;}
#sitetitle  {width:350px; height:125px; float:left;background:#ffffff url(http://www.professional-magic.co.uk/new/images/logo.jpg) top left repeat;}


#sitetitle h1 {font-weight: 700; font-size:2.2em; letter-spacing:-2px; line-height:0.9em; margin:20px 0 10px 10px; padding:0;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px;}
#sitetitle p {margin:5px 0 20px 20px; padding:0; letter-spacing:-1px; font-size:1.4em; color:#777;}

/* Main menu */
#mainmenu {float:right; width:600px; margin:0;}
dl.nav {width:120px; float:left; margin: 0 0px 5px 10px;}
dl.nav dt {font-size:12px;border-bottom:1px solid #254E24; padding:0; font-weight:600; margin:0; color:#777;  }
dl.nav dt a {font-family:"arial, Times New Roman",Georgia,Serif,font-weight:700; color:#000000;}
dl.nav dt.active { color:#6F874D;}
dl.nav dt a:hover {color:#222;}
dl.nav dd {font-size:12px;font-family:arial;padding:0; margin:0; border-bottom:2px solid #000000;}
dl.nav dd a {font:10px;font-weight:600; padding:1px 0 1px 5px; color:#404040;; display:block; width:125px;}
dl.nav dd a:hover {color:#dd0000;}


/* Headline */
#headline {width:958px; text-align:center; margin:5px 0 0px 0;  background-color:#ffffff; color:#777; font-size:0.9em;}
#headline p {margin:0px; padding:0;}

/* Headers */
h2, h3, h4 {margin:0 0 14px; padding-bottom:5px;color:#DD0000;font: italic bold 30px comic sans ms,sans-serif;}

/* Content */
#content {float:left; text-align:left; width:700px; margin:10px 0 0 0;padding:10px; }
#content h1 {color:#DD0000;font: italic bold 2.5em comic sans ms,sans-serif; border-bottom:2px solid #ff0000;text-align:center;}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #8A8484;}
#content h3 {font-size:1.4em; letter-spacing:-1px;}
#content h4 {font-family:arial;font-size:4.2em}
#content h6 {color:#ffffff;font-size:0.7em; letter-spacing:-1px; clear:left;text-decoration:bold;}
#content h2 a, #content h3 a {font-weight:700;}
#content p {color:#808080;font: 16px comic sans ms,sans-serif;margin:15px; text-align:justify; }
#content a {color: #254E24;}
#content a:hover {color: #808080; border-bottom:1px dotted #808080;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 10px 10px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}
#content table {border:1px solid black;}

table.index {
        padding:25px;
        float: right;
        width:325px;
	padding:5px;
	
		
	background-image:url('http://www.professional-magic.co.uk/fleck.gif')
	
	
}




/* Sidebar */
#sidebar {text-align:left; margin:5px 0 0 718px; width:210px; padding:10px; background:#F1EEE4;padding:5px;border:2px solid #808080;}
#sidebar h2 {color:#DD0000;font-size:1.0em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #808080;}
#sidebar h3 {color:#DD0000;font-size:0.9em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #808080;}
#sidebar p, #sidebar ul, #sidebar ol {text-align:justify;color:#808080;margin:0 0 15px 0; padding:0; }
#sidebar a {font-size:14px;font-weight:400;}
#sidebar ul li {list-style:none; margin:0 0 1px 0;}
#sidebar ul li a {color:#D35D92;font-size:14px;border-bottom:1px dotted #808080;text-decoration:bold;}
#sidebar ul li a:hover {color:#808080;font-size:14px;text-decoration:bold;}
#sidebar ul ul {margin:1px 0 1px 2px; font-size:14px;text-decoration:bold;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}



#sidebar ul.sidemenu li {font-size:12px;list-style: none; width:150px; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #555; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a { background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {width:203px; letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* Footer */
#footer {clear:both; font-size:1.0em; width:960px; line-height:1.5em;  margin: 5px auto 10px auto; padding:0;}
#footer p {margin:0; padding:0; font-size:1.0em;color:#dd0000;text-decoration:bold;}
#footer a {font-size:1.0em;color:#404040; border-bottom: 1px dotted #DE4284;}
#footer a:hover {color:#404040; text-decoration:none; border-bottom:2px dotted #404040;}

/* Links */
a.index:link {color:#dd0000;font-size:12px;text-align:left;} /*link*/
a.index:hover {color:#808080;font-size:12px;} /*hover*/
a.index:visited {color:#000000;font-size:12px;}  /* visited link */

a img {border:0;}

/* Various classes */
.left { float:left; width:49%; text-align:left;background:#F1EEE4;padding:5px;border:2px solid #808080;}
.copyleft { float:left; width:59%; text-align:left;background:#F1EEE4;padding:0px;font-size:10px;}
.copyright {color:#404040;float:left; width:49%; text-align:left;}
.right {float:right; width:39%; text-align:left;font-size:10px;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext  {font-size:12px;font-family:"arial, Times New Roman",Georgia,Serif,font-weight:700;color:#FFFFFF;}
.clear {visibility:hidden; clear:both; height:1px;}
.hide {display:none;}


/* Sidebar */
#indexbar {text-align:right; margin:5px 0 0 718px; width:280px; padding:10px; background:#F1EEE4;padding:5px;border:2px solid #808080;}






/* Full container */
#fullwidth {float:left; text-align:left; width:920px; margin:10px 0 0 0;padding:20px;}
#fullwidth h1 {color:#F44E94; font-size:1.8em; letter-spacing:-1px; clear:center; border-bottom:2px solid #8A8484;padding:10px;}
#fullwidth h2 {font-size:1.5em; letter-spacing:-1px; clear:left; }
#fullwidth h3 {font-size:1.4em; font-family:Georgia,Arial,Times New Roman,Serif;letter-spacing:-1px;}
#fullwidth h4 {font-size:1.0em; letter-spacing:-1px; #ccc; text-align:left;}
#fullwidth h6 {color:#dd0000;font-size:0.7em; letter-spacing:-1px; clear:left;text-decoration:normal;}
#fullwidth p {color:#808080;font: 14px comic sans ms,sans-serif;margin:0 0 15px;text-align:justify;}
#fullwidth a {font-size:1.0em;color:#dd0000;border-bottom:1px dotted #dd0000;}
#fullwidth a:hover {color: #808080; border-bottom:1px dotted  #808080;}
#fullwidthul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
#fullwidth ul li, #content ol li {margin:0 0 10px 10px;}
#fullwidth ul ul, #content ol ol {margin:5px 0 5px 10px;}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu{background:#ffffff url(http://www.professional-magic.co.uk/fleck.gif) top left repeat;
font-weight: bold;
width: 100%;

}

.underlinemenu ul{
padding: 1px 0 6px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;

text-align: left; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color:#404040;
padding: 3px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 15px; /*spacing between each menu link*/
text-decoration: bold;
border-bottom: 2px solid #404040; /*bottom border is 4px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color:#DD0000;
color:#FF0000;
}