html {background: #FFF;font-family:Arial,sans-serif;font-size:100.01%;}
body{font-size:1em;margin:0;border:0; padding:0;behavior:url(http://www.emergencyporn.com/csshover.htc); }
p{display:inline;cursor:pointer;font-weight:600;text-decoration:underline;margin-top:0;margin-bottom:0;}

/* splash page */
#splash { text-align: center; margin: 5em 0 0 0; vertical-align: middle; }
#splashcon { width: 780px; text-align: left; margin: 0 auto; }
#demo {display:block;

height:400px;
position:relative;
float:left;
clear:both;}

#demo2 {display:block;
position:relative;
float:left;
clear:both;
padding: 20px 0px 20px 0px;
margin: 50px 0px 50px 0px;
}

#thumbcon{
margin: 20px 240px 20px 240px;
clear:both;
}

/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* SITE MENU NAVIGATION AND TITLE */
#menu{width: 100%;background: #f63; height: 38px; text-align: left;}

#info {
position: absolute;
top:0px;
left:350px;
font-size: 20px;
color:#fff;
padding:6px;
font-weight: 600;
overflow:hidden;
}

ul#navleft,ul#navleft li{list-style-type:none;margin:0;padding:0}
ul#navleft{top:10px; position:absolute; margin-left: 10px;width:350px}
ul#navleft li{float:left;margin-right: 10px;text-align: center; }
ul#navleft a{float:left;width: 100px;height: 18px;padding: 5px 0;background: url(./tab.gif) no-repeat 0 -28px;text-decoration: none;color: #fff}
ul#navleft a:hover{color: #fff; background-position: 0 -56px;}
ul#navleft li.activelink a,ul#navleft li.activelink a:hover{color: #003; background-position: 0 0px;}
ul#navleft li img{border:0px;margin-right:2px;}


.filtermenu {
display: block;
  position:absolute; 
  right:60px; 
  top:40px;
width:400px;
  background: #f63;
   border-style:solid;
   border-width:4px;
   padding:10px;
   font-weight:bold;
   font-size:10pt;
z-index:300;

}

.hide {visibility: hidden;}
.show {visibility: visible;}

#filtermenu ul {
clear:both;
margin-top:5px;
margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	position: relative;
	float: left;
	display: inline;
	} 

#filtermenu ul li {
cursor: pointer;
	margin-left: 0;
	margin-bottom: 0;
	padding: 1px 4px 2px;
	border: 2px solid #DDD;
	list-style: none;
	display: inline;
	}
#filtermenu ul li:hover{
	border: 2px solid #00F;
	}
	
#filtermenu ul h1{
   font-size:10pt;
   margin-top:5px;
margin-bottom: 0;
	}
			
.disabled {
float:left;

border-bottom: 1px dotted;
padding:1px 1px 0px 1px;
margin:2px 2px 0px 2px;
background: #f63;
}

.disabled:hover{

border-bottom: 1px solid;}
.en:hover{
border-bottom: 1px solid;}

.en {
border-bottom: 1px dotted;
padding:1px 1px 0px 1px;
margin:2px 2px 0px 2px;
float: left;
background: #FF3030;
}

/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* piclist */


#piclist {	
margin:0px 0px 0px 0px;
text-align: left;
font-size: 18px; color: #f63; text-indent: 20px; text-decoration:none;
}
#piclist p {text-align: right;}
#piclist form {font-size: 14px;
width:700px;
font-weight:600;
margin-left:6%;
text-indent:0px;}

#reportblock{
z-index:2000;
position:absolute;
background:#FF3030;
height:200px;
width:300px;
padding:15px;
}

#mupcon{
display:block;
padding: 10px;
clear:both;
}

.manform1{
float:left;
margin-left:100px;
height:160px;
width:300px;
clear:none;
}

.manform2{
margin-left:315px;
height:160px;
width:400px;
}

.manup{
display:block;
height:160px;
width:300px;
position: relative;
float: left;
}

#manaddform{
clear:both;
}

.manthumbs{
margin-left:80px;
}



#piclist input:hover{
background:#eee;
}

#piclist description {
position:absolute;
font-size: 12px;
padding: 10px;
margin-left: 50%;
width:30%;
font-weight:600;
background: #ff926d;
color: #fff;
}
#piclist indent {margin-left:20px;}

#piclist .bulletoptions {
font-size:12px;
font-weight:400;}

#piclist textarea:hover{
background:#eee;
}

	#iframe {
	border-width: 0px;
	height: 25px;
	width: 800px;
	
	overflow: hidden;
	margin: auto;
}
#iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}
#file {
	width: 600px;
	height: 35px;
}



/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* THUMBNAILS AND ROLLOVER */

.comcon {
float:left;
position: relative;
width: 50%;
margin-top:10px;
}

.comcon span p {
position: absolute;
right:15px;
top:8px;
font-size:12px;

}

.tn, .tnm, .tnl{float: left; display:block; margin:5px 0 0 5px; position: relative; z-index:5;}
.tn {width:90px; height:110px;}
.tnm {width:123px; height:150px;}
.tnl {width:164px; height:200px;}
	
.tn #im ,.tnm #im, .tnl #im{display:block; position:absolute; left:0; top:0;}
.tn #im {width:90px; height:110px;}
.tnm #im {width:123px; height:150px; }
.tnl #im {width:164px; height:200px;}



.tnc {float: left; display:block; width:90px; height:110px; margin:5px 0 0 5px; position: relative; z-index:5;}		
.tnc #im {display:block; width:90px; height:110px; position:absolute; left:0; top:0;}

.rate, .ratem, .ratel {position:absolute; right:0px; top:0px; z-index:20; display:block;z-index:15;}
.rate {width:23px;height:110px;}
.ratem {width:30px;height:150px;}
.ratel {width:40px;height:200px;}

.rate p, .ratem p, .ratel p {position:absolute; right:-1px; top:0px; z-index:21; display:block;}
.rate p{ width:23px;height:110px;background:url(./click2rate.png) 50px -110px no-repeat; }
.ratem p{width:30px;height:150px;background:url(./click2ratem.png) 50px -150px no-repeat; }
.ratel p{width:40px;height:200px;background:url(./click2ratel.png) 50px -200px no-repeat; }

.rate p:hover,.ratem p:hover,.ratel p:hover{ background-position: 0px 0px;}

.edit p{ display:block;width:23px;height:110px; }
.edit p:hover{ background:transparent url(./click2edit.png) no-repeat; }

.rated p:hover,.ratedm p:hover,.ratedl p:hover{ position:absolute; right:0px;}
.rated p:hover { background:transparent url(./re-rate.png) no-repeat;}
.ratedm p:hover { background:transparent url(./re-ratem.png) no-repeat;}
.ratedl p:hover { background:transparent url(./re-ratel.png) no-repeat;}

.ratedo p:hover{ position:absolute; right:0px; background:transparent url(./re-rateo.png) no-repeat;}

.reced p{background:url(./recommended.png) no-repeat;}
.recedm p{background:url(./recommendedm.png) no-repeat;}
.recedl p{background:url(./recommendedl.png) no-repeat;}

.recedo p{background:url(./recommendedo.png) no-repeat;}
.recedo p:hover{background:url(./click2rateo.png) no-repeat;}

/*             styles for the star rater                */	
	.star-rating, .star-ratingm, .star-ratingl{
		position: relative;
		list-style:none;
		margin: 0px;
		padding:0px 0px 0px 0px;
		text-align: left;
		z-index: 50;
	}
	.star-rating{height: 110px;width: 22px;
		background:transparent url(./hover2.png) left bottom repeat-y;}
	.star-ratingm{height: 150px;width: 30px;
		background:transparent url(./hoverm2.png) left bottom repeat-y;}
	.star-ratingl{height: 200px;width: 40px;
		background:transparent url(./hoverl2.png) left bottom repeat-y;}

	.star-rating li,.star-ratingm li,.star-ratingl li{
		padding:0px;
		margin:0px;
		float:left;
		}
	
	.star-rating li p, .star-ratingm li p, .star-ratingl li p{
		display:block;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 40;
		position: absolute;
		padding: 0px;
		visibility:visible;
	}
	.star-rating li p {height:22px;width: 22px;}
	.star-ratingm li p {height:30px;width: 30px;}
	.star-ratingl li p {height:40px;width: 40px;}
	
	.star-rating li num{
position:absolute;
right:8px;top:7px;
font-size:8px;
      }
      	.star-ratingm li num{
position:absolute;
right:11px;top:9px;
font-size:14px;
      }
      	.star-ratingl li num{
position:absolute;
right:16px;top:11px;
font-size:18px;
      }
      
	.star-rating li p:hover, .star-ratingm li p:hover,.star-ratingl li p:hover{
		z-index: 35;
		bottom: 0px;
	}
	.star-rating li p:hover {background: url(./hover2.png) -22px 0px  repeat-y;}
	.star-ratingm li p:hover {background: url(./hoverm2.png) -30px 0px repeat-y;}
	.star-ratingl li p:hover {background: url(./hoverl2.png) -40px 0px repeat-y;}
	
	.star-rating p.five-stars, .star-ratingm p.five-stars, .star-ratingl p.five-stars{
		top: 0px;
		}
	.star-rating p.five-stars:hover{height:110px;	}
	.star-ratingm p.five-stars:hover{height:150px;}
	.star-ratingl p.five-stars:hover{height:200px;}
	
	.star-rating p.four-stars{top:22px;}
	.star-ratingm p.four-stars{top:30px;}
	.star-ratingl p.four-stars{top:40px;}
	
	.star-rating p.four-stars:hover{height: 88px;}
	.star-ratingm p.four-stars:hover{height: 120px;}
	.star-ratingl p.four-stars:hover{height: 160px;}
	
	.star-rating p.three-stars{top: 44px;}
	.star-ratingm p.three-stars{top: 60px;}
	.star-ratingl p.three-stars{top: 80px;}
	
	.star-rating p.three-stars:hover{height: 66px;}
	.star-ratingm p.three-stars:hover{height: 90px;}
	.star-ratingl p.three-stars:hover{height: 120px;}
	
	.star-rating p.two-stars{top: 66px;}	
	.star-ratingm p.two-stars{top: 90px;}	
	.star-ratingl p.two-stars{top: 120px;}	
	
	.star-rating p.two-stars:hover{height: 44px;}
	.star-ratingm p.two-stars:hover{height: 60px;}
	.star-ratingl p.two-stars:hover{height: 80px;}
	
	.star-rating p.one-star{top: 88px;}
	.star-ratingm p.one-star{top: 120px;}
	.star-ratingl p.one-star{top: 160px;}
	
	.star-rating p.one-star:hover{	height: 22px;}
	.star-ratingm p.one-star:hover{	height: 30px;}
	.star-ratingl p.one-star:hover{	height: 40px;}
	
	/* remove halo effect in firefox   */
	p:active link{
		outline: none;
	}	

#ronpage{visibility: hidden;}

/* ORANGE BAR */

#navbar{
float:left;
position:relative;
	width:100%;
	margin-top:5px;
	padding:8px 0px 3px 0px;
	font-weight:400;
	color:#fff;
	background: #f63;
	}
#navbar p {color:#fff}

ul#navright,ul#navright li{list-style-type:none;margin:0;padding:0;}
ul#navright{

	left:15px;

	top:13px;}
ul#navright li{float:left;margin-left: 4px;margin-right: 13px;text-align: center; display: inline;margin-bottom:6px;}
ul#navright p{height: 18px;padding: 6px 4px 4px 20px; color: #fff; text-decoration: none;}
ul#navright p:hover{color: #fff; }
ul#navright li.activelink p,ul#navright li.activelink p:hover{color: #003; }
ul#navright p img{ border: none; margin-left: 5px; margin-right: 5px}

#cats{
margin:0px 220px 0px 15px;
}
#cats p{margin: 3px 0px 0px 5px;line-height:20px;}

#controls {
position:absolute;
top:3px;
right:10px;
}

ul#navright li.login {margin-right:250px;}
ul#navright li.login p {
margin-left:2px;
border-bottom: 1px dotted #fff;
}

ul#navright li.filter:hover {background-color: #f41
}




#controls p, #controls a{
display:block;
float:left;
color:#fff;
margin-left:5px;
border-color:#fff;
border: 1px;
border-style: solid;
padding: 3px;
text-decoration:none;
}
#controls a:hover,#controls p:hover{
background-color: #f41
}
			
#controls p.actpg {
text-decoration:none;
color:#fff;
border-color:#fff;
}

#ret{visibility: hidden;}
#shufflecontrol{visibility: visible;}


#orange, #orange2 {
font-size: 1em;
position:relative;
clear: both;
color:#fff;
width:100%;
margin:0px 0px 0px 0px;
background: #f63;
}

#orange img,#orange2 img {
border: 0px;
}

#orange p,#orange2 p {
color:#fff;
}

#leftsplash {
padding: 15px 30px 20px 30px;
color:#fff;
font-size: 1.1em;
background: #f63;
}

#leftsplashtop {
clear:both;
padding-bottom:30px;
padding-top:10px;
position: relative;
margin-left:30px;
color:#fff;
font-size: 1em;
}


#tscon{
position: absolute;
margin:0px 0px 0px 0px;
width:25px;
padding:0px 0px 0px 0px;
height:92px;
right:5px;
top:240px;
list-style-type:none;
z-index: 100;
background: url(./tswitch.png) 0px 0px no-repeat;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}

#hs,#bs ,#as {
display:block;
float:left;
background: url(./tswitch.gif) 0px 0px no-repeat;
}
#bs{background-position: 0px -33px;}
#as{background-position: 0px -69px;}

#hs:hover,#bs:hover ,#as:hover{
border:1px solid #fff;
}
.active {border: 1px dashed #fff;}


.iedit,.itag,.imagfold,.idivi,.icross,.iphone,.iadd,.itick,.imag,.ikey,.idoor,.icross2,.iwand,.ispan,.iedit2{
padding-left:18px;
height: 16px;
background: url(./icons.png) 0px 0px no-repeat;
}
.iedit{background-position: 0px -213px;}
.iedit2{background-position: 0px -223px;}
.itag{background-position: 0px -48px;}
.imagfold{background-position: 0px -112px;}
.idivi{background-position:  0px -96px;}
.icross{font-weight:400;background-position:  0px -80px;}
.icross2{background-position:  0px -80px;}
.iphone{font-weight:400;background-position:  0px -192px;}
.iadd{background-position:  0px -284px;}
.itick{background-position:  0px -32px;}
.imag{background-position:  0px -16px;}
.ikey{background-position:  0px -243px;}
.idoor{text-align:left;text-indent:15px;
background-position:  0px -315px;}
.iwand{background-position:  0px -163px;}
.ispan{background-position:  0px -2px;}

#galtitle {
display:block;
position: absolute;
text-align: left;
left:130px;
top: 14px;
font-size:20px;
font-weight:600;
z-index: 500;
}

#galtitle p,#galtitle a {
color: white;
font-size:14px;
}
	#aved {
position: relative;
max-width: 45%;
font-size:14px;
font-weight:500;
	}
		
#avatar{
position:relative;
left: 15px;
top:15px;
}	
#blurb {
position: relative;
left:100px;
top:-100px;
width:60%;
font-size:14px;
font-weight:500;
	}
	
#blurbed {
position: absolute;
top:10px;
margin-left:400px;
font-size:14px;
font-weight:500;
	}
	
#blurbeditcontainer{
height:200px;
}

#txtcnt {
position: absolute;
top:33px;left:130px; 
width:340px;
font-size:14px;
font-weight:500;}

#txtcnt p,#txtcnt a {color:#fff;}
#txtright {
position: absolute;
top:33px;left:500px;
width:240px;
font-size:14px;
font-weight:500;}
#txtright p,#txtright a {color:#fff;}

#reccontainer{
clear:both;
position: relative;
padding: 25px 30px 0px 30px;
height: 120px;
background: #f63;
}

#t437 {
margin: 0px 30px 0px 0px;
}

#tcon{
padding:0px 20px 20px 0px;
}

	ul#navbottom,ul#navbottom li{list-style-type:none;margin:0;padding:0;}
ul#navbottom{ 
position: relative;
background:#f63;
	z-index: 200;
	height:30px;
	padding: 0 0 8px 25px;
	}
ul#navbottom li{float:left;margin-left: 4px;margin-right: 24px;text-align: center; display: inline;}
ul#navbottom p{height: 18px; padding: 6px 4px 4px 20px;  color: #fff; text-decoration: none;}
ul#navbottom p:hover{color: #fff; }
ul#navbottom li.activelink p,ul#navbottom li.activelink p:hover{color: #003; }
ul#navbottom p img{ border: none; margin-left: 5px; margin-right: 5px}



.ctogged {font-size:20px;}


.utogged {text-decoration:underline;}





/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

  ul.example {
    list-style-type:none;
    margin:10px;
    padding:0px;

  }
  ul.example li {
   
   	border:1px dashed #f63;	
    padding:5px 5px 4px 5px;
    margin-bottom:10px;
	font-size: 1em;
	
    height:1%; /* Fix for MSIE peekaboo bug */
  }
  ul.example li img {
    float:left;
    margin-right:15px;
	/* margin-left:5px; */
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }


#linkcloud	{
	position : relative;
	margin: 1em;
  	clear:both;
    text-align: center;
 	}
 	
#linkcloud p {
   margin-right: 12px;
  	text-decoration: underline
	}


.bs {margin-top: -15px;
clear: none}

.rc{margin-left:0px;}


 		
a {
	font-size:14px;
	font-weight:800;
	font-family: arial, helvetica, sans-serif;
	}

a:link {color:#000;}
a:visited {color:#000;}
 


.spankav{
position:relative;
float:left;
margin: 10px;
height:64px;
width:64px;
background-position: center center;
}

div#loading
{ margin-top: 44px;}	


#flava {display: inline;}
#flava p {color:#fff; font-size: 8px;}

#login {position: absolute; left: 270px; top: 20px;}
#login p {color:#fff; font-size: 14px;  }

#footer
	{ 
	position : relative;
	margin: 50px 0 0px 0;
  	clear:both;
      font-size:12px;
	font-weight:400;
     color:black;
      text-align: center;}
      
      #footer p,#footer a{
  	      font-size:12px;
	font-weight:400;
      margin-right: 2px;}

.bann {display:block;
width:468px;height:100px;
border:0px;
margin-top:20px;
margin-left: auto;
    margin-right: auto;}
    
.anithumb,.anithumbm,.anithumbl{
display:block;
position:absolute;
z-index:7;
}
.anithumb{width:90px;height:110px;}
.anithumbm{width:123px;height:150px;}
.anithumbl{width:164px;height:200px;}

.spankav{
display:block;
width:64px;
height:64px;
position:relative;
float: left;
padding-bottom:16px;
}
.avtxt {
font-size:10px;
text-decoration:none;
position:absolute;
color:#f63;
top:63px;
left:-20px;
}
			
/*	Default stylesheet for the Carpe Slider
	By Tom Hermansson Snickars                 
	2005-12-11 version 1.4
	Copyright CARPE Design                     
	carpe.ambiprospect.com
*/

.vertical_slider_display_combo {
	z-index: 100;
	margin: 0;
}
.vertical_slider_track {
 position:absolute;
right:5px;
 top:120px;
	color: #f63;
	padding: 3px 6px 11px 6px;
	width: 20px;
	height: 100px;
	z-index: 100;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	background: url(./sliderbg.png) 8px 3px no-repeat;
}

.vertical_slider_track .slider_slit {
 position:absolute;
	background-color: #000;
	color: #333;
	width: 1px;
	height: 58px;
	position: absolute;
	margin: 18px 10px 14px 10px;
	padding: 4px 0 1px 0;
	line-height: 0px;
	font-size: 0;
	border: 1px solid;
	z-index: 100;
	border-color: #666 #ccc #ccc #666;
}
.vertical_slider_track .slider {
 position:absolute;
	width: 30px;
	background-color: #000;
	color: #000;
	position: relative;
	margin: 0;
	margin-left:-3px;
	height: 20px;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	z-index: 200;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}


#barl{
float:left;
position:relative;margin-top:10px;margin-left:5px;padding:0;
}
#barr{
float:right;
position:relative;margin-top:10px;margin-right:5px;padding:0;
}
#barl:hover,#barr:hover{
background-color:#f41;
}

#locmsg{
position:relative;
width:30px;
height:250px;
margin-top: 8px;
margin-left:auto;
margin-right:auto;
}

#barclick{
position:absolute;
z-index:10;
}

.chevcon {
position: relative;
font-weight:600;
font-size:36pt;
left: 0;
right: 0;
color:#000;
text-align:center;
margin-left:auto;
margin-right:auto;
}

ul#pager, ul#pagel,ul#pager li,#ul pagel li{list-style-type:none;margin:0;padding:0;left: 0;right: 0;text-align: left;}
ul#pager, ul#pagel{position:relative;z-index:9999}
ul#pager li, ul#pagel li{width:100%;height:1.3em;margin-left:auto;margin-right:auto;color: #fff;text-decoration: underline;text-align: left;font-size:1em;}
ul#pager .curpg, ul#pagel .curpg{text-decoration: none;}
ul#pager li:hover,ul#pagel li:hover{background:#0f0;}
ul#pager .curpg:hover, ul#pagel .curpg:hover{ background:transparent;cursor:default;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.quicknav {
width:100px; 
font-size:0.85em;
position:absolute;
z-index:1000;
top:20px;
left:10px;
}
/* remove all the bullets, borders and padding from the default list styling */
.quicknav ul {
padding:0;
margin:0;
list-style-type:none;
}
.quicknav ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.quicknav li {
float:left;
width:100px; /* yjis is the top level badboy */
position:relative;
}
/* style the links for the top level */
.quicknav a, .quicknav a:visited{
display:block;
width:90px; 
height:30px; 
padding-left:10px;
background:url(./submenu.png) 80px 0px no-repeat;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .quicknav a, * html .quicknav a {
width:100px;
w\idth:90px;
}

/* style the second level background */
.quicknav ul ul a.drop, .quicknav ul ul a.drop:visited {
left:-50px;
background:#f41;
width: 95px;height: 18px;padding: 5px;
}
/* style the second level hover */
.quicknav ul ul a.drop:hover{
background:#f63;
}
.quicknav ul ul :hover > a.drop {
background:#f63;
}
/* style the third level background */
.quicknav ul ul ul a, .quicknav ul ul ul a:visited {
background:#f63;
z-index:101;
}
/* style the third level hover */
.quicknav ul ul ul a:hover {
background:#f41;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.quicknav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:14px;
left:0px; 
width:100px;
}
/* another hack for IE5.5 */
* html .quicknav ul ul {
top:14px;
t\op:14px;
}

/* position the third level flyout menu */
.quicknav ul ul ul{
left:100px; 
top:0px;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.quicknav ul ul ul.left {
left:-100px; /* was 100 */
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.quicknav table {position:absolute; top:0; left:0;}

/* style the second level links */
.quicknav ul ul a, .quicknav ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:150px
/* yet another hack for IE5.5 */
}
* html .quicknav ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.quicknav a:hover, .quicknav ul ul a:hover{
color:#fff; 
}
.quicknav :hover > a, .quicknav ul ul :hover > a {
color:#fff;
}

/* make the second level visible when hover on first level list OR link */
.quicknav ul li:hover ul,
.quicknav ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.quicknav ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.quicknav ul :hover ul :hover ul{ 
visibility:visible;
}



/* end of css menu */


#aboutcon{
width: 80%;
margin-left:auto;
margin-right:auto;
}
#leftfluid{
width:45%;
float:left;
padding:1% 2%;
}
#rightfluid{
float:right;
width:45%;
padding:1% 2%;
}
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}