/* Cash Fetish Base */
body { margin: 0px; padding: 0px; font-size: 12px; color: #000000; background: #badbf0;
       font: 14px Arial,sans-serif; line-height: 18px; 
 }

/* Standard Settings */
hr { color: #000000; height: 1px }
img { border: 0 }
b { font-weight: bold; }
a:link, a:visited, a:active { color: #2C65AB; font-weight: bold; }
a:hover { color: #3E79C0; }
.clickable { cursor: hand; }
td { font: 14px Arial,sans-serif; line-height: 18px;  }
p, ul { font: 14px Arial,sans-serif; line-height: 18px;  margin-top: 2px;}

.iHead {
  color: #2C65AB;
  font: bold 16px Arial,sans-serif;
}

#footer {
  text-align: center;
  color: #51728D; 
  font: 12px Arial,sans-serif;
}
#footer a:link, #footer a:visited, #footer a:active {
  color: #51728D; 
  font: 12px Arial,sans-serif;
  }
#footer a:hover {
  color: #5287B3;  text-decoration: underline;
  }

.SectionHead { font: bold italic 22px Arial,Tahoma,Helvetica,Geneva,sans-serif; }
.SectionDetail { font: italic 12px Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif; }
.LargeInlineHead { font: bold italic 18px Arial,Tahoma,Helvetica,Geneva,sans-serif; color:#000000 }
.SmallInlineHead { font: bold italic 14px Arial,Tahoma,Helvetica,Geneva,sans-serif; color:#000000 }
.SmallerText { font: 11px Tahoma,Verdana,Arial,Helvetica,Geneva,sans-serif; }
.TinyText  { font: 9px Tahoma,Verdana,Arial,Helvetica,Geneva,sans-serif; text-align: center;}

.Display { font: 11px Courier New; }

.FormButton { border-bottom:thin solid #604427;border-right:thin solid #604427;border-top:thin solid #F9F3BF;border-left:thin solid #F9F3BF;font-size:11px;font-family:Arial;font-weight:bold;background-color:#E3C95D;color:#000000;line-height:.85;padding-top:4px; padding-bottom:1px; cursor: hand;width:200px}
.FormOptional { background-color:#eeeeee; }

.Footer { font: 10px Tahoma,Arial,Helvetica,Geneva,sans-serif; color:#cccccc;}

/* 2col left center */
#col2left { width: 160px; float: left; margin-top:10px; }
#col2center { margin-left: 169px; margin-right: 0; margin-top:10px; voice-family: "\"; }\"";
  voice-family: inherit;  margin-left: 171px;  margin-right:0; }
html>body #col2center { margin-left: 171px; margin-right: 0; }

.LargeInlineHead  { color: #000000; font-size: 16px; font-weight: bold; margin-top: 10px }
/* 3 column left center right */
#col3frame { width: 748px; margin-right: auto; margin-left: auto; margin-top: 10px; padding: 0px; text-align: left; }
#col3left { width: 160px; padding: 0px; float: left; }
#col3center { width: 408px; padding: 0 3px 0 3px; float: left; }
#col3right { width: 160px; padding: 0px; float: left; }

/* left col navigation */
#leftframe { background-image: url(i/nav-bg.gif); width: 160px; height: 200px; }
#leftmenu { width: 139px; padding: 0; margin: 0 5px 0 5px; font-family: Arial, Lucida, Geneva, Helvetica, sans-serif; }
#leftmenu ul { list-style: none; margin: 0; padding: 0; border: none;  }
#leftmenu li { margin: 0; }
#leftmenu li a { display: block; font-size: 12px; padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; }
html>body #leftmenu li a { width: auto; }
#leftmenu li a:hover { color: #2C65AB; }

/* left col navigation */
#leftpromoframe { background-image: url(i/nav-bg.gif); width: 160px; height: 200px; }
#leftpromo { width: 139px; padding: 0; margin: 0 5px 0 5px; font-family: Arial, Lucida, Geneva, Helvetica, sans-serif; }
#leftpromo ul { list-style: none; margin: 0; padding: 0; border: none;  }
#leftpromo li { margin: 0; text-align:center;}
#leftpromo li a { display: block; font-size: 13px; padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; 
 color: #2C65AB;}
html>body #leftpromo li a { width: auto;  color: #2C65AB;}
#leftpromo li a:hover { color: #2C65AB; }

/* right col navigation */
#rightframe { background-image: url(i/nav-bg.gif); width: 160px; height: 200px; }
#rightmenu { width: 139px; padding: 0; margin: 0 5px 0 5px; font-family: Arial, Lucida, Geneva, Helvetica, sans-serif; }
#rightmenu ul { list-style: none; margin: 0; padding: 0; border: none;  }
#rightmenu li { margin: 0; }
#rightmenu li a { display: block; font-size: 12px; padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; }
html>body #rightmenu li a { width: auto; }
#rightmenu li a:hover { color: #2C65AB; }

.joinformcell {
  background: url(i/join-bg.jpg) no-repeat;
  background-color: #3D729C;
  
}

#summary
{
	font: 13px/20px arial;
	padding: 0px 8px 8px 8px;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

a:link, a:visited, a:hover {
 color: #2C65AB;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
 font-family: Arial,sans-serif;
 margin: 0px;
 padding: 0px;
}

h1{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 text-align:left;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
    

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
 margin: 0;
 padding: 0px;
 width: 100%;
 text-align: center;
 background-image: url(i/h-bg.jpg);
}

#navBar{
 margin: 0 79% 0 0;
 padding: 0px;
 background-color: #eeeeee;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

#content{
  float:right;
 width: 75%;
 margin: 0;
 padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
 margin: 0px;
 padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
 padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
 font-size: 90%;
 padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
 font-size: x-small;
 padding: 0;
 height: 23px;
 text-align: left;
 line-height: 23px;
 font-family: Verdana;
 color: #ABCDAB;
 padding-left: 8px;
}


/************** .feature styles ***************/

.feature{
 padding: 0px 0px 10px 10px;
 font-size: 80%;
}

.feature h3{
 padding: 30px 0px 5px 0px;
 text-align: center;
}

.feature img{
 float: left;
 padding: 0px 10px 0px 0px;
 margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
 clear: both;
 padding: 10px 0px 0px 10px;
 font-size: 80%;
}

.story p{
 padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
 clear: both;
 font-size: 75%;
 color: #ABCDAB;
 padding: 10px 10px 10px 10px;
 margin-top: -1px;
 text-align: center;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
 the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
 padding: 4px 4px 4px 0px;
 vertical-align: middle;
}


/************* #search styles ***************/

#search{
 padding: 5px 0px 5px 10px;
 border-bottom: 1px solid #cccccc;
 font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
 display: block;
 margin: 0px;
 padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
 position: relative;
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #cccccc;
 font-size: 90%;
}

#sectionLinks h3{
 padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
 padding: 2px 0px 2px 10px;
 border-top: 1px solid #cccccc;
 width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
 width: auto;
}

#sectionLinks a:visited{
 border-top: 1px solid #cccccc;
 padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
 border-top: 1px solid #cccccc;
 background-color: #dddddd;
 padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
 margin: 0px;
 padding: 0px 0px 10px 10px;
 font-size: 90%;
}

.relatedLinks h3{
 padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
 padding: 10px 0px 0px 10px;
 font-size: 80%;
 border-top: 1px solid #cccccc;
}

#advert img{
 display: block;
}


/************** #headlines styles **************/

#headlines{
 margin: 0px;
 padding: 10px 0px 20px 10px;
 font-size: 80%;
}

#headlines p{
 padding: 5px 0px 5px 0px;
}


/* BASICS */
/* FORM */
form { margin: 0; padding: 0; border: 0 }
.joinformcell  { color:#ffffff; text-align:center; font-family: Arial, Helvetica, sans-serif }
.formcaption  { color:#ffffff; text-align:right; font-family: Arial, Helvetica, sans-serif }
.formcc { color:#ffffff; font-family: Arial, Helvetica, sans-serif }
.formelement { color:#ffffff; text-align:left; font-family: Arial, Helvetica, sans-serif }

input.formccfield { color: #000; font: 14px Arial, Tahoma, sans-serif;
  background: #ffffff; margin: 0; padding: 0 4px; width: 100px; height: 16px;
  border: solid 1px #ffffff }

.formhead {
  color: #fff; background: #6293BB; border: #eee; font: bold 12px/20px Tahoma;
  text-align: left;
}  
  
input.formfield, select.formselect   { color: #000000; font: 14px Arial, Tahoma, sans-serif;
background: #ffffff; margin: 0; padding: 0 4px; width: 230px; height: 20px;
border: solid 1px #ffffff }
input.formsubmit   { color: #007f00; font: 14px Arial, Tahoma, sans-serif; background: #fff; margin: 0; padding: 2px; width: 150px; height: 24px; border-style: solid; border-width: 1px; border-color: #9c6 #360 #360 #9c6 }
input.loginfield { color: #000000; font: 14px Arial, Tahoma, sans-serif;
background: #ffffff; margin: 2px; padding: 0; width: 138px; height: 23px;
border: solid 1px #006600 }
select.loginselect  { color: #000000; font: 14px Arial, Tahoma, sans-serif; background: #ffffff; margin: 0; padding: 2px; width: 100px; height: 23px; border: solid 1px #006600 }
/* TEXT */
p   { font-size: 14px; line-height: 20px; margin: 6px 0; padding: 0 6px }
.outset { border: ridge 1px #393 }
.ballon   { color: #000; font-size: 11px; line-height: 18px }
.ballon li  { font-size: 11px; line-height: 14px; margin: 3px; padding: 3px }
ul,li  { text-align: left; list-style-type: none; margin: 0; padding: 0 }
.callout { font-size: 1.2em; font-weight: bold; text-align: center; margin: 3px 3px 8px }
p.inset { font: 14px Arial, sans-serif; margin-right: 200px; margin-left: 200px }
p.extra  { font: 14px/16px Tahoma; margin: 0; padding: 0 }
h2 { font: bold 16px Arial; margin: 10px; color: #3673C4;}
h3 { font: bold 1em Arial; margin: 10px; color: #3673C4;}
.question {	font: bold 14px Tahoma;	margin: 10px;	color: #3673C4; }
.answer { margin: 10px 0; padding: 0 10px; }
.h3 { font-weight: bold; color: #3673C4;}
.h3g { font-weight: bold; color: #2573CB;}
.h3r { font-weight: bold; color: #A41D1D;}
.pad3 { padding: 3px; }
.pad6 { padding: 6px; }
.footerlinks { font-size: 10px; text-align: center; padding: 6px }
#legal {margin: 10px; font-size: 11px; text-align: center; color: #7FA8DE;}
.LargeInlineHead  { color: #6c9; font-size: 16px; font-weight: bold; margin-top: 10px }


/* ADDED BY SIMON */

.resources {font: 14px Arial,sans-serif; color: #000000; line-height: 19px; margin-top: 2px; }
.policies {font: 13px Arial,sans-serif; color: #000000; line-height: 15px; }
.top {font: 10px Arial,sans-serif; line-height: 11px; }
.MediumInlineHead  { color: #000000; font-size: 14px; font-weight: bold; margin-top: 10px }

/* left col navigation */
#leftframe_resources { background-image: url(i/nav-bg.gif); width: 160px; height: 222px; }
#leftmenu_resources { width: 139px; padding: 0; margin: 0 5px 0 5px; font-family: Arial, Lucida, Geneva, Helvetica, sans-serif; }
#leftmenu_resources ul { list-style: none; margin: 0; padding: 0; border: none;  }
#leftmenu_resources li { margin: 0; }
#leftmenu_resources li a { display: block; font-size: 12px; padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; }
html>body #leftmenu_resources li a { width: auto; }
#leftmenu_resources li a:hover { color: #2C65AB; }

/* right col navigation */
#rightframe_resources { background-image: url(i/nav-bg.gif); width: 160px; height: 222px; }
#rightmenu_resources { width: 139px; padding: 0; margin: 0 5px 0 5px; font-family: Arial, Lucida, Geneva, Helvetica, sans-serif; }
#rightmenu_resources ul { list-style: none; margin: 0; padding: 0; border: none;  }
#rightmenu_resources li { margin: 0; }
#rightmenu_resources li a { display: block; font-size: 12px; padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; }
html>body #rightmenu_resources li a { width: auto; }
#rightmenu_resources li a:hover { color: #2C65AB; }

a.res:link, a.res:visited, a.res:hover {
 color: #2C65AB;
 text-decoration: underline;
}
a.res:hover {
 color: #3E79C0;
 text-decoration: underline overline;
}

p.wm { font: 12px Arial,sans-serif; line-height: 16px;  margin-top: 2px;}