/* CSS Document */

/* General Style Start Here */

body{
	margin:0 auto 0 auto;
	padding:0; 
	color:#372900;
	background:#EFEDAD;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	}

ul{
	list-style:none;
	}

div, ul, li, ol, form, label, p, input, select, textarea, a, span, td, embed, object, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
	}

img{
	padding:0;
	margin:0;
	border:none;
	}

a{
	text-decoration:none;
	}

.lt, .lm, .lb{
	text-align:left;
	}
	
.lt, .rt, .ct{
	vertical-align:top;
	}
	
.lm, .rm, .cm{
	vertical-align:middle;
	}	
	
.rt, .rb, .rm{
	text-align:right;
	}
		
.lb, .cb, .rb{
	vertical-align:bottom;
	}
		
.ct, .cb, .cm{
	text-align:center;
	}

.bldTxt{
	font-weight:bold;
	}
	
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
	
div#container{
	width:100%;
	overflow:auto;
	}
	
/* General Style End Here */

/* Header Style Start Here */

h2.caption
{
    text-align : center;
    margin-top : 20px;
    margin-bottom : 20px;
    color : maroon;
}

p
{
    margin-top : 6px;
    margin-bottom : 6px;
}

div#container div#header{
	width:100%;
	overflow:hidden;
	color:inherit;
	background:url(images/bgBody.gif) 0 0 repeat-x #8F0000;
	border-bottom:2px solid #FFFFFF
	}
	
div#header div#headerContent{
	margin:0 auto;
	width:960px;
	position : relative;
	}
	
div#header div#headerContent h1
{
    font-size : 1.4em;
    color : White;
    position : absolute;
    right : 20px;
    margin-top : 40px;
}
	
div#headerContent div#logo{
	margin:12px 0 0 9px;
	float:left;
	}
	
div#headerContent img{
	border:none;
    width:311px;
    height:98px;

	}
	
div#headerContent div#nav{
	float:right;
	margin:85px 5px 0 0;
	}
	
div#nav ul{
	height:32px;
	font:bold 12px/31px Arial, Helvetica, sans-serif;
	float:right;
	}
	
div#nav ul li{
	float:left;
	color:#232323;
	background:url(images/bgTopNav.gif) 0 0 repeat-x #FACE56;
	margin:0 0 0 2px;
	}
	
div#nav ul li a{
	height:31px;
	color:#232323;
	background:url(images/bgTopNav.gif) 0 0 repeat-x #FACE56;
	position:relative;
	float:left;
	border-bottom:1px solid #DEA303;
	}
	
div#nav ul li a span{
    display:block;
    height:31px;
    padding:0 7px 0 0px;
    cursor :pointer;
    float:left;
    border-bottom:1px solid #DEA303;
    }
	
div#nav ul li a span.leftNavBg{
	background:url(images/topNavL.gif) 0 0 no-repeat;
	}
	
div#nav ul li a span.rightNavBg{
	padding:0 20px 0 13px;
	background:url(images/topNavR.gif) 100% 0 no-repeat;
	}
	
div#nav ul li a:hover{
	color:#232323;
	background:url(images/bgTopNavH.gif) 0 0 repeat-x #F2DC3E;
	border-bottom:1px solid #CEB70D;
	}
	
div#nav ul li a:hover span{
	color:#232323;
	background:url(images/bgTopNavH.gif) 0 0 repeat-x #F2DC3E;
	border-bottom:1px solid #CEB70D;
	}
	
div#nav ul li a:hover span.leftNavBg{
	background:url(images/topNavLH.gif) 0 0 no-repeat;
	}
	
div#nav ul li a:hover span.rightNavBg{
	padding:0 20px 0 13px;
	background:url(images/topNavRH.gif) 100% 0 no-repeat;
	}
	
div#nav ul li span.active{
	height:31px;
	color:#232323;
	background:url(images/bgTopNavH.gif) 0 0 repeat-x #F2DC3E;
	position:relative;
	float:left;
	border-bottom:1px solid #CEB70D;
	}
	
div#nav ul li span.active span{
	display:block;
	height:31px;
	padding:0 7px 0 0;
	float:left;
	background:no-repeat;
	}
	
div#nav ul li span.active span.leftNavBg{
	background:url(images/topNavLH.gif) 0 0 no-repeat;
	}
	
div#nav ul li span.active span.rightNavBg{
	padding:0 20px 0 13px;
	background:url(images/topNavRH.gif) 100% 0 no-repeat;
	}

/* Header Style End Here */

/* Body Style Start Here */

div#container div#roundTop{
	color:inherit;
	background:url(images/bgRound.gif) 0 0 repeat-x #FFFDF1;
	height:19px;
	width:960px;
	margin:10px auto 0 auto;
	}
	
div#roundTop img.roundLeft{
	float:left;
	}
	
div#roundTop img.roundRight{
	float:Right;
	}
	
/* Body Style Start Here */
	
div#container div#bodyContent{
	margin:0 auto;
	width:916px;
	color:inherit;
	background:#FFFDF1;
	border-left:2px solid #DFDDA6;
	border-right:2px solid #DFDDA6;
	padding:0px 20px 20px 20px;
	overflow:auto;
	}
	
div#bodyContent div#topGoogleAd{
	text-align:center;
	margin:0 auto 10px auto;
	padding:15px 0;
	color:inherit;
	/*background:#FCFBCD;
	border:1px solid #DDDBA7;*/
	}
	
div#bodyContent div#topGoogleAd.picpage
{
	padding:0px 0 !important;
}
	
div#bodyContent div#funnyPicList{
	overflow:hidden;
	margin:0 auto 12px auto;
	padding:0 0 15px 0;
	border:1px solid #D8D476;
	height:200px;
	}
	
div#funnyPicList h2{
 	font:bold 16px/30px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
 	color:#372900;
 	background:url(images/bgTxtFunny.gif) 0 0 repeat-x #E8E592;
	padding:0 0 0 15px;
 	}
	
div#funnyPicList ul{
 	margin:10px 0 0 0;
	padding:0;
	font:normal 11px/13px Arial, Helvetica, sans-serif;
 	}
	
div#funnyPicList ul.noBdr li{
 	border:none;
 	}
	
div#funnyPicList ul li{
	padding:0 10px 8px 10px;
	border-left:1px solid #D8D476;
	float:left !important;
    width : 104px;
    overflow : hidden;
    margin-left : -1px;
	}
	
div#funnyPicList ul li a{
	color:#372900;
	background:inherit;
	text-decoration : underline;
	}
	
div#funnyPicList ul li a:hover{
	color:#920000;
	background:inherit;
	}
	
div#bodyContent div#bodyBottom{
	overflow:auto;
	margin:0 auto 12px auto;
	}
	
div#bodyBottom div#categories, div#categories{
	float:left;
	width:238px;
	border:1px solid #D8D476;
	}
	
div#categories h3{
 	font:bold 16px/30px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
 	color:#372900;
 	background:url(images/bgTxtFunny.gif) 0 0 repeat-x #E8E592;
	padding:0 0 0 15px;
 	}
	
div#categories ul{
	margin:10px 0;
	padding:0 10px 0 15px;
	font:normal 11px/13px Arial, Helvetica, sans-serif;
 	}
	
div#categories ul li{
	padding:0 0 8px 13px;
	color:#920000;
	background:url(images/redArrow.gif) 0 4px no-repeat #FFFDF1;
	}
	
div#categories ul li a{
	color:#920000;
	background:#FFFDF1;
	}
	
div#categories ul li a:hover{
	color:#372900;
	background:#FFFDF1;
	}
	
div#bodyBottom div#latestpics{
	float:left;
	width:626px;
	overflow:hidden;
	}

div#bodyBottom div#latestpics.alt
{
    clear:both;
    width : 100%;
    overflow : auto
}	
	
div#latestpics ul{
	margin:0 0 0 14px;
	}
	
div#latestpics.alt ul
{
    width : 815px;
    margin-left : auto;
    margin-right : auto;
}
		
div#latestpics ul li{
	float:left;
	margin:0 14px 16px 0;
	border:1px solid #EAE8DA;
	color:inherit;
	background:#FFFFFF;
	width:179px;
	padding:3px;
	}
	
div#latestpics ul li h4{
	padding:0 0 2px 2px;
	font:normal 18px/24px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	white-space : nowrap;
	overflow : hidden;
	padding : 2px;
    text-align : center;
    background: none !important;
	}
/*
div#latestpics ul li h4#pic1{
	color:#5A4E1C;
	background:url(images/iconLatestPic1.jpg) 0 1px no-repeat #FFFFFF;
	}
	
div#latestpics ul li h4#pic2{
	color:#5A4E1C;
	background:url(images/iconLatestPic2.jpg) 0 1px no-repeat #FFFFFF;
	}
	
div#latestpics ul li h4#pic3{
	color:#5A4E1C;
	background:url(images/iconLatestPic3.jpg) 0 1px no-repeat #FFFFFF;
	}
	
div#latestpics ul li h4#pic4{
	color:#5A4E1C;
	background:url(images/iconLatestPic4.jpg) 0 1px no-repeat #FFFFFF;
	}*/
	
div#latestpics ul li div.piccontainer
{
    width : 179px;
    height : 88px;
    overflow : hidden;
}

div#latestpics ul li img{
	width:179px;	
	}
	
div#latestpics.alt h4
{
    
}

div#latestpics h4 a
{
    color : #5A4E1C !important;
    text-decoration : underline;
}
	
div#bodyBottom div#googleAdRight{
	float:left;
	width:250px;
	padding:4px;
	border:1px solid #E8E6D7;
	color:inherit;
	background:#FFFFFF;
	}
	
div#bodyContent div#bottomGoogleAd{
	text-align:center;
	margin:0 auto;
	padding:15px 0;
	color:inherit;
	/*background:#FFFBE2;
	border:1px solid #DDDBA7;*/
	}

/* Body Style End Here */

/* Footer Style Start Here */

div#footer{
	font:normal 11px/15px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	text-align:center;
	color:#C89C9C;
	background:url(images/bgFooter.gif) 0 0 repeat-x #930000;
	padding:10px 0 10px 0;
	}
	
div#footer p{
	padding:0 0 6px 0;
	}
	
div#footer a{
	color:#EDDEDE;
	background:inherit;
	}
	
div#footer a:hover{
	color:#C89C9C;
	background:inherit;
	}

/* Footer Style End Here */

p.picture
{
    text-align : center;
}

div.blurb
{
    margin : 10px 0 10px 0;
    font-size : 1.1em;
}

/* Picture Of The Day Style Start Here */

div#bodyBottom h2
{
    font-size : 1.4em;
    margin-bottom : 30px;
    margin-top : 10px;
}

div#bodyBottom div#picOfDay{
	float:left;
	width:658px;
	overflow:hidden;
	margin:0 0 0 15px;
	height:100%;
	}
	
h3{
	background:url(images/bgPhotoDay.jpg) 2px 2px no-repeat;
	font:bold 16px/28px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color:#372900;
	border-bottom:1px solid #DDDBA7;
	padding:0 0 0 35px;
	margin:0 0 25px 0;
	position : relative;
	}
	
h3 div.right
{
    width : 150px;
    position : absolute;
    top : 0;
    right : 0;
}
	
div#picOfDay h2{
	font:bold 18px/28px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color:#990000;
	text-align:center;
	margin:0 0 10px 0;
	}
	
div#picOfDay p, div#preNxt p{
	padding:5px 0 0 0;
	}

div#picOfDay p.picDay{
	text-align:center;
	padding:0;
	}
	
div#picOfDay p.picDay img{
	background:#FFFFFF;
	border:1px solid #E8E6D7;
	padding:9px;
	}
	
div#preNxt{
	border-top:1px solid #CCCC99;
	padding:0;
	margin:20px 0 30px 0;
	overflow:hidden;
	font-weight:bold;
	clear : both;
	}
	
div#preNxt p#previous{
	float:left;
	background:url(images/bgPrevious.gif) 2px 4px no-repeat;
	}

div#preNxt p#previous a{
	padding:0 0 0 110px;
	color:#372900;
	}
	
div#preNxt p#previous a:hover{
	color:#920000;
	}
	
div#preNxt p#next{
	float:right;
	background:url(images/bgNext.gif) 100% 4px no-repeat;
	}
	
div#preNxt p#next a{
	padding:0 90px 0 0;
	color:#372900;
	}
	
div#preNxt p#next a:hover{
	color:#920000;
	}

/* Picture Of The Day Style End Here */

/* Email Friend Style Start Here */

div#bodyBottom div#emailFriend{
	float:left;
	width:658px;
	overflow:auto;
	margin:0 0 0 15px;
	height:100%;
	}
	
div#emailFriend h3{
	background:url(images/bgEmailFriend.gif) 6px 2px no-repeat;
	font:bold 16px/28px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color:#372900;
	border-bottom:1px solid #DDDBA7;
	padding:0 0 0 35px;
	margin:0 0 25px 0;
	}
	
div#emailFriend div#emailForm{
	overflow:auto;
	height:100%;
	}
	
div#emailForm form{
	width:360px;
	height:100%;
	overflow:auto;
	}

div#emailForm form label{
	float:left;
	width:105px;
	line-height:20px;
	color:#920000;
	}
	
div#emailForm form input{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	width:230px;
	height:18px;
	float:left;
	border:1px solid #C1BE6C;
	padding:0 0 0 2px;
	margin:0 0 10px 0;
	color:#372900;
	background:#FFFFFF;
	}
	
div#emailForm form textarea{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	width:230px;
	height:68px;
	float:left;
	border:1px solid #C1BE6C;
	padding:0 0 0 2px;
	margin:0 0 10px 0;
	color:#372900;
	background:#FFFFFF;
	}
	
div#emailForm form input.submitBtn{
	width:auto;
	border:none;
	padding:0;
	height:auto;
	margin:5px 0 2px 105px;
	}
	
/* Email Friend Style End Here */

div.validationFeedback
{
    position : absolute;
    z-index : 50;
    padding : 5px;
    cursor : default;
}

div.validationFeedback div
{
    clear : none !important;
    margin : 0 0 0 0 !important;
    clear : none !important;
    overflow : hidden !important;
}

div.validationFeedback .arrow
{
    float : left;
    width : 12px;
    height : 15px;
    background : transparent url(images/roundedbox.png) -1px -16px no-repeat; 
    position : absolute;
    left : 5px;
}

div.validationFeedback .arrow.shift
{
    /*margin-top : inherit !important;*/
}

div.validationFeedback .content
{
    margin-left : 17px !important;
    background-color : #FFB828;
    padding : 3px;
    font-weight : bold;
    color : black;
    position : relative;
    overflow : visible !important;
}

div.validationFeedback .content li
{
    text-align : left;
    margin-bottom : 3px;
    padding : 0;
}

div.validationFeedback .content .corner
{
    position : absolute;
    width : 5px;
    height : 5px;
}

div.validationFeedback .content .boxside
{
    background-color : #FFB828;
    position : absolute;
}

div.validationFeedback .content .boxside.left
{
    width : 5px;
    height : 100%;    
    left : -5px;
    top : 0;    
}

div.validationFeedback .content .boxside.right
{
    width : 5px;
    height : 100%;
    right : -5px;
    top : 0;
}

div.validationFeedback .content .boxside.top
{
    width : 100%;
    height : 5px;
    left : 0px;
    top : -5px;
}

div.validationFeedback .content .boxside.bottom
{
    width : 100%;
    height : 5px;
    left : 0px;
    bottom : -5px;
}

div.validationFeedback .content .corner.tl
{
    left : -5px;
    top : -5px;
    background : transparent url(images/roundedbox.png) -1px -2px no-repeat;     
}

div.validationFeedback .content .corner.tr
{
    right : -5px;
    top : -5px;
    background : transparent url(images/roundedbox.png) -8px -2px no-repeat; 
}

div.validationFeedback .content .corner.bl
{
    left : -5px;
    bottom : -5px;
    background : transparent url(images/roundedbox.png) -1px -9px no-repeat; 
}

div.validationFeedback .content .corner.br
{
    right : -5px;
    bottom : -5px;
    background : transparent url(images/roundedbox.png) -8px -9px no-repeat; 
}


/*---------------------------------------------*/

a.previousIcon{
	position:absolute;
	left:0px;
	top:170px;
	width:73px;
	height:25px;
	padding:0;
	margin:0;
	font-size : 1.4em;
	color : Black;
	}
	
a.previousIcon img
{
    float : left;
    margin-right : 10px;
}
	
a.nextIcon{
	position:absolute;
	right:0px;
	top:170px;
	width:73px;
	height:25px;
	padding:0;
	margin:0;
	font-size : 1.4em;
	color : Black;
	}
	
a.nextIcon img
{
    float : right;
}