@charset "utf-8";
/* CSS Document */


/* remake styles start */

div#top{
	width: 100%;
	height:144px;
	position:relative;
	top:0px;
	left:0px;
}

div#middle{
	width: 100%;
	position:relative;
	left:0px;
	top:0px;
	background-color:#faeddc;
	padding-bottom:40px;
}

div#bottom{
	width:100%;
	height: auto;
	position:relative;
	left:0px;
	top:0px;
	
	background-image:url(images/layout/footer_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#316ca8;
	min-height: 40px;
	padding-top: 10px;
	left:0px;
	top: 0px;
	text-align:center;
	color:#DDD;
}

div#bottom a:visited, div#bottom a:link, div#bottom a:active{
	text-decoration:none;
	color:#DDD;
}
div#bottom a:hover{
	color:#FFF;
	text-decoration:underline;
}

div#sidebar2{
	width: 180px;
	position:absolute;
	top: 20px;
	left: 0px;
	padding-left:10px;
}

div#content2{
	position:relative;
	width: 70%;
	left: 200px;
	top: 20px;
	min-height:200px;
}

/* remake styles end */


/* styles for sayagain v2 */

body{
	background-color:#316ca8;
}

div#logoTop, div#logoBottom{
	position:absolute;
	left:0px; top:0px;
	background-image:url(images/logo_top.png);
	width: 189px;
	height: 116px;
	margin-left: 20px;
	cursor:pointer;
	z-index:100;
	
	/*top: 300px;*/
}

span#copyright{
	font-size:0.7em;
	padding-bottom:10px;
}

div#logoBottom{
	background-image:url(images/logo_bottom.png);
	_background-image:url(images/logo_bottom.gif);
	width:78px;
	height:66px;
	top: 116px;
	cursor:default;
}

div#header{
	background-image:url(images/layout/header_bg.jpg);
	width:100%;
	height: 116px;
}

div#slidingContainer{
	overflow:hidden;
	width: 300px;
	height: 116px;
	position:absolute;
	right: 4%;
	top: 0px;
}

.slideImg{
	float:right;
	right: 0px;
	width: 150px;
	height: 150px;
	position:relative;
}

div#slidingContent{
	width: 300px;
	position: relative;
	left: 0px;
	top: 160px;
	height: 100%;
	cursor:pointer;
	text-align:left;
	background-position:100% -15px;
	background-repeat:no-repeat;
	z-index:2;
}

div#slidingContent h3{
	width: 150px;
	position:relative;
	left: 0px;
	top: 0px;
}

div#slidingContent h2{
	width: 300px;
	position:relative;
	left: 0px;
	top: 0px;
}

div#headerMenu{
	background-image:url(images/layout/menu_bg.jpg);
	width:100%;
	height: 28px;
}
div#menuShadow{
	background-image:url(images/layout/menu_shadow.gif);
	background-repeat:repeat-x;
	height: 10px;
	position:relative;
	width:100%;
	/*z-index:5;*/
}

img#menuDivider{ float:left; }

img#menuOption{
	float:left;
	cursor:pointer;
}

div#buttonIllustration, div#buttonFurballs, div#buttonWord, div#buttonSilly{
	height: 28px;
	background-position: left top;
	float:left;
	cursor:pointer;
}

div#buttonIllustration{
	width: 170px;
	background-image:url(images/layout/button_illustration.jpg);
}
div#buttonSilly{
	width: 120px;
	background-image:url(images/layout/button_silly.jpg);
}
div#buttonWord{
	width: 182px;
	background-image:url(images/layout/button_word.jpg);
}
div#buttonFurballs{
	width: 94px;
	background-image:url(images/layout/button_furballs.jpg);
}

div#menuContainer{
	position:absolute;
	right: 30px;
	top: 116px;
}

div#footer{
	background-image:url(images/layout/footer_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#316ca8;
	width:100%;
	height: 38px;
	position:absolute;
	left:0px;
	bottom: -48px;
	padding-top: 10px;
	text-align:center;
	color:#DDD;
	clear:both;
}
div#footer a:visited, div#footer a:link, div#footer a:active{
	text-decoration:none;
	color:#DDD;
}
div#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}

div#mainContainer{
	width: 100%;
	left: 0px;
	position:relative;
/*	top: 150px;*/
	top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#faeddc;
}

div#content{
	position:absolute;
	width: 600px;
	top: 20px;
	left: 200px;
	margin-right: 30px;
	background-color:#faeddc;
	max-width:1200px;
}

/* content layout */
div#contentTopBar{
	width: 100%;
	background-color:#FFF;
	height: 32px;
	position:relative;
	text-align:center;
}
img#contentTL{ position:absolute; top: 0px; left: 0px; }
img#contentTR{ position:absolute; top: 0px; right: 0px; }

div#contentBottomBar{
	background-image:url(images/layout/contentBG.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	width:100%;
	height: 150px;
	position:relative;
	left:0px;
}

div#titleBar{
	background-image:url(images/layout/title_mid.jpg);
	background-position:center;
	background-repeat:repeat-x;
	text-align:center;
	height:32px;
	width: 59%;
	margin-left:20%;
	margin-right:20%;
}
img#titleTL{ position:absolute; left: 20%; top: 0px; width:20px;}
img#titleTR{ position:absolute; right: 20%; top: 0px; width:20px;}
span#title{
	top: 8px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:1.2em;
}

img#sideTitleTR{ position:absolute; right: 20px; top: 0px; width:20px;}
div#sideTitleBar{
	background-color:#FFF;
	text-align:center;
	height:32px;
	width: 89%;
	margin-left:0%;
	margin-right:0%;
}
span#sideTitle{
	top: 8px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:1.2em;
}

div#contentMainBar{
	width: 100%;
	background-color:#fff;
	position:relative;
	left: 0px;
	top: 0px;
	min-height:300px;
}

div#contentContent{
	padding: 0px 20px 0px 20px;
	min-height: 300px;
	position:relative;
}

div#contentContent a:link, div#contentContent a:visited{
	font-weight:bold;
	color:#27C;
	text-decoration:none;
}

div#contentContent a:hover, div#contentContent a:active{
	font-weight:bold;
	text-decoration:underline;
	color:#F74;
}
	
/* sidebar layout */	

div#sideTopBar{
	width: 100%;
	background-image:url(images/layout/title_bg.jpg);
	background-repeat:repeat-x;
	height: 32px;
	position:relative;
}

div#sideMainBar{
	width: 100%;
	position:relative;
	left: 0px;
	top: 0px;
	background-color:#fff;
	min-height:300px;
}

div#sideBottomBar{
	width: 100%;
	height: 150px;
	position:relative;
	left: 0px;
	top: 0px;
	background-image:url(images/layout/contentBG.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

div#sidebarDivider{
	background-image:url(images/layout/sidebarDivier.gif);
	background-repeat:repeat-x;
	width: 160px;
	height: 20px;
	left: 5px;
	position:relative;
}

div#sideMainBar img.sideButton{
	background-image:url(images/layout/sidebarUnderArrow.gif);
	background-position:100% 50%;
	position:relative;
	top: -4px;
}

div#bubble{
	width:200px;
	position:absolute;
	z-index:101;
	height: 120px;
	background-image:url(images/bubble.png);
	_background-image:url(images/bubble.gif);
	background-repeat:no-repeat;
	background-position:top left;
	/*visibility:hidden;*/
	top: 0px;
	left: -500px;
	padding-top:10px;
}

div#bubbleTitle{
	font-weight:bold;
	font-size:0.85em;
	width: 180px;
	position:relative;
	top: 10px;
	left: 10px;
	text-align:center;
}

div#bubbleBody{
	text-align:center;
	font-size:0.85em;
	width: 180px;
	position:relative;
	top: 0px;
	left: 10px;
}

/* beginning of sidebar latest styles here */
div#sideLatest{
	width:170px;
	position:relative;
	text-align:center;
	padding-bottom:8px;
}

div#sideLatest span{
	font-weight:bold;
}

div#sectionBlock{
	text-align:center;
	width: 95%;
	padding:0px 20px 0px 20px;
	position:relative;
	top: 0px;
	z-index:2;
}

div#question{
	padding-left:20px;
	padding-bottom:8px;
	height: auto;
}
div#question span{
	font-size:1.15em;
	font-weight:bold;
}

div#answer{
	font-size:1.0em;
	font-weight:normal;
	cursor:default;
	padding: 10px 50px 10px 50px;
	overflow:hidden;
	color:#000;
}

div#answer a:link, div#answer a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#27C;
}
div#answer a:hover, div#answer a:active{
	color:#EA4;
	font-weight:bold;
	text-decoration:underline;
}

a#textlink, a#textlink:visited, a#textlink:link{
	font-weight:bold;
	text-decoration:none;
	color:#26D;
}

a#textlink:hover, a#textlink:active{
	font-weight:bold;
	text-decoration:underline;
	color:#F90;
}

img#captcha{
	height: 120px;
	width: 120px;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 2px 2px 2px 2px;
	border: 2px solid #3CF;
	float: left;
	cursor:pointer;
}

img#captcha:hover{
	border: 2px solid #FE4;
}

ul#sitemap{
	padding-left:20px;
	padding-bottom:10px;
	font-size:1.1em;
	font-weight:bold;
	list-style:circle;
}
ul#sitemap li a:link, ul#sitemap li a:visited{
	text-decoration:none;
	color:#27C;
}
ul#sitemap li a:hover, ul#sitemap li a:active{
	text-decoration:underline;
	color:#EA4;
}

div#userDiv{
	position:absolute;
	left: 210px;
	top: 5px;
	width: 29%;
	height: 110px;
	overflow:hidden;
	color:#666;
	z-index:100;
}

div#userDiv a:link, div#userDiv a:visited{
	font-weight:bold;
	color:#27C;
	text-decoration:none;
}

div#userDiv a:hover, div#userDiv a:active{
	font-weight:bold;
	text-decoration:underline;
	color:#FFF;
}

div#loginMessage{
	font-weight:bold;
}

div#loginMessage span{
	color:#F00;
}

.changeButton{
	height: 19px;
	width: 69px;
	background-position:0% 0%;
	background-image:url(images/layout/change.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}