/* ############ fortune.css - Created: 11.09.2007 Last modified: 05.12.2008 ############# */
/* ############ Coding: Simon Moss: www.simonmoss.co.uk ############# */
/*div
{
border:solid 1px #f00;
} 
 ##### DIV BORDER TEST ###### */

*
{
margin:0;
padding:0;
}
ul, ul li, li
{
margin:0;
padding:0;
}
html, body
{
height:100%;
}
body
{
margin:0;
padding:0;
background-color:#ebe1d8;
color:#0a0473;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#photo
{
height:375px;
margin:7px !important;
margin-left:260px !important;
margin-right:244px !important;
text-align:center;
background:#f4f0ec url("images/fortune_investment_bg.jpg") no-repeat top center;
}
/* ||||||||||||||||||||||||||||||||||||||||^^^^^^ Sidenav ^^^^^^^|||||||||||||||||||||||||||||||| */
#banner
{
position:absolute;
top:0;
left:0;
width:250px;
height:80px;
padding-top:8px;
background-color:#ebe1d8;/*  #fff  */
text-align:center;
}
#sidenav
{
position:absolute;
top:0;
left:0;
background-color:#ebe1d8;
padding-top:88px;
width:254px;
height:287px;
}
.toplevel li
{
margin:0 3px;
font-weight:bold;
}
.toplevel li
{
color:#fff;
background-color:#005a95;
border:2px solid;
border-top-color: #4989b3;
border-right-color: #003b61;
border-bottom-color: #003a60;
border-left-color: #4587b2;
text-decoration:none;
}
.toplevel li a
{
color:#fff;
display:block;
text-decoration:none;
border:0;
background:transparent;
padding:1px 4px;
}
.toplevel li.selected a
{
color:#0a0473;
}
.toplevel li:hover a
{
color:#fff;
}
.toplevel li:hover, .toplevel li.selected:hover
{
background-color:#004470;
border:2px solid;
border-top-color: #002c48;
border-right-color:#366787;
border-bottom-color:#376787;
border-left-color:#002c4a;
}
.toplevel li.selected
{
background-color:#fff;
border:2px solid;
border-top-color:#fff;
border-right-color:#a6a6a6;
border-bottom-color:#a5a5a5;
border-left-color:#fff;
}
.toplevel li a
{
color:#fff;
text-decoration:none;
}
.button li /* login page */
{
list-style-type:none;
padding:3px 6px;
width:180px;
text-align:center;
}
.button li a
{
color:#0a0473;
display:inline-block;
text-decoration:none;
font-weight:bold;
}
.sublink li
{
list-style-type:none;
margin:0 12px;
padding-left:6px;
}
.sublink li a
{
color:#0a0473;
display:inline-block;
width:100%;
text-decoration:none;
font-weight:bold;
}
.sublink li, .button li
{
color:#0a0473;
background-color:#eaeaea;
border:2px solid;
border-top-color:#fff;
border-right-color:#a6a6a6;
border-bottom-color:#a5a5a5;
border-left-color:#fff;
}
#sidenav .sublink li:hover, #sidenav .sublink li.selected:hover, #sidenav .sublink li.selected, .button li:hover
{
background-color:#fff !important;
border:2px solid;
border-top-color:#fff !important;
border-right-color:#a6a6a6 !important;
border-bottom-color:#a5a5a5 !important;
border-left-color:#fff !important;
cursor:pointer;
}
#sidenav h3, #sidenav p
{
padding:3px 6px;
}
#searchform
{
position:relative;
top:4px;
left:4px;
}
#searchterms
{
width:65%;
}
/* ^^^^^^ End Sidenav ^^^^^^^ */
/* HHHHHHHHHHHHHHHHHH NEWS FEED STYLES HHHHHHHHHHHHHHHHHHHH */
/* newsfeed styles */
.morehl 
{
font-family: Verdana,Gevena,Arial,sans-serif !important;
font-size: 11px !important;
color: #003399 !important;
font-weight: bold !important;
font-style: normal !important;
text-decoration: none !important;
}
a:link.morehl 
{
color: #003399 !important;
}
.moresrc 
{
font-family: Verdana,Gevena,Arial,sans-serif !important;
font-size: 9px !important;
color: #6699CC !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
a:link.moresrc
{
color: #6699CC !important;
}
.moreti
{
font-family: Verdana,Gevena,Arial,sans-serif;
font-size: 9px;
color: #6699CC;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.morehlt
{
font-family: Verdana,Gevena,Arial,sans-serif;
font-size: 11px;
color: #003399 !important;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
/* HHHHHHHHH End News Feed Styles HHHHHHHHHHHHHHH */
/* FFFFFFFFFFFFFFFFFF FEED POSITIONING FFFFFFFFFFF */
#flagnav
{
position:absolute;
right:9px;
top:7px;
width:224px;
}
#flagnav img
{
padding:9px;
}
#feed
{
position:absolute;
right:9px;
top:75px;
height:306px;
width:224px !important;
background-color:#fff;
border:1px solid #005a95;
font-weight:bold;
text-decoration:none;
font-size:1em;
font-weight:normal;
overflow:hidden;
}
#feedhead
{
width:224px;
padding:0;
margin:0;
background-color:#005a95; 
color:#fff;
}
#feedhead
{
font-size:1em;
}
#feedhead a
{
text-decoration:none;
background-color:#005a95;
color:#fff;
width:106px;
padding:1px 2px;
}
#feedhead a.alternate
{
background-color:#fff;
text-decoration:underline;
color:#0a0473;
padding-right:0;
padding-left:3px;
}
#feedhead a.alternate:hover
{
background-color:#fff;
color:#0a0473;
}
#feed p
{
padding:4px;
margin-top:4px;
text-align:left;
}
#marqueecontainer
{
clear:left;
position:relative;
left:0;
top:0;
width: 220px; /*marquee width */
height: 330px; /*marquee height */
background-color: #fff;
border-top:0;
padding: 2px;
overflow:hidden;
}
/*#feed, #marqueecontainer
{
overflow: -moz-scrollbars-vertical; hide horizontal scrollbars 
overflow-x: hidden;
}*/
/* FFFFFFFFFFFFFFFFFF End Feed Positioning FFFFFFF */
img
{
border:0;
}
/* ||||||||||||||||||||| CONTENT |||||||||||||||||||||| */
#content, #homecontent
{
background:#fff url("images/leftedgebg.gif") repeat-y top left;
margin:4px;
margin-right:-1px;
}
#homecontent
{
background-color:#ebe1d8;
background-image:none;
}
#rightedge
{
background:transparent url("images/rightedgebg.gif") repeat-y top right;
}
#content p, #content dl, #content form, #content ul, #content ol, #content h4
{
padding:12px;
}
#content h1
{
text-align:center;
font-size:1.9em;
padding:12px 250px;
padding-top:18px;
}
#content h2
{
text-align:center;
padding:12px 250px;
}
#content h3
{
padding:12px 9px;
}
#content ul, #content ol
{
margin-left:30px;
}
/* |||||||||||||||||| END CONTENT |||||||||||||||||| */
/* |||||||||||||||||| FOOTER ||||||||||||||||| */
#footer
{
position:fixed;
top:auto;
right:0;
bottom:0;
left:0;
padding:3px 9px;
padding-top:0;
margin-top:0;
border-top:4px double #015794;
border-bottom:4px double #015794;
text-align:center;
background-color:#fff;
}
.footerspace
{
clear:both;
}
/* |||||||||||||||||| END FOOTER ||||||||||||||||| */
.clearall
{
clear:both;
}
.floatleft
{
float:left;
}
.floatright
{
float:right;
}
.floatleftlogo, .floatrightlogo
{
width:260px;
height:320px;
padding:9px 0;
text-align:center;
background-color:#ebe1d8;
border:9px double #fff;
}
.floatleftlogo
{
float:left;
margin-left:14%;
}
.floatrightlogo
{
float:right;
margin-right:14%;
}
.floatleftlogo p, .floatrightlogo p
{
margin-top:9px;
margin-bottom:12px;
}
#support dt
{
margin-top:12px;
font-weight:bold;
font-size:1.2em;
}
#sitemap li, #sitemap li ul li
{
list-style-type:disc;
padding:3px 0;
}
#sitemap li a
{
text-decoration:none;
color:#0a0473;
padding:0 2px;
}
#sitemap li a:hover
{
color:#fff;
background-color:#0a0473;
}
#sitemap li ul li
{
margin-left:40px;
}
.clearall
{
clear:both;
}
.clearright
{
clear:right;
}
.clearleft
{
clear:left;
}
.setright
{
text-align:right;
}
.divider
{
margin:12px;
}
.centre
{
text-align:center;
margin:0 auto;
}
.beigebg
{
background-color:#f7f3f0;
}
#openaccount p, #editaccount p
{
height:23px;
}
#openaccount, #editaccount
{
margin:0 6px;
margin-left:-6px;
padding-left:2px;
border:3px double #ebe1d8;
}
input, textarea
{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.bold
{
font-weight:bold;
}
p.searchbar
{
display:inline;
}
.bodysize
{
font-size:1em;
}
/* ||||||||||||||||||| TEXTCOLS |||||||||||||||||||| */
#colone, #coltwo, #colthree, .colone, .coltwo, .colthree
{
float:left;
width:26%;
padding:0 24px;
}
/* ||||||||||||||||| END TEXTCOLS |||||||||||||||||| */
hr.invisible
{
clear:both;
height:0;
width:100%;
visibility:hidden;
margin:0 24px;
}
.singlecentre
{
margin:0 auto;
text-align:left;
width:500px;
}
.centred
{
text-align:center;
}
a:visited
{
color:#510059;
}
#centreframe, #centreframewide
{
width:50%;
margin:0 auto;
margin-bottom:9px;
background-color:#f7f3f0;
border:3px double #ebe1d8;
}
#content #centreframe h2
{
padding:9px;
}
#centreframewide
{
width:90%;
}
#sitemap a
{
color:#0a0473;
font-weight:bold;
text-decoration:none;
}
.normal
{
font-weight:normal;
}
.italic
{
font-style:italic;
}
#colone .ethicpoints li, #coltwo .ethicpoints li, #colthree .ethicpoints li
{
padding:4px 0 !important;
}