/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* {}

html, body {
 height: 100%;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #fff url(../../images/krasnal/bg_background.jpg) repeat-x;
 }
 
 /*global*/
 ul, ol {
	list-style-type:none;
}

#leftcolumn ul, ol {list-style:circle;}

hr {height:12px;border:0px;background: #fff url(../../images/krasnal/hr1.jpg) repeat-x;margin:5px;}

a img {border:0px;}
#wrapper { 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -230px;
	width: 974px;
}
#faux {
 background: url(../../images/krasnal/bg_main.jpg) no-repeat;
 margin:0px 0 5px 0;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
* html #faux {
 background: url(../../images/krasnal/bg_main.jpg) no-repeat;
 margin:-3px 0 5px 0;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 974px;
 height: 210px;
 margin: 0;
 background: #D1DBDB url(../../images/krasnal/bg_top.jpg);
}

#menu {
margin-top:0px;
float:right;
width:730px;
background:transparent;
border:0;
z-index:100;
}

#navigation {
width:974px;
height:60px;
 color: #333;
 padding:0;
 margin: 0;
 background: transparent url(../../images/krasnal/bg_menu.jpg) no-repeat;
}
#navigation a img {
height:130px;
margin:0 21px 0 0;
border:0px solid #000;
}

#rightcolumn {
 background: transparent; 
 display: inline;
 color: #333;
 margin: 10px 10px 10px 0;
 padding: 10px;
 width: 140px;
 float: right;
}
#slideshowdiv{width:370px;}
#leftcolumn {
	font:normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height:20px;
background:transparent; 
 float: left;
 color: #333;
 margin: 10px 0 10px 10px;
 padding: 10px 30px 10px 40px;
 width: 680px;
 display: inline;
 position: relative;
border-right: 1px dashed #fa0080;
z-index:1;
}
#leftcolumn a{
	font:normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
background:transparent;
border-bottom:1px dashed #fa0080;
color:#fa0080;
text-decoration:none;
padding:0;
height:10px;
}
#leftcolumn a:hover{
border-bottom:1px dashed #059fd7;
color:#059fd7;
text-decoration:none;
}
#leftcolumn blockquote{margin:0 40px;line-height:normal;}
#leftcolumn h4{margin:20px 0 2px 0;line-height:normal;}
#leftcolumn h2{color:#fa0080;}


h1 {font-family: Arial, Helvetica, sans-serif;
height:40px;
 font-size: 20px;
 color:#fa0080;
 width:100%;
 border:0;
 margin: 0 0 10px 0;
 padding:0 5px 0 30px; 
background: transparent url(../../images/krasnal/hr.jpg) bottom left no-repeat;
text-align:left;
width:500px;
z-index:2;
 }
#footer{
font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 height: 120px;
 padding: 90px 0 0 0;
 width: 902px;
 clear: both;
 color: #fff;
 background: #059fd7 url(../../images/krasnal/bg_bottom.jpg) top no-repeat;
 margin: 0 auto;
}
.push {
 height: 230px;
}
.footer{
 height: 230px;
 background: #059fd7 url(../../images/krasnal/bg_footer.jpg) top repeat-x;
}

#copy img{margin:-3px 2px;border:0;padding:0;}
#copy a img{margin:-2px 0;border:0;padding:0;}

#copy {margin:10px;padding:5px;text-align:center;border-top:1px solid #3FC1EF;font:normal 10px Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color:#fff;}
#copy a {font:normal 10px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#fff;text-decoration:none;}
#copy a:hover {font:normal 10px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#fff;text-decoration:underline;}





/*---------MENU---------------------*/

.suckertreemenu ul{
	z-index:110;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: transparent; /*overall menu background color*/
z-index:110;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 10px 5px;
border-left: 0;
text-decoration: none;
color: #000;
z-index:110;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
z-index:110;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
	z-index:110;
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
z-index:110;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 120px; /*width of sub menu levels*/
color: #fff;
text-decoration: none;
margin:0;
padding: 3px 5px;
border:1px solid;
border-color:transparent;
background:#00b9e9;
z-index:110;
}

.suckertreemenu ul li a:hover{
background-color: #fa0080;
color: #fff;
z-index:110;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: transparent url(media/arrow-down.gif) no-repeat center right;
z-index:110;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{z-index:110;
background: #fa0080 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;z-index:110;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; z-index:110;}
* html .suckertreemenu ul li a { height: 1%; z-index:110;}
/* End */