/*  FRIENDS of PATA STYLESHEET-----
COLOR OF LINKS */


a:link, a:active { background: none;

	color: #0000ff;
	font-weight: bold; }  

a:visited { background: none; color: #666699;
  font-weight: bold; }  

a:hover { background: none; color: #0066ff; 
font-weight: bold; }  

a:hover img { background: #000000; color: #669999; 
font-weight: bold; }



a:link img, a:visited img { background: none;
 color: #cc3366; border-style: none; } 

a.nounderline:link, a.nounderline:active, a.nounderline:visited  
	{background: none; text-decoration: none;}

a.submenu:link, a.submenu:active, a.submenu:visited { background: none;

	color: #fffff0;
	 text-decoration: none;font-size: 12px; line-height: 18px;}  

a.submenu:hover { background: none; color: #0000ff; 
	

	font-weight: bold; text-decoration: none;font-size: 12px; line-height: 18px;}  




/* NAVIGATION BAR  */

#navbarholder {height:50px; margin-left:2px; position:relative; width:800px;}


#navbar {height:40px; margin: 0 0 0 2px; position:absolute; width:750px; 
	padding:15px 0px 0px 5px; display:inline;}


#navbar img {background: none; margin:0 0 2px 2px;border:0px;}



#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
Stu's approval for use received 29 Nov, 2009.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:40px; position:relative; 
	z-index:500; font-family: verdana, sans-serif;}

#menu li {float:left; margin-right:1px;}

#menu li a {display:block; float:left; height:40px; line-height:40px; background:none; color:#ccc;
	 text-decoration:none; font-size:12px; font-weight:bold; padding:0 1px 0 1px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:none;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:none;}
#menu li:hover > a.sub {color:#fff; background-color:none;}


#menu li a.sub {background: none; }

#menu :hover ul {left:0; top:40px; width:130px; background:none;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; 
	margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
	{left:132px; top:-10px; background:#222; white-space:nowrap; width:100px; z-index:200; 	
	height:auto;}


/* FORMAT DROP BOX */
#menu :hover ul li {margin:-4px 0 0 3px; border-color: #b59202; background:#b59202; 
	border-style: solid;border-width:0 3px 2px 2px;  color:#e8e5dc;}
#menu :hover ul li a {width:130px; padding:0; text-indent:10px;color:#000;background:#0093dd; 
	height:35px; line-height:35px; }


#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}


/* FORMAT DROP BOX ROLL OVER */
#menu :hover ul :hover {background-color:#cccc90; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}


#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#cccc90;
	color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#cccc90; color:#fff;}




body { background: #ebeef0 url(images/leftbg.jpg) repeat-y; margin: 0; padding: 0; border: 0;}


#header {background: url(images/headerbg.jpg) repeat-x; border: none; 
	margin: 0px; padding: 0px; width:100%; height:178px; position: absolute; }

#body_layer {margin-top:170px; margin-left:210px; padding:0px 0px 20px 0px; position:absolute;}


#content { width: 950px; padding: 10px; border: 0; height:5px; position: relative; 
	margin-top: 0px;} 



#backtotopbox { background: none; margin:30px 0px -5px 12px;  padding: 0px; 
	clear: both;  position:relative; }

#footer { background: #ffffff; margin-top:0px;  padding: 0px 5px;  
	border: #da251c outset 2px;  width: 750px; position:relative; }

#footer img {margin: 0px;border:0px;}


#leftmenu {background: none; 	color: #fcf7cf;
	margin:20px 0px 20px -200px; padding:0px; position: absolute; 
	width: 140px;  font-size:  14px; line-height: 170%;

	text-align: left;font-family: tahoma, sans-serif;}

#farleftcol {background: none; 	color: #fcf7cf;
	margin:340px 0px 20px -210px; padding:0px; position: absolute; 
	width: 140px;  }

#rightbox {background: #cccc90; color: #000000; 
	margin-top:0px; margin-left: 552px; padding:5px; position: absolute; 
	width: 200px; border: 1px solid #6c000a;}

#rightboxgray {background: #cccccc; color: #000000; 
	margin-top:0px; margin-left: 552px; padding:5px; position: absolute; 
	width: 200px; }

#contentbox  {margin-top:23px; margin-left:0px; padding:0px; postion:relative; width: 770px; }


#ie6Warning {
		background: #e3e3e3;
		border: 1px solid #bbbbbb;
		padding: 10px 10px 1px;
		margin-bottom: 10px;
		}

#ie6Warning h2 {
		background: url(assets/ie6-warning.gif) 0 50% no-repeat;
		padding-left: 40px;
		}
 
.box580  {margin-top:23px; margin-left:0px; padding:0px; position:relative; width: 548px;}

.box340  {margin-top:23px; margin-left:0px; padding:0px; position:relative; width: 340px;}

.largebox  { position:relative; width: 740px; border-style: solid;
	border-width: 1px;border-color:#6c000a;	padding: 5px; margin: 0px;}

.signup	{font-family: verdana; font-size: 11px; background: none; }

h1  	{  background: none; 	color: #e8e5dc;
	 font-size:  18px; margin-bottom: 0px; margin: 10px 0px 6px 660px;
	text-align: left;font-family: tahoma, sans-serif; } 

h1.saying  { background: none; font-family: 'Bradley Hand ITC';  color: #ffc;
	 font-weight: bold; 
	 font-size:  32px; margin: 10px 0 20px 10px;
	text-align: left;}   

h2.header {background: none; color: #e8e5dc; text-decoration: none; 
	 font-size:  14px; margin:0px 0px 36px 660px;
	text-align: left;font-family: tahoma, sans-serif; font-weight: normal;}


h2 	{   background: #cccc90; color: #960000; 
	 font-size:  18px; font-family: tahoma, sans-serif; 
	margin: 24px 10px 12px 0px; padding: 4px 0px 4px 4px;}  

p	{   background: none; 	color: #000000; line-height: 24px;
	font-family: 'arial unicode ms','comic sans', cursive;  font-size: 16px;  
	margin: 0px 6px 12px 6px; } 

p.rtbox {background: #none; color: #000000;  font-size: 14px; }  

p.justify {
 	text-align: justify;}
 	
p.small {font-size: 10px; line-height: 12px;}

.friends { background: none; color:#3c0006; font-family:'Bradley Hand ITC'; font-weight: bold; font-size: 18px; line-height: 24px; }

h3	{   background: none; color: #000000; font-size: 18px;
	font-family: 'franklin gothic demi', sans-serif; margin: 8px 4px 4px 5px; padding:4px; }

h3.boxtitle	{   background: #ebeef0; color: #960000; font-size: 16px; text-align: center;
	font-family: 'franklin gothic demi', sans-serif; margin: 0px; padding: 10px 10px;}

h3.leftmenutitle	{   background: none; color: #e8e5dc; font-size: 20px; text-align: left;
	font-family: 'franklin gothic demi', sans-serif; margin: 0 0 5px 10px;  
	text-decoration: none;}

h3.text { background: none; color: #000000; font: 14px no-bold 'franklin gothic demi', sans-serif; padding: 2px; text-align: left; }

  
h4	{   background: none; color: #000000;font-size: 16px;  
	font-family:  'franklin gothic demi', sans-serif; margin: 8px 4px 4px 10px; } 


h4.newsbox	{   background: none; color: #960000; margin: 8px 0px 0px 0px; } 
  

h6     	{   background: none; color: #000000; font-size: 12px; font-weight: normal; 
	font-family:  'franklin gothic demi', sans-serif;  margin: 0px 4px 0px 10px; } 
	
h6.small {font-size: 10px;}


h5     	{   background: none; color: #000000;
	font: 12px bold 'franklin gothic demi', sans-serif; margin: 8px 4px 4px 10px; }



ol	{   background: none; color: #000000;
	font-family:  'arial unicode ms','comic sans';
	font-size: 16px;  }


ul	{   background: none; color: #000000;
	font-family:  'arial unicode ms','comic sans';
	font-size: 16px;  }    

li.none{ list-style-type: none; }
 
li.boldheader{ list-style-type: none;  margin: 8px 0px 8px 0px; }
 

.white {color: #ffffff}
.navy {color: #000066}
.blue {color:#0093dd;}
.red {color: #da251c;}
.ltblue {color: #ebecec; }
.bgwhite {background: #ffffff; }

.floatright {	
	position: relative;
	float: right;
	clear: right;	margin: .5em;	}  

.floatleft {
	position: relative;
	float: left;
	clear: left;
	margin: .5em;	}  

img.floatright { 
	position: relative;
	float: right;
	clear: right;	margin: 0;	}  


img.floatleft {
	position: relative;
	float: left;
	clear: left;
	margin: 0;	}  

.clear {
 clear: both;	}  

.center {
 text-align: center;	}  

.right {
 text-align: right;	}  

.left {
 text-align: left;	}
 
.bold {text-weight: bold; }

.justify {
 text-align: justify;	}

.indent65 {
 margin-left: 63px;	} 

.indent
 { margin-left: 20px;	}

.indent200 {
 margin-left: 200px; }

.indent330 { margin-left: 330px; }

.indent_right {
 margin-right: 70px; }

.nomargin { margin: 0 0 0 10px; padding: 0;}

.navycaption {
	text-align: center;
 font-weight: bold; color: #000066;	
	margin: 12px 12px; 	} 

img.floatleft {
	position: relative;
	float: left;
	clear: left;
	margin: 0;	} 

img.border  { border-style: ridge;
	border-width: 1px;
	border-color: #6c000a;
	padding: 5px; margin: 0px; }

.border  { border-style: ridge;
	border-width: 1px;
	border-color:#6c000a;	
	padding: 5px; margin: 5px; }