body, table
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	line-height: 15px;
}

/* table with borders */
table
{
	border: none;
	background-color: #ffffff;
}
/*
td
{
	border: solid 1px #696A6C;
    margin: 0;
    padding: 4px;
}
*/

/* headings */
h1
{
	font-size: 24px;
	font-family: Arial, Sans-Serif;
	/*color: #38cdff; */
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
	line-height: 24px;
	text-transform: uppercase;
}

h2,h3,h4
{
	font-family: Arial, Sans-Serif;
	/* color: #c0c0c0;*/
	margin: 10px 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
	text-transform: uppercase;
}

h2 { font-size: 20px; line-height: 20px;}
h3 { font-size: 18px; line-height: 18px;}
h4 { font-size: 16px; line-height: 16px;}

li { padding-bottom: 10px; }

/* Paragraphs */
p, .Para
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* Hyperlinks */
a
{
	color: #65B4E5;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}
		
/* simple classes */
.NoBorder { border: none; }

.ClearBoth { clear: both; }

.ExtraLargeText { font-size: 130%; }
.BigText { font-size: 110%; }
.NormalText { font-size: 100%; }
.SmallText { font-size: 90%; }		

.Central { text-align: center; }

.PicLeft { float:left; padding: 0 10px 0 0; border: none; }
.PicRight { float:right; padding: 0 0 0 10px; border: none; }

.ErrorLabel, .Highlight { color: #ff0000; font-weight: bold; }
.Tip { color: #00498d; font-size: 11px; font-weight: bold; }

.Spacing20 { width: 100%; height: 20px; }
.Spacing { width: 100%; height: 10px; }
.Spacing5 { width: 100%; height: 5px; }
.Spacing2 { width: 100%; height: 2px; background: transparent; }
.Spacing8 { width: 100%; height: 8px; }

.hidden { display: none; }
.unhidden { display: block; }

.Bold { font-weight: bold; }

.Overflow { overflow: auto; }

/* Standard warnings */
.InfoMsg 
{	
	background: #d8e5f5  url(Graphics/info1.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: normal;
}

.ErrorMsg
{	background: #d8e5f5  url(Graphics/error.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: normal;
}

.WarningMsg
{
	background: #d8e5f5  url(Graphics/warning.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: normal;
}

/* banner */
#Banner, .PnlBanner
{
	width: 1024px;
	height: 275px;
	margin: 0 auto 0 auto;
}

/* tagline */
#TagLine
{
	float: right;
	height: 55px;
	width: 554px;
	margin-top: 220px;
}		

.TagLineImg { padding-left: 20px; border: none; }

/* Navigator */
#Navigator
{
	float:left;
	background: transparent url(Graphics/transpwhite.png) repeat;
	height: 275px; 
	width: 292px;
	margin-left: 50px;
	font-size: 14px;
	line-height: 16px;
}		

#Navigator ul
{
	list-style: none;
	padding: 0 10px 0 10px;
	margin: 0 0 0 0;
	width: 272px;
	z-index: 100;
}

#Navigator ul li
{
	padding: 0 0 0 0;
	position: relative;
	height: 16px;
	z-index: 50;
}

#Navigator li ul
{
	position: absolute;
	left: 271px;
	top: -10px;
	display:none;
	background: #ffffff;
	z-index: 120;
}

/* Styles for Menu Items */
#Navigator ul li a 
{
	display: block;
	text-decoration: none;
	padding: 0 5px 0 5px;
	background: none; /* IE6 Bug */
	z-index: 50;
	text-transform: uppercase;
	height: 16px;
	width: 262px;
}

/* Fix IE. Hide from IE Mac \*/
* html #Navigator ul li { float: left; height: 1%; }
* html #Navigator ul li a { height: 1%; }
/* End */

#Navigator ul li a:hover 
{ 
	background: #ffffff url(Graphics/nvbg.gif) repeat;
	/* color: #B9C765;*/
}	
		
#Navigator li ul li a 
{ 
	width: auto; 
	background: none; 
	text-align: left;
} /* Sub Menu Styles */
		
#Navigator li:hover ul, li.over ul 
{ 
	display: block; 
} /* The magic */


/* logo */
.Logo
{
	width: 292px;
	height: 65px;
	border: none;
}


/* wrapper */
#Wrapper
{
	width: 1024px;
	margin: 0 auto 0 auto;
	/*background-color: #E44344; /* modifiable */
}	
		
/* left toolbar */
#LeftBar
{
	background-color: Transparent;
	float:left;
	width: 50px;
	margin-top: 10px;
}

#Salt a
{
	display: block;
	height: 60px;
	width: 32px;
	background: #ffffff url(Graphics/salt.gif) no-repeat;
	margin-bottom: 5px;
	text-decoration: none;
}

#Flickr a
{
	display: block;
	height: 50px;
	width: 32px;
	background: #ffffff url(Graphics/flickr.gif) no-repeat;
	margin-bottom: 5px;
	text-decoration: none;
}

#Facebook a, #Twitter a, #Ezine a
{
	display: block;
	height: 70px;
	width: 32px;
	text-decoration: none;
}		

#Pepper a
{
	display: block;
	height: 250px;
	width: 32px;
	text-decoration: none;
	background: #ffffff url(Graphics/pepper-sign-up1.png) no-repeat; margin-bottom: 5px;
}		

#Facebook a { background: #ffffff url(Graphics/facebook.gif) no-repeat; margin-bottom: 5px;}

#Ezine a { background: #ffffff url(Graphics/ezine.gif) no-repeat; margin-bottom: 5px; }

#Twitter a { background: #ffffff url(Graphics/twitter.gif) no-repeat; margin-bottom: 5px; }

#Flickr a:hover, #Facebook a:hover, #Twitter a:hover, #Salt a:hover, #Ezine a:hover, #Pepper a:hover { text-decoration: none; padding-left: 5px; }

/* content section */
#Content
{ 
	float: left;
	width: 974px;
	position: relative;
}

#ContentLeft
{
	float: left;
	padding: 10px 10px 10px 10px;
	width: 609px;
	background-color: #ffffff;
	position: relative;
}

#ContentRight
{
	float: right; 
	width: 339px;
	height: 500px;
	position: relative;
}

.ContentRightImg { border: none; padding-bottom: 5px; width: 339px; z-index: 10; }	

.ImageFloater 
{
	position:absolute;
	top: 205px;
	left: -320px;
	width: 357px;
	height: 238px;
	z-index: 900;
}

.FloatingQuote
{
	position: absolute;
	top: 165px;
	left: -60px;
	z-index: 1000;
	width: 160px;
	height: 165px;
	background: #ffffff;
}

.HeadingImage { border: none; height: 55px; line-height: 55px; }

.StoryCol1
{
	float:left;
	width: 48%;
}

.StoryCol2
{
	position: relative; /* needed to absolutely position the floating image */
	float: right;
	width: 48%;
}			

/* our story, contact form */
/*#OurStoryRight, #ContactRight
{
	float: right; 
	width: 339px;
}

#OurStoryRight img, #ContactRight img { border: none; padding-bottom: 5px; width: 339px; z-index: 10; }

#OurStoryLeft, #ContactLeft
{
	position: relative;
	float: left;
	padding: 10px 10px 10px 10px;
	width: 609px;
	background-color: #ffffff;
}

#OurStoryLeft
{
	height: 450px;
}

#OurStoryRight { height: 500px; }

.OurStoryFloater, .ContactFloater
{
	position:absolute;
	top: 232px;
	left: 323px;
	width: 357px;
	height: 238px;
	z-index: 20;
}

.ContactFloater { z-index: 5; }
		
#OurStoryFocus
{
	position: relative;
	top: -280px;
	left: 580px;
	z-index: 30;
	width: 160px;
	height: 165px;
}

#ContactFocus
{
	position: relative;
	top: -300px;
	left: 560px;
	z-index: 30;
	width: 133px;
	height: 186px;
}

*/
	

/* standard button */
.Button, .AncButton
{
	height: 25px;
	line-height: 20px;
	font-size: 11px;
	font-family: Arial, Sans-Serif;
	background-color: #dcdcdc;
	border: solid 1px #c0c0c0;
	text-align: center;
	padding: 0 10px 0 10px;
}

.AncButton
{
	display:block;
	color: #000000;
	line-height: 25px;
}
	
/* subscription page */
.SubscribeFloater
{
	position: relative;
	top: 20px;
}
	
/* competitions */
#CompSizer { height: 387px; }

#CompWinners
{
	background: #ececec;
	padding: 10px 10px 0 10px;
}

#CompWinners img { border: none; width: 400px; margin-bottom: 5px; }

#CompEntry
{
	background-color: #ffffff; 
	padding: 10px 10px 10px 10px;
}
	
	
/* speak up */
#SpeakUpComments { background: transparent; padding-top: 10px; }
.Comment { background-color: #ececec; padding: 5px 10px 5px 10px; margin-bottom: 5px; }
.CommentAlt { background-color: #ffffff; padding: 5px 10px 5px 10px; margin-bottom: 5px; }
.CompTip { font-size: 10px; }

.LeftCol { float: left; width: 49%; }
.RightCol { float: right; width: 49%; }

/* footer */
#Footer
{
	clear: both;
	background: transparent;
	padding: 20px 0 20px 0;
	margin-top: 20px;
	text-align: center;
	font-size: 11px;
}	

/* advertising */
.AdSubHeading { text-align: center; padding-top: 50px; font-style: italic; }
.AdDownloads
{
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	width: 319px;
}	

/* free ads */
#FreeAds 
{ 
	width: 629px;
	text-align: center;
}

#FreeAds img { width: 302px; height: 138px; border: none; margin-bottom: 3px; margin-top: 3px; }

.FreeAdCol1 { width: 312px; float: left; }
.FreeAdCol2 { width: 312px; float: right; }

.AdHolder { background-color: #ffffff; margin-bottom: 5px; height: 175px; padding: 5px 5px 5px 5px; width: 302px; }

.ThreeCol { float: left; width: 33%; }


/* ajax loader */
.AjaxLoader
{
	position: fixed;
	text-align: center;
	top: 39%;
	left: 39%;
	width: 20%;
	border: solid 1px #c0c0c0;
	background-color: #ffffff;
	line-height: 30px;
	padding: 2% 2% 2% 2%;
	height: 80px;
}