body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:1.5em;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #5390b5;
	text-align:justify;
}
p, h1 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.mainbg {
	background-image: url(../images/johanmagic_mainbg.jpg);
	height: 427px;
	background-color: #206889;
	background-repeat: repeat-x;
}
.menu_topbg {
	background-image: url(../images/johanmagic_menu-6.jpg);
	background-repeat: repeat-x;
}
.menubotbg {
	background-image: url(../images/johanmagic_mainbg.jpg);
	background-repeat: repeat-x;
}
.menubg {
	background-color: #0E5D88;
	background-image: url(../images/johanmagic_menu-3.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8bdbf5;
	border-left-color: #8bdbf5;
}
.leftTd {
	padding-left: 10px;
	padding-top: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #70DBFE;
}
.rightTd {
	padding-top: 20px;
	padding-left: 10px;
}
.mainHead {
	font-family: "Arial Narrow";
	font-size: 24px;
	color: #FCFF00;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
}
.mainHead2 {
	font-family: "Arial Narrow";
	font-size: 24px;
	color:#FF0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	padding-left:10px;
}
.mainHead2 {
	font-family: "Arial Narrow";
	font-size: 24px;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	padding-left:10px;
}

.mainHead3 {
	font-family: "Arial Narrow";
	font-size: 18px;
	color:#000000;
	line-height:20px;
	margin-left:15px;
	text-align:justify;
	font-weight:bold;
	
	
}

.menuHead {
	font-family: "Arial Narrow";
	font-size: 22px;
	color: #fcff00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #80c8e4;
	padding-left: 10px;
}
.menuHead2 {
	font-family: "Arial Narrow";
	font-size: 15px;
	color: #fcff00;
	padding-left: 10px;
	padding-top: 10px;
}
.leftMenu {
}

.leftMenu ul li {
	font-size:12px;
	color:#FFFFFF;
	padding-bottom:8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9cc6dd;
	font-family: "Trebuchet MS";
	font-weight: bold;
}
.leftMenu ul li a {
	text-decoration:none;
	color:#FFFFFF;
}
.leftMenu ul li a:hover {
	text-decoration:none;
	color:#fcff00;
}
.leftMenu ul li img {
	padding-left:10px;
	padding-top:8px;
	padding-right:10px;
}
.capPadding {
	padding-right:10px;
}
.bottom {
	background-image: url(../images/johanmagic_35.jpg);
	background-repeat: repeat-x;
	width: 778px;
	height: 87px;
}
.bottom h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fcff00;
	padding:0 0 0 15px;
	letter-spacing: .1em;
}
.bottom span{ 
	padding:0 5px 0 5px;
}
.bottom a {
	text-decoration:none;
	color:#FFFF00;
}
.bottom a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
.bottom p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding:0 20px 0 0;
	line-height:1.2em;
}
.bottom p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.bottom p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fcff00;
}
.tab1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #2696C6;
	padding-left: 5px;
	height: 25px;
}
.imp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	text-align: center;
}
.imp span {
	color:#FF0000;
}

.tab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #207DA6;
	padding-left: 5px;
	height: 25px;
}
.formHead {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}
.formHead span {
	color:#FFFF00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.testi {
	border: 1px solid #A5C7DE;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px;
}

.testi span {
	color:#FFFF00;
	font-weight:bold;
}


.goTd {
	padding-right: 10px;
}
.paratext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	padding-right: 10px;
}
.goText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.warTd {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.garTd {
	border: 1px solid #FFFFFF;
}
.table_cr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}
.sixflag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FEFEFE;
}
.xoxo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFBBFF;
}


.sixflag span {
	color:#FFFF33;
	font-weight:bold;
	font-size:12px;
}

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

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}
#menuwrapper {
width : 770px;
margin : auto;
padding-left : 0px;
padding-right : 0px;
}
.clearit {
clear : both;
height : 0;
line-height : 0.0;
font-size : 0;
}
#p7menubar, #p7menubar ul {
padding : 0;
margin : 0;
list-style : none;
font-family : Tahoma, Arial, 'Trebuchet MS', Verdana, Sans-serif;
font-weight:bold;
}
#p7menubar a {
display : block;
text-decoration : none;
padding : 5px 10px 5px 10px;
border-right : 1px solid #6EBCFE;
font-size : 13px;
font-weight:bold;
color : #ffffff;
background-color:#003364;
}
#p7menubar
 a.trigger {
padding : 5px 10px 5px 10px;
background-position : right center;
}
#p7menubar li {
float : left;
width : 15px;;
}
#p7menubar li ul, #p7menubar ul li {
width : 10em;
}
#p7menubar ul li a {
color : #f64d51;
border-right : 0;
padding : 3px 10px 3px 10px;
}
#p7menubar li ul {
position : absolute;
display : none;
background-color : #0380c0;
border-bottom : 1px solid #333333;
background-color : #cef8ff;
z-index : 2;
}
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a {
color : #ffffff;
background-color : #005DAD;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
display : block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
color : #000000;
background-color : transparent;
}
#p7menubar ul a:hover {
background-color : #005DAD !important ;
color : #ffffff !important ;
}
#p7menubar li {
width : auto;
}