﻿body {font-family: tahoma, verdana, arial; background-image: url(../../images/background-repeat-x-y.gif); line-height: 16px;}

* {margin: 0px; padding: 0px; border: 0px;}

#background_gradient 
{ 
	position: relative;
	float: left;
	background-image: url(../../images/background-repeat-x.gif);
	background-repeat: repeat-x;
	width: 100%;	
	padding-bottom: 30px;
}

#wrapper 
{
	position: relative;
	float: left;
	margin-left: -375px;
	left: 50%;	
	width: 750px;	
	background-color: #ffffff;	
	background-image: url(../../images/wrapper-background-repeat-y.gif);
}

* html #wrapper { float: none; }

#top_menucontrolbar 
{
	position: relative;
	float: left;	
	width: 750px;
	height: 25px;	
	text-align: right;	
	background-image: url(../../images/menu-controlbar.gif);
}

#top_menucontrolbar p 
{ 
	margin: 9px 15px 0px 0px;
	font-size: 0.7em;
}

#top_menucontrolbar a 
{
	text-decoration: none;
	color: #838383;	
}

#top_menucontrolbar a:hover { color: #FF6500; }

#top_header { padding: 10px; }





#top_contentheader {

	position: relative;
	float: left;
	
	margin: 100px 0px 0px 13px;
	
	width: 724px;
	height: 44px;
	
}

#top_contentheader div h2 {

	font-size: 85%;
	font-weight: bold;
	
	color: #464545;

}

* html #top_contentheader { margin-left: 6px; }

/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* MENU */
/*------------------------------------------------------------------*/

#menu 
{
	position: relative;
	float: left;
	margin-left: 13px;
	width: 154px;
}

* html #menu { margin-left: 6px; }

#menu ul 
{
	list-style: none;
	padding: 5px 5px 5px 10px;
	font-size: 0.7em;
}

#menu li { line-height: 18px; }

#menu a 
{ 
	text-decoration: none; 
	color: #000000;
}

#menu a:hover { color: #FF6500; }

.menu_block_top div 
{
	position: relative;
	float: left;
	width: 154px;
	height: 3px;
	background-repeat: no-repeat;
}

.menu_content_block div 
{
	position: relative;
	float: left;
	width: 154px;
	background-repeat: repeat-y;
}

.menu_block_base div 
{
	position: relative;
	float: left;
	margin: 0px 0px 5px 0px;
	width: 154px;
	height: 3px;
	background-repeat: no-repeat;
}

.menu_block01_top { background-image: url(../../images/menu-content-block-01-top.gif); }
.menu_block02_top { background-image: url(../../images/menu-content-block-02-top.gif); }
.menu_block03_top { background-image: url(../../images/menu-content-block-03-top.gif); }
.menu_block04_top { background-image: url(../../images/menu-content-block-04-top.gif); }
.menu_block05_top { background-image: url(../../images/menu-content-block-05-top.gif); }

.menu_content_block01 { background-image: url(../../images/menu-block-01-bg-repeat-y.gif); }
.menu_content_block02 { background-image: url(../../images/menu-block-02-bg-repeat-y.gif); }
.menu_content_block03 { background-image: url(../../images/menu-block-03-bg-repeat-y.gif); }
.menu_content_block04 { background-image: url(../../images/menu-block-04-bg-repeat-y.gif); }
.menu_content_block05 { background-image: url(../../images/menu-block-05-bg-repeat-y.gif); }

.menu_block01_base { background-image: url(../../images/menu-content-block-01-base.gif); }
.menu_block02_base { background-image: url(../../images/menu-content-block-02-base.gif); }
.menu_block03_base { background-image: url(../../images/menu-content-block-03-base.gif); }
.menu_block04_base { background-image: url(../../images/menu-content-block-04-base.gif); }
.menu_block05_base { background-image: url(../../images/menu-content-block-05-base.gif); }

#form_menusubscribe 
{
	float: left;
	padding: 0px 0px 8px 0px;
}

.form_emailtextbox 
{
	position: relative;
	float: left;
	margin: 0px 0px 0px 10px;
	width:107px;
	height: 14px;
	font-size: 0.7em;	
}

.form_submitbutton 
{
	position: relative;
	float: left;
	width: 23px;
	height: 18px;	
	font-size: 0.5em;
}

/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* CONTENT */
/*------------------------------------------------------------------*/

.tcontent_header { float: left; }

#content 
{
	position: relative;
	float: left;
	margin-left: 9px;
	width: 561px;
	background-image: url(../../images/content-background-repeat-y.gif);
}

#content_main 
{
	position: relative;
	float: left;
	margin: 8px 0px 0px 6px;	
	padding: 0px 0px 13px 0px;	
	width: 400px;	
}

#content_main h3 
{
	margin: 5px 0px 5px 16px;
	font-size: 0.9em;
	font-weight: bold;	
	color: #000000;
}

* html #content_main { margin-left: 3px; }

#content_main_header 
{
	position: absolute;	
	right: 162px;
	top: 20px;
}

#content_campaigns_header 
{
	position: absolute;
	right: 12px;
	top: 20px;
}

#content_campaign 
{
	position: relative;
	float: left;	
	margin: 8px 0px 8px 16px;
	width: 133px;
	height: 437px;
}

* html #content_campaign { height: 445px; }
*:first-child+html #content_campaign { height: 445px; }

#campaign_footerclear 
{
	position: relative;
	float: left;	
	width: 133px;	
	height: 22px;
}

.advert_block 
{
	position: relative;
	float: left;	
	margin: 0px 0px 6px 6px;	
	width: 120px;	
}

* html .advert_block { margin: 0px 0px 6px 3px; }

.advert_block p 
{
	margin-top: 2px;
	font-size: 0.7em;
}

.content_block 
{
	position: relative;
	float: left;
	margin: 2px 1px 0px 2px;
	width: 197px;
	background-image: url(../../images/content-block-bg-repeat-y.gif);
	background-repeat: repeat-y;
}

.content_block p { padding: 8px; }

* html .content_block { margin-left: 1px; }

.inner_content_block 
{
	position: relative;
	float: left;	
	margin: 2px 0px 0px 2px;	
	width: 400px;	
	background-image: url(../../images/content-inner-block-bg-r-y.gif);
	background-repeat: repeat-y;
}

.inner_content_block p { padding: 10px 15px 10px 15px; }

* html .inner_content_block { margin-left: 1px; }

.inner_content_listing_block 
{
	position: relative;
	float: left;
	margin: 2px 0px 0px 2px;
	width: 400px;
	background-image: url(../../images/content-inner-block-bg-r-y.gif);
	background-repeat: repeat-y;
}

.inner_content_listing_block p { padding: 8px; }

.inner_content_block ul { font-size:70%; margin-left:30px; margin-right:20px;}


* html .inner_content_listing_block { margin-left: 1px; }

.cblock_baselink a 
{ 
	position: relative;
	float: right;
	margin: 0px 0px 8px 0px;
	text-align: right;
	font-weight: bold;
}

.cblock_story_baselink 
{
	float: right;
	width: 380px;
}

.cblock_story_baselink a 
{ 
	position: relative;
	float: right;
	margin: 0px 8px 8px 0px;
	text-align: right;
	font-weight: bold;	
}

.block_content_header div 
{
	position: relative;
	float: left;	
	width: 197px;
	height: 35px;
}

.block_content_header h3 
{
	margin: 11px 0px 0px 5px;
	font-size: 0.7em;
	font-weight: bold;	
	color: #ffffff;
}

.inner_block_content_header div 
{
	position: relative;
	float: left;	
	width: 400px;
	height: 35px;
}

.inner_block_content_header h3 
{
	margin: 11px 0px 0px 5px;
	font-size: 0.7em;
	font-weight: bold;	
	color: #ffffff;
}

#cblock_header_dadsevents { background-image: url(../../images/dads-events-header.gif); margin: 0 0 10px 0; }
#cblock_header_dadsevents h3{color: #ffffff;font-size: 0.75em;padding: 4px 0 0 0;}

#cblock_header_dadsweek { background-image: url(../../images/dads-week-header.gif); margin: 0 0 10px 0;}
#cblock_header_dadsweek h3{color: #ffffff;font-size: 0.75em;padding: 4px 0 0 0;}

#cblock_header_dadspress { background-image: url(../../images/patrons-header.gif); margin: 0 0 10px 0;}
#cblock_header_dadspress h3{color: #ffffff;font-size: 0.75em;padding: 4px 0 0 0;}

#cblock_header_dadsfriends { background-image: url(../../images/friends-header.gif); margin: 0 0 10px 0; }
#cblock_header_dadsfriends h3{color: #ffffff;font-size: 0.75em;padding: 4px 0 0 0;}

#inner_cblock_header { background-image: url(../../images/content-inner-header.gif); }

.content_block p 
{ 
	float: left;
	padding-bottom: 0px;	
	width: 170px;
	font-size: 0.7em;
}

.inner_content_block p 
{ 
	padding-bottom: 0px;	
	font-size: 0.7em;		
}

.inner_content_block h4 
{ 
	padding-bottom: 0px;	
	font-size: 0.8em;
	margin: 10px 0 0 14px;
	color: #808080;		
}

.inner_content_listing_block p 
{ 
	float: left;	
	padding-bottom: 0px;	
	width: 370px;	
	font-size: 0.7em;	
}

.content_block a 
{
	text-decoration: none;
	color: #000000;
}

.inner_content_block a 
{
	text-decoration: none;
	color: #FF6500;	
}

.inner_content_listing_block a 
{
	text-decoration: none;
	color: #FF6500;	
}

.content_block a:hover { color: #000000; }
.inner_content_block a:hover { color: #000000; }
.inner_content_listing_block a:hover { color: #000000; }

.story_thumb 
{ 
	position: relative;
	float: left; 
	margin: 0px 8px 0px 3px;	
}

.story_mainimage 
{
	position: relative;
	float: left; 
	margin: 0px 8px 0px 3px;	
}

.cblock_footer 
{ 
	position: relative;
	float: left;
	width: 197px;
	height: 5px;
	background-image: url(../../images/content-block-footer.gif);	
	background-repeat: no-repeat;
}

.inner_cblock_footer 
{ 
	position: relative;
	float: left;	
	width: 400px;
	height: 5px;	
	font-size: 0px;	
	background-image: url(../../images/content-inner-block-footer.gif);	
	margin: 10px 0 0 0;
}

.inner_cblock_header 
{ 
	position: relative;
	float: left;	
	width: 400px;
	height: 5px;	
	font-size: 0px;	
	background-image: url(../../images/content-inner-block-header.gif);	
}

/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------------------------*/

#footer 
{ 
	position: relative;
	float: left; 	
	width: 750px;	
}

* html #footer { float: none; }

#footer_left 
{
	position: relative;
	float: left;	
	width: 337px;
	height: 147px;	
	background-image: url(../../images/footer-left.gif);	
}

#footer_content_left 
{
	position: relative;
	float: left;	
	width: 337px;
}

.w3c_xhtml_logo 
{ 	
	float: left;
	margin: 5px 0px 0px 14px; 
}

.w3c_css_logo 
{ 
	float: left;
	margin: 5px 0px 0px 0px; 
}

.rss_logo 
{ 
	float: left;
	margin: 5px 0px 0px 0px; 
}

.footer_content p 
{
	position: relative;
	float: left;	
	margin: 0px 0px 0px 5px;		
	line-height: 26px;	
	font-size: 0.7em;	
}

#footer a 
{	
	text-decoration: none;
	color: #000000; 
}

#footer a:hover { color: #FF6500; }

#footer_right 
{
	position: relative;
	float: right;	
	width: 413px;
	height: 147px;
	background-image: url(../../images/footer-right.gif);	
}

#footer_right .footer_content p 
{
	position: relative;
	float: left;	
	margin: 0px 0px 0px 70px;		
	line-height: 26px;	
	font-size: 0.7em;	
}

* html #footer_right .footer_content p {margin: 0px 0px 0px 50px;}

#footer_clearspace 
{
	position: relative;
	float: left;	
	height: 25px;
	width: 100%;
}

.footer_left_advert 
{
	float: left;
	margin: 7px 0px 0px 13px;
}

.footer_right_advert 
{
	float: left;
	margin: 7px 0px 0px 0px;
}

/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* ACCESSIBILITY BAR */
/*------------------------------------------------------------------*/

.heading { display: none; } 

#nav_topbar 
{
	position: relative;
	float: left;	
	width: 100%;	
	height: 25px;	
	display: block;	
	font-size: 0.6em;	
	background-color: #797979;	
}

#nav_container { float: left; }

.nav_links ul {	list-style: none; }
.nav_links li {	display: inline; }

.nav_links li p 
{ 	
	position: relative;
	float: left; 	
	margin: 5px 0px 0px 5px;	
}

#nav_topbar a 
{
	color: #A9A9A9;
	text-decoration: none;
}

#nav_topbar a:hover { color: #D4D4D4; }

/*------------------------------------------------------------------*/

#divTopImage
{
	float: right;
	background-color: #E8DCC9;
	border: solid 1px #DED0BA;
	padding: 10px;
	margin: 15px 15px 10px 15px;
	width: 120px;

}

#divTopImage p
{
	margin: 5px 0 0 0; padding: 0;
	text-align: center;
	color: #454545;
}

#divGallery
{
	width: 368px;
	margin: 10px 0 0 15px;
	padding: 0 0 10px 0;
	background-color: #E8DCC9;
	border: solid 1px #DED0BA;
}

#divGallery ul{margin: 12px 0 0 14px; padding: 0;}

#divGallery ul li
{
	list-style: none;
	background-image: none;
	display: inline;
	margin: 0 10px 0 0;
}

.divDataWithThumb{margin: 10px 0 0 15px;}

.divDataWithThumb p
{
	margin: 0;
	padding: 0;
}

.divDataThumb
{
	width: 50px;
	height: 67px;
	background-color: #E8DCC9;
	border: solid 1px #DED0BA;
	float: left;
	margin: 0 10px 10px 0;
}

.divData
{
	float: left;
}

.clear
{
	clear: both;
}

#divNews {margin: 0 0 0 15px;}
#divNews p{margin: 0; padding: 0;}
.PagerCSS{font-size: 0.7em;}

.divNewsThumb
{
	background-color: #E8DCC9;
	border: solid 1px #DED0BA;
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 10px 0 0;
}

.divHomeWithThumb{float: left;}

.divHomeThumb
{
	background-color: #E8DCC9;
	border: solid 1px #DED0BA;
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 5px 0 15px;
}

* html .divHomeThumb{margin: 0 5px 0 8px;}

.divHomeData
{
	float: left;
	font-size: 0.7em;
}

.divHomeData .HomeTitleLink{color: #FF6500;}
.divHomeData .HomeTitleLinkWeek{color: #FF0000;}
.divHomeData .HomeTitleLinkPress{color: #0054FF;}
.divHomeData .HomeTitleLinkFriends{color: #A200FF;}

#SignUp
{
	font-size: 0.7em;
}

input
{
	width: 180px;
	font-family: tahoma, verdana, arial;

}


/*------------------------------------------------------------------*/
/* UPDATES */
/*------------------------------------------------------------------*/

#Header { 

	width: 750px;
	height: 174px;
	background-image: url(../../images/header.jpg);
}

#header_menu {

	position: relative;
	float: left;
	
	text-align: left;
	padding-left:30px;

}

#header_menu p {

	padding: 7px 20px 0 0px;

}

* html #header_menu p { padding: 10px 20px 0px 0px; }

#header_menu a {

	font-size: 70%;
	text-decoration: none; 	
	color: #000000;

}

#header_menu a:hover { color: #464545; }


/*------------------------------------------------------------------*/
/* END UPDATES */
/*------------------------------------------------------------------*/

.tabWidth100{width: 100px;}