/* CSS Document */
*
{
margin:0;
padding:0;
}
html
{
width:100%;
height:100%;
}
body
{
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
text-align:justify;
}
#center
{
width:1004px; 
height:auto; 
margin:0 auto; 
padding:0;
}
#header
{
width:994px; 
padding:3px; 
float:left; 
height: auto;
border:#333333 2px solid;
background: #EAEAEA;
}
#top
{
width:994px; 
padding:15px 5px 5px;
border-bottom:1px solid #FFFFFF;
float:left; 
background: #CC0000; 
height:30px;
}
#header-left
{
width:265px; 
padding:0px; 
float:left; 
height:90px;
background: url(images/deso-jokes.jpg) no-repeat;
color:#FFFFFF;

}
#header-right
{
width:728px; 
padding:0px; 
float:left; 
height:90px;
background:#F8F8F8;
}

#container
{
width:994px; 
padding:10px 5px; 
height:auto; 
float:left;
}
#left-col
{
width:200px; 
height: auto; 
float:left;
text-align:center;
}
#middle-col
{
width:480px; 
padding:1px; 
height:auto; 
float:left;
}
#middle-content
{
width:480px; 
height:auto; 
float:left;
}
#middle-content ul, ol
{
margin:0 0 0 10px;
}
#middle-content ol li, ul li
{
margin:0 0 0 25px;
}
#right-col
{
width:300px; 
height:auto; 
float:right;
}
#right-col ul li
{
line-height:20px;
margin:0 0 0 20px;
list-style:disc;

}
#footer
{
	width:984px;
	float:left;
	height:100px;
	margin:0 auto;
	padding:20px 10px 10px;
	background: #CC0000;
	border-top: solid 5px #000000;
	text-align: center;
}
.middle-ad
{
width:468px; 
background:#FFFFFF; 
padding:3px 6px; 
float:left;
}
.txt
{
width:468px; 
background:#FFFFFF; 
padding:3px 6px; 
float:left;
}

/* styling text */

p
{
font-size:110%;
padding:5px 0px 0px;
}
h6
{
font-size:120%;
padding:5px 0px;
}
h5
{
font-size:130%;
padding:5px 0px;
}
h4
{
font-size:140%;
padding:5px 0px;
}
h3
{
font-size:150%;
padding:5px 0px;
}
h2
{
font-size:140%;
padding:5px 0px;
color:#000066;
}
h1
{
font-size:175%;
padding:5px 0px;
color:#990000;
}
#main-nav
{
width:984px; 
padding:0px 10px; 
float:left; 
background: #CC0000; 
height:40px;
border-bottom:#000000 5px solid;
border-top:#FFFFFF 1px solid;
color:#FFFFFF;
}
#main-nav ul li
{
float:left;
list-style:none;
margin:0;
line-height:30px;
font-size:120%;
}
#main-nav ul li a
{
text-align:center;
text-decoration:none;
color:#FFFFFF;
display:block;
padding:5px 20px;
}
#main-nav ul li a:hover
{
text-align:center;
text-decoration:none;
color:#FFFFFF;
display:block;
background:#000000;
}
.right
{
text-align:right;
}
.center
{
text-align:center;
}
.red
{
color:#CC0000;
}
.gold
{
color: #666600;
}
.blue
{
color:#000099;
}
.underline
{
padding-bottom:5px;
border-bottom:#000000 1px solid;
}
a
{
text-decoration:none;
color:#990000;
}
a:visited
{
text-decoration:none;
color:#990000;
}
a:hover
{
text-decoration:none;
color: #FF0000;
}
a:active
{
text-decoration:none;
color:#990000;
}
#left-col h2
{
	font-size:160%;
	text-align:left;
	color: #000000;
	font-family:Geneva, Helvetica, sans-serif;
	margin:1px;
	padding:5px;
	border-bottom:#333333 1px solid;
	background: #999999;
}
#left-col ul li
{
	font-size:120%;
	list-style: none;
	margin:1px;
	text-align:left;
	padding:5px;
	border-bottom:#333333 1px solid;
	background:#CCCCCC;
}
#left-col ul li:hover
{
	border-bottom:#333333 1px solid;
	background: #DBDBDB;
}
#left-col ul li a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	text-align:left;
	list-style: none;
	color: #333333;
}
#left-col ul li a:hover
{
	color: #330000;
	
}

hr
{
color:#F3F3F3;
background:#F3F3F3;
border:0;
margin:10px 0;
padding:0;
height:1px;
}


/* USER COMMENTS ....................*/
#comment-form
{
width:446px;
height:auto;
float:left;
padding:10px;
background:url(images/comment-form-bg.png) repeat-x bottom;
border:1px solid #EAEAEA;
}
.user-comment
{
width:456px;
height:auto;
padding:5px;
background:url(images/comment-form-bg.png) repeat-x bottom;
border:1px solid #EAEAEA;
margin:5px 0;
}
#comment-form .inputbox
{
width:200px;
height:25px;
background: #FFFFFF;
border:1px solid #FFCC33;
margin:5px;
}
#comment-form .textbox
{
width:275px;
height:100px;
background: #FFFFFF;
border:1px solid #FFCC33;
margin:5px;
}
#comment-form .sub-btn
{
width:275px;
height:30px;
background: #FFFFFF;
border:1px solid #FFCC33;
margin:5px;
cursor:pointer;
font-size:14px;
color:#666633;
font-weight:bold;
}


/*Menu Color Classes*/
.purple{background:#5122B4 url('images/purple-item-bg.jpg') top left no-repeat;}