<style type="text/css">
html {height:100%;}
body {
margin:0;
padding:0;
height:100%;
background-color:#ffffff;
font-family:arial, serif;
}
 
#wrap {
min-height:100%;
margin:auto;
position:relative;

}
.curvy {position:relative; width:100%; background:#E9E9E9; color:#000;  }
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#E9E9E9; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#E9E9E9; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}
* html #wrap {height:100%} 
#inner-wrap {
padding-bottom:0px;
 }
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
.title{
color:#C41026; font-size:18px;   padding:10px; margin-left:30px; border-bottom:1px solid #cbcbcb; width:60%;
}
.title2{
color:#808080; font-size:13px;   padding:10px; margin-left:30px; border-bottom:1px solid #cbcbcb; width:60%;
}
#header{
background-image: 
 url(http://vdubdriven.com/images/repeatnew2.jpg);

background-repeat: repeat-x; 
width:100%;
}
#footer {
position:relative;
bottom:0;
height:230px;
background-color: #2C3033;


width:100%;
color:#FF00FF;
text-align:center;
} 
#left {
float:left;
width:25%;
text-align:center;
 height:100%;
 margin-left:10%;

}

#main {
text-align:center;
 width:100%;
background-color:#ffffff;

 
} 
 #head{
font: 11px tahoma; color:#ffffff; text-align: center; text-transform:uppercase; letter-spacing:3px; padding:5px; border-bottom: 1px dotted #3a3a3a; 
}
#head2{
font: 11px tahoma; color:#ffffff; text-align: center; text-transform:uppercase; letter-spacing:3px; padding:5px;  
}

 

a:link, a:visited { 
	font-weight: bold; 
		text-decoration: none; 
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #3B3B3B;
	color: #3B3B3B;
	}
a:hover, a:active { 
border-bottom-width: 0px;
	text-decoration: underline; 
	color: #C10000;
	
	}
	
	div#flowertabs a{

		text-decoration: none; 
border-bottom-width: 0px;

}

div#flowertabs a:hover{
text-decoration: none; 
border-bottom-width: 0px;

}	

div#login a{
	font-weight: bold; 
		text-decoration: none; 
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ffffff;
	color: #ffffff;
}
div#login a:hover{
border-bottom-width: 0px;
	text-decoration: underline; 
	color: #C10000;
}	
 
#popitmenu{ 
position: absolute;
background-color: #1D1D1D;
border:1px dotted white;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ffffff;
text-decoration: none;
padding-left: 6px;
color:  #818181;
display: block;
}
#head{
font: 11px tahoma; color:#ffffff; text-align: left; text-transform:uppercase; letter-spacing:3px; padding:5px; border-bottom: 1px solid white; 
}
#php2,#php3, #php{
font: 11px tahoma; color:#000000; text-align: left;  padding:5px; 
}
#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}
.labelfield{ /*CSS for label field in general*/
color:#C41026;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color: #4A4A4A;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 8px;
width: 360px;
border-bottom:1px solid #cbcbcb;
padding:5px;


}


#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 4px;

}
#example3 div{
margin-bottom: 8px;
border-bottom:1px solid #cbcbcb;

width: 360px;
padding:5px;

}
#example3t div{
margin-bottom: 8px;
width: 225px;

}
code{ /*CSS for insructions*/
color: red;
}
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
text-align:center;


}

#tablist li{
list-style: none;
display: inline;
margin: 0;



}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;

border-bottom: none;
border-top: 1px solid #DBDBDB;
border-left: 1px solid #DBDBDB;
border-right: 1px solid #DBDBDB;

 
}

#tablist li a:link, #tablist li a:visited{
color: #0000000;
font-size: 80%;
text-transform:uppercase;

}

#tablist li a.current{
color: #C41026;
font-size: 80%;
text-transform:uppercase;
 }

#tabcontentcontainer{
width: 90%;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
 
}

.tabcontent{
display:none;
}
.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 280px;
height: 200px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 200px;

}

#navlinks a{ /*CSS for each navigational link*/

margin-left: 5px;
margin-right: 5px;
margin-bottom: 3px;
font-size: 90%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #BFDCFF;
}
.dashed {
background-image:url('/images/dashed.jpg');
background-repeat:repeat-x;
}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
line-height: 140%; 
			display: block;
			height: 300px;
			width: 200px;
			background: #ffffff;
			color: #0a0a0a;
			text-decoration: none;
			outline: none;
			cursor: pointer;
			margin: 0 0 0 0;
			padding:5px;
		}
		
		.horizontal_accordion_toggle_active {
			background:  #ffffff;
			line-height: 140%; 
			
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 300px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			 padding:10px;
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
			font: 11px tahoma; 
			letter-spacing: 1px; 
			line-height: 140%; 
			 
		}
			
			.horizontal_accordion_content p {
				width: 200px;
				line-height: 140%; 
				 	overflow: hidden;
 			}
					
					
    /* Container styling*/
    #horizontal_container {
       width: 940px;   
      height: 320px; 
	  line-height: 140%; 
	    	overflow: hidden;
	  

	  padding-left:45px; 
    }
</style>