/* ############ fortunetextonly.css - Created: 11.10.2007 Last modified: 13.10.2007 ############# */
/* ############ Coding: Simon Moss: www.simonmoss.co.uk ############# */

*
{
margin:0;
padding:0;
}
ul, ul li, li
{
margin:0;
padding:0;
}
html, body
{
height:100%;
}
body
{
margin:0;
padding:0;
background-color:#fff;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#banner
{
width:100%;
background:#fff;
}
/*   ~~~ Site Navigation ~~~    */
#navigation
{
border-bottom:2px solid #000;
background-color:#fff;
text-align:center;
}
#navigation li
{
list-style-type:none;
display:inline;
}
#navigation li a
{
text-decoration:none;
color:#000;
font-weight:bold;
padding:0 3px;
}
#navigation li a:hover
{
color:#fff;
background-color:#000;
}
#navigation li a.selected
{
color:#fff;
background-color:#000;
}
/* ^^^^^^ Sidenav ^^^^^^^ */
#sidenav
{
float:left;
margin-top:6px;
width:190px;
list-style-type:none;
background-color:#fff;
}
#sidenav li
{
margin:0 3px;
font-weight:bold;
border-color:#fff;
}
#sidenav li a
{
display:block;
color:#000;
background-color:#fff;
border:0;
padding-left:5px;
text-decoration:none;
}
#sidenav li a:hover, #sidenav li a.selected
{
color:#fff;
background-color:#000;
border:0;
}
#sidenav li a.sublink
{
background-color:#fff;
border:0;
}
#sidenav li a.sublink:hover
{
background-color:#000;
}
#sidenav h3, #sidenav p
{
padding:3px 6px;
}
#sidenav #clientlist li a
{
padding:2px 12px;
}
#clientlist
{
height:320px;
overflow:auto;
}
/* ^^^^^^ End Sidenav ^^^^^^^ */
/*   ~~~ End Site Navigation ~~~    */
img
{
border:0;
}
#content
{
background:#fff;
margin-left:260px;
margin-right:20px;
}
#homecontent
{
background-color:#fff;
background-image:none;
}
#rightedge
{
background:#fff;
padding-bottom:150px;
}
#content p, #content dl, #content form, #content ul, #content ol
{
padding:12px;
}
#content .leftbox p, #content .rightbox p
{
padding:2px 6px;
}
.clearall
{
clear:both;
}
#content h1
{
text-align:center;
font-size:1.9em;
padding-top:18px;
}
#content h2
{
text-align:center;
padding:12px 9px;
}
#content h3
{
padding:12px 9px;
}
#content .leftbox h3, #content .rightbox h3
{
padding:10px;
}
#content ul, #content ol
{
margin-left:30px;
}
#footer
{
position:absolute;
bottom:2px;
padding:3px 9px;
padding-top:0;
margin-top:0;
border-top:4px double #000;
border-bottom:4px double #000;
text-align:center;
background-color:#fff;
}
.footerspace
{
clear:both;
}
.clearall
{
clear:both;
}
.floatleft
{
float:left;
}
.floatright
{
float:right;
}
.floatleftlogo
{
float:left;
margin-left:36px;
padding:9px 0;
}
.floatrightlogo
{
float:right;
margin-right:36px;
padding:9px 0;
}
.floatleftsetwidth
{
width:39%;
float:left;
}
.floatrightsetwidth
{
width:39%;
float:right;
margin-right:24px;
}
.floatleftsetwidth li
{
margin:0;
padding:0;
}
#support dt
{
margin-top:12px;
font-weight:bold;
font-size:1.2em;
}
.leftbox
{
float:left;
width:42%;
border:0;
margin:12px 0;
margin-left:12px;
background-color:#fff;
}
.rightbox
{
float:right;
width:42%;
border:0;
margin:12px 0;
margin-right:18px;
background-color:#fff;
}
.boxcontent
{
padding:12px 4px;
padding-top:0;
}
.leftbox h3, .rightbox h3
{
text-align:center;
}
.leftbox a, .rightbox a
{
color:#0a0473;
text-decoration:none;
}
.leftbox a:hover, .rightbox a:hover
{
text-decoration:underline;
}
.topboxtl
{
background:#fff;
width:39px;
height:39px;
margin-left:-1px;
margin-top:-1px;
}
.topboxtr
{
background:#fff;
width:39px;
height:39px;
margin-right:-1px;
margin-top:-1px;
}
.topboxbl
{
background:#fff;
width:39px;
height:39px;
margin-left:-1px;
margin-bottom:-1px;
}
.topboxbr
{
background:#fff;
width:39px;
height:39px;
margin-right:-1px;
margin-bottom:-1px;
}
.boxcontent h3
{
margin:0;
margin-bottom:5px;
padding-top:12px;
padding-bottom:8px;
background-color:#fff;
}
.boxcontent h3 a
{
color:#000;
}
.boxcontent ul
{
margin-top:9px;
margin:0;
padding:0;
}
.boxcontent li
{
color:#000;
margin:0;
padding:2px 0;
}
.boxcontent a
{
color:#000;
}
#sitemap li, #sitemap li ul li
{
list-style-type:disc;
padding:3px 0;
}
#sitemap li a
{
text-decoration:none;
color:#000;
padding:0 2px;
}
#sitemap li a:hover
{
color:#fff;
background-color:#000;
}
#sitemap li ul li
{
margin-left:40px;
}
.clearright
{
clear:right;
}
.divider
{
margin:12px;
}
.centre
{
text-align:center;
margin:0 auto;
}
.beigebg
{
background-color:#fff;
}
#openaccount p
{
height:23px;
}
#openaccount
{
margin:0 6px;
margin-left:-6px;
padding-left:2px;
border:0;
}
input, textarea
{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.setright
{
text-align:right;
}
#accessibility
{
border:0;
text-align:center;
margin:0 auto;
margin-top:18px;
}
#accessibility h4
{
margin-top:6px;
}
p.fontsize
{
text-align:center;
margin:0 auto;
margin-top:-12px;
}
.fontsize a
{
padding:2px 8px;
text-decoration:none;
}
.fontsize .small a, .fontsize .default a, .fontsize .large a
{
font-size:38px;
}
.fontsize .small a
{
padding:2px 6px;
background:url("images/textsizesmall.gif") no-repeat bottom left;
}
.fontsize .small a:hover
{
background:url("images/textsizesmall_o.gif") no-repeat bottom left;
}
.fontsize .default a
{
background:url("images/textsizemedium.gif") no-repeat bottom left;
}
.fontsize .default a:hover
{
background:url("images/textsizemedium_o.gif") no-repeat bottom left;
}
.fontsize .large a
{
background:url("images/textsizelarge.gif") no-repeat bottom left;
}
.fontsize .large a:hover
{
background:url("images/textsizelarge_o.gif") no-repeat bottom left;
}
#content #rightedge #logonform
{
width:93%;
margin:12px auto;
padding:2px;
border:0;
background-color:#fff;
}
.leftbox p.stamp, .rightbox p.stamp
{
display:none;
}
.leftbox h3, .rightbox h3
{
border:0;
}
.leftbox h3 a, .rightbox h3 a
{
color:#000;
}
.leftbox h3 a:hover, .rightbox h3 a:hover
{
color:#fff;
background-color:#000;
text-decoration:none;
}
.bodysize
{
font-size:1em;
}
#photo
{
display:none;
}