/***********************************************/
/* 2col_rightNav.css                             */
/* Use with template 2col_rightNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	width: 760px;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover {
	color: #0000CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
  font-size: large;
  font-weight: bold;
  color: #006666;
  background: #FFFFEE;
  margin: 0;
  margin-top: 4px;
  margin-bottom: 2px;
  padding: 3;
  text-align: center;
  padding-top:2px;
  padding-bottom:2px;
  border-bottom:solid 2px #006666;
  border-top:solid 2px #006666;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
  font-size: medium;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
	font: bold 100% Arial,sans-serif;
 color: #000000;
}


/***********************************************/
/* Header Div                                  */
/***********************************************/

#header{
    height: 112px;
	margin: 0;
	padding: 0;
}

/***********************************************/
/* Floating Header Divs                        */
/***********************************************/

div.float {
  width: 176px;
  float: left;
  text-align: center;
  }
  
div.float2 {
  width: 112px;
  padding-top: 14px;
  float: left;
  text-align: center
   }

div.float3 {
  width: 126px;
  padding-top: 14px;
  float: left;
  text-align: center
   }

/***********************************************/
/* Navigation Div                              */
/***********************************************/

#navigation{
    float: clear;
	margin: 0;
	padding: 0;
	font-size: small;
}

/***********************************************/
/* Column Divs                                 */
/***********************************************/

#main{
  margin: 0 0 0 205;
  width: 555px;
  padding: 0;
}

#sidebar{
  float: left;
  width: 200px;
  margin: 0;
  padding: 0 5px 0 0;
}

/***********************************************/
/* Drop Shadow                                 */
/***********************************************/
	
.dropshadow{
	background: url(images/shadow/ShadowA.png) no-repeat bottom right !important;
	background: url(images/shadow/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 540px;
	padding: 0px;
}
.adshadow{
	float:right;
	background: url(images/shadow/ShadowA.png) no-repeat bottom right !important;
	background: url(images/shadow/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 180px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	margin: 3px;
}

/***********************************************/
/* Menu Wrapper                               */
/***********************************************/

#menu{
  padding: 12px;
  background: transparent none;
  margin-left: 1px;
  border-left: solid 1px #999999;
}

/***********************************************/
/* Tagline                                     */
/***********************************************/

#tagline{
  clear:left;
  font-size: 11px;
  font-style: italic;
}

/***********************************************/
/* Disclaimer Wrapper                          */
/***********************************************/

#disclaimer{
	margin: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	border: 1px dashed #006666;
	font-size:11px;
}

.copyright{
  text-align:center;
  font-size:10px;
}

/***********************************************/
/* Joke Links                                  */
/***********************************************/

#jokelinks{
  text-align:center;
  font-size:small;
  width: 550px;
  padding-bottom:3px;
  }

li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #066;
  }

li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  } 

/***********************************************/
/* Menu Joke Wrapper                           */
/***********************************************/

#jokewrapper {
  float: right;
  margin-right: 6px;
  width: 200px;
  font-size: 12px;
  padding: 3px;
  border:2px dashed #006666;
  background-color: #FFFFEE;

}

.joketitle {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #800000;
}

/***********************************************/
/* Joke                                        */
/***********************************************/

.joke {
color: #000000;
}

.joke p {
margin: 12px;
}

/***********************************************/
/* Form Elements                               */
/***********************************************/

#form {
}

label{
float: left;
width: 150px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 350px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 150px;
margin-top: 5px;
width: 90px;
}

form.br{
clear: left;
}

/***********************************************/
/* Contributor Credit                          */
/***********************************************/

#ContributorWrapper{
	margin: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	border: 1px dashed #006666;
	font-size:12px;
}

.contributor {
  font-size: 14px;
  font-weight: bold;
  color: #800000;
}