/*Version 1.0 -- Contest Version */

/* ------ Section 1 - Global Body, Font and Link Settings ------ */

body {
	margin: 0;
	padding: 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #000;
	font-size: 75%;
	background-image: url(../image-files/af-body-banner.gif);
	background-repeat: repeat-x;
	background-color: #EEE0D5;
}
table, td, tr	{
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	background-color: transparent;
	clear: both;
}

h1 {
	font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;
	text-align: center;
	background-color: transparent;
	color: #660000;
	clear: both;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-size: 14px;
	background-color: #F2F2F2;
}

h3 {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #660000;
	font-size: 14px;
}

h4	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;

}

h5	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #660000;
}
.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #660000;
	background-color: #F0F0F0;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
}

#Header h1	{
	font-size:36px;
	margin-top: 125px;
	font-family: Arial, Helvetica, sans-serif;
	left: 20px;
	text-align: left;
	text-indent: 20px;
	letter-spacing: 0.1em;
}

.boxtitle1	{
	font-size: 95%;
	color: #660000;
	background-color: #F2F2F2;
}

blockquote {
	margin: 12px 56px;
	color: #000000;
	font-size: 90%;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

code {
	color: #333333;
}

img {
	border: 0px solid #660000;
}

a:link img {

}


/* -- General Link Styling -- */

a:link {
	color: #660000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	color: #660000;
	text-decoration: none;
	font-weight: bold;
}

.breadcrumbs	{
	color: #666666;
	text-align: left;
}

.breadcrumbs a:link	{
	text-decoration: underline;
}

.breadcrumbs a:hover	{
	text-decoration: underline;
}	
	

/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {
	width: 960px;
}

#Header {
	position: relative;
	height: 218px;
}
.SearchBox {
	text-align: left;
	margin-top: 168px;
	position: absolute;
	margin-left: 2px;
}


#ContentWrapper {
	float: left;
	width: 100%;
	
}

#ContentColumn {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 430px;
}

#NavColumn {
	float: left;
	width: 160px;               /* STEP 2: to set left column at 180, set 1 less than 180 here */
	margin-left: -960px;
}

#ExtraColumn {
	float: left;
	width: 255px;               /* STEP 4: to set right columns at 180, set 1 less than 180 here */
	margin-left: -790px;
}

#Footer {
	clear: both;
	width: 100%;
	padding: 8px 0;
	background-color: #B58383;
	background-image: url(../image-files/affooter_border.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.Liner {
	padding: 5px;
}

#Header .Liner {
padding: 0;
}

#Footer .Liner {
	margin: 0;
	padding: 0;
}



/* ------ Section 3 - Page Structure Details ------ */

#PageWrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	background-color: transparent;
	background-image: url(../image-files/af-background.gif);
}

#Header {
	background-repeat: no-repeat;
	background-color: #660000;
	background-image: url(../image-files/af-header.jpg);
}

#ContentWrapper {
	background-color: transparent;
	background-image: url(../image-files/af-background.gif);
	background-repeat: repeat-y;
}

#NavColumn {
	background-repeat: no-repeat;
	background-color: transparent;
}

#ContentColumn {
	background-color: transparent;
}

#ExtraColumn {
	background-image: url();
	background-repeat: no-repeat;
	background-color: transparent;
}

#Footer {
	text-align: center;
	font-size: 85%;
}

#NavColumn {
	font-size: 90%;
	color: #333333;
}

#ExtraColumn {
font-size: 90%;
}

#NavColumn h4 {
	font-size: 90%;
	color: #333333;
	margin-top: 0;
}

#ExtraColumn h4 {
	font-size: 100%;
	color: #FFFFFF;
	margin-top: 0;
}


/* ------ Section 4 - Left Column Navigation ------ */

.Navigation {
	width: 100%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
	background-color: transparent;
}
/* --Content Column links */

#ContentColumn a:link {
	color: #660000;
	text-decoration: none;
	font-weight: bold;
}

#ContentColumn a:hover {
	color: #666666;
	text-decoration: underline;
}

/* -- Nav Headers -- */

.Navigation h3 {
	padding: 0;
	font-size: 110%;
	color: #660000;
	margin: 12px 0;
	border-bottom: 0px solid #CCCCCC;
	font-weight: bold;
}

/* -- Nav List -- */

.Navigation ul {
list-style-type: none;
padding: 0 0 8px 5px;
margin: -6px 0 0 0;
}

.Navigation li {
	background-color: #EEE0D5;        /* for button and RSS box backgrounds -- */
	border: 1px solid #660000;
	margin-bottom: 3px;
}

/* -- Navigation Link styles -- */

.Navigation a:link {
	color: #660000;
	display: block;
	text-decoration: none;
	height: auto;
	width: auto;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 4px;
}

.Navigation a:visited {
color: #660000;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px; 
text-decoration: none;
}

.Navigation a:hover {
	color: #fff;
	display: block;     /*  this makes the whole box highlight rather than just the text */
	padding: 3px 0 3px 4px;
	background-color: #660000;   /* color used in center column of background.gif and for lit buttons both navbars and AdSenseBox bg color */
	text-decoration: none;
}



/* ------ Section 5 - Additional Navigation ------ */

/* -- Thumbnail-with-Caption Navigation -- */

.ThumbnailLink {
	text-align: center;
}

.ThumbnailLink a:link {
text-decoration: none;
}

.ThumbnailLink a:hover .Caption {
	text-decoration: none;
	
}


/* ---- Horizontal Text NavBars -- */

.ExtraNav {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
}

.ExtraNav ul {
	list-style-type: none;
	padding:0;
}

.ExtraNav ul li {
	display: inline;
	background-color: transparent;
	text-align: center;
}


#Header .ExtraNav {
	font-size: 90%;
	top: 192px;
	position: absolute;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	width: 100%;
}
/*
#Header .ExtraNav ul {

}
#Header .ExtraNav ul li  {
	
}

#Header .ExtraNav a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 40px;
}
#Header .ExtraNav a:hover {
	color: #660000;
	text-decoration: none;
	background-color: #E8E8E8;
} ---*/

/* --- Destination Tab Nav ---*/
/*#Header .ExtraNav2 {
	font-size: 90%;
	top: 219px;
	position: absolute;
}
#Header .ExtraNav2 ul {
	
	
}
#Header .ExtraNav2 ul li  {
	display: inline;
	background-color: transparent;
	text-align: left;
}

#Header .ExtraNav2 a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-top: 0;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 20px;
}

#Header .ExtraNav2 a:hover {
	color: #660000;
	text-decoration: none;
	background-color: #E8E8E8;
} ---*/
/* ---Footer Nav ---*/
#Footer .ExtraNav {
	background-color: transparent;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	
}
#Footer .ExtraNav ul {

	
}
#Footer .ExtraNav ul li {
	display: inline;

}

#Footer .ExtraNav a:link {
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding: 0 10px;
}
#Footer .ExtraNav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding: 0 10px;
}

#Footer .ExtraNav a:hover {
	color: #660000;
	text-decoration: none;
	background-color: #E8E8E8;
}

/* ------ Section 6 - Boxes ------ */

.CalloutBox {
	background-color: #fff;
	width: 100%;
	color: #333333;
	border: 1px dotted #999999;
	margin-top: 18px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 4px;

}



div.CalloutBox p {
margin: 13px;
}

p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
margin: 13px 0 0 13px;
}

.ReminderBox {
	background-color: #EEE0D5;
	width: 24%;
	border: 1px solid #CCCCCC;
	margin: 0 0 12px 18px;
	float: right;             /* adding float enables text to flow around it */
	color: #000000;
}

.ReminderBox h4 {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #666666;
}

.ReminderBox p {
	font-size: 80%;
	padding: 0 4px;
	line-height: 120%;
	color: #000000;
}

.ProductBox	{
	background-color: transparent;
	margin: 0 18px 12px 18px;
	float: left;
}

.ProductBox h4 {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #fff;
}

.ProductBox p {
	font-size: 85%;
	padding: 0 4px;
	line-height: 13px;
}
.HotDealsBox	{
	background-color: #FFFFFF;
	width: 90%;
	margin-bottom: 10px;
	border-top: 5px solid #660000;
	border-right: 1px solid #660000;
	border-bottom: 1px solid #660000;
	border-left: 1px solid #660000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.HotDealsBox a.link	{
	color:#660000;
}
.HotDealsBox a.hover	{
	color:#666666;
	text-decoration: underline;
}

.HotDealsBox h6	{
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #f2f2f2;
	font-size: 12px;
	color: #660000;
}

.HotDealsBox p	{
	font-size: 100%;
	padding: 0 4px;
	line-height: 17px;
}
.FullWidthBox {
	background-color: #F9F4F0;
	width: 98%;
	border: 1px dotted #660000;
	margin-top: 15px auto 15px auto;

}

.FullWidthBox h4 {
	margin: 0;
	padding: 0px;
	text-align: center;
	background-color: #666666;
	color: #FFFFFF;
}

.FullWidthBox p {
	font-size: 100%;
	padding: 0 4px;
	line-height: 120%;
}
.FullWidthBox2 {
	background-color: #FFFFFF;
	padding: 5px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin: 5px;
	border-bottom-width: 1px;
}
.FullWidthBox2 h4 {
	margin: 0;
	padding: 2px;
	text-align: left;
	color: #660000;
}

.FullWidthBox2 p {
	font-size: 100%;
	padding: 0 4px;
	line-height: 120%;
}
	
	
/*** Half of width box left ***/
.HalfWidthBoxLeft {
	width: 49%;
	float: left;
	margin-right: 1px;
	margin-left: 0px;
	background-color: #F2F2F2;
	padding-right: 0px;
	padding-left: 0px;
}
.HalfWidthBoxLeft h4 {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #666666;
}
/***Half of width box right ***/
.HalfWidthBoxRight {
	margin-right: 0px;
	margin-left: 0px;
	width: 48%;
	float: right;
	background-color: #f2f2f2;
	padding-right: 0px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.HalfWidthBoxRight h4 {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #666666;
}
.UnderlineBox	{
	border-bottom-color:#CCCCCC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	padding-top: 7px;
}
.UnderlineBox h3	{
	margin-bottom: 10px;
	line-height: 0px;
}
.PlainBox	{
	width: auto;
	border: thin none #999999;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.BorderBox	{
	width: auto;
	border: 1px solid #999999;
}
.BorderBox h4	{
	margin: 0;
	padding: 0px;
	text-align: center;
	line-height: 20px;
	background-color:#660000;
}
.BorderBox p	{
	font-size: 100%;
	padding: 0 10px;
	line-height: 120%;
}

.BorderBoxLeft {
	width: 45%;
	float: left;
	margin-right: 1px;
	margin-left: 0px;
	border: 1px solid #999999;
}

.BorderBoxLeft h4	{
	margin: 0;
	padding: 0px;
	text-align: center;
	line-height: 20px;
	background-color:#660000;
}
.BorderBoxRight {
	width: 45%;
	float: right;
	margin-right: 1px;
	margin-left: 0px;
	border: 1px solid #999999;
}
.BorderBoxRight h4	{
	margin: 0;
	padding: 0px;
	text-align: center;
	line-height: 20px;
	background-color:#660000;
}

.BoxWidth240	{
	width: 240px;
	border: 1px solid #999999;
}

.BoxWidth240 h4	{
	margin: 0;
	text-align: center;
	line-height: 20px;
	background-color:#660000;
}
	
.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
	padding: 5px;
	background-color: #ffffff;
	border: 0px;
}

.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}

.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}

.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}

.AdSenseBoxExtraColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}

.ReturnToNavBox {
	background-color: #fff;
	width: 90%;
	margin: 0 auto 12px auto;
	padding: 4px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC; 
}

.GoogleSearchBox	{
	margin-left: 5px;
	margin-top: 185px;
	margin-right: auto;
}
/* -- RSS Box -- */

#RSSbox {
	width: 148px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 8px auto 10px 3px;
	padding: 2px 2px 10px 2px;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	line-height: 120%;
	text-align: center;
}



/* ------ Section 7 - Frequently Used Styles ------ */

.Clear {
clear: both;
}

.Caption {
	font-size: 90%;
	font-weight: bold;
	color: #660000;
	display: block;
	line-height: 150%;
	margin-bottom:10px;
}

/* -- floats -- */

.ItemRight {
	float: right;
	margin: 2px 0 12px 18px;
	text-align: center;
}

.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
	float: left;
	text-align: center;
	margin-top: 2px;
	margin-right: 18px;
	margin-bottom: 12px;
	margin-left: 0;
}

.ImgBorder	{
	border: 2px solid #660000;
}  

/* this is to give a textbox with rounded edges....and no extra images required, which
is the usual way of doing it. Notice the background is set to #fff, which is white? Thats so it blends into the background...change it if your background isnt white. The other two colors can be changed, but keep them the same as each other to keep the illusion of a rounded rectangle.  Dont alter anything else unless you are SURE you know what your doing. And if you do, and it goes wrong, please dont ask me why. AJ */

div#textbox{
	margin: 0 10%;
	color: #F9F4F0;
}
b.rtop, b.rbottom{display:block;background: #fff;}
b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden;
	background: #F9F4F0
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* C2 - code to shorten input box */

body .storyInput { height: 150px }
body .vIsText_3000 { height: 85px }

/* Extra Boxes etc. */