/*----------------------------------------------------------
         _
 _ _ ___(_)  __ ______
| '_/ _ \ |_/ _(_-<_-<
|_| \___/_(_)__/__/__/

------------------------------------------------------------
File      : roi.css
Author    : Richard Lewis
Project   : /mnt/web/localhost/htdocs/roi/css/
Syntax    : css
Date      : Wed 18 Jul 2007
Copyright : Richard Lewis 2007
------------------------------------------------------------
ROI CSS
----------------------------------------------------------*/

* {
    border      : 0px;
    margin      : 0px;
    padding     : 0px;
    font-size   : 12px;
    font-weight : normal;
    font-family :
        "bitstream vera sans",
        arial,
        helevtica,
        sans;
}
/*--------------------------------------------------------*/

body {
    background-color: #f7f7f7;
    text-align      : center;
}
/*--------------------------------------------------------*/

div.page {
    width      : 770px;
    margin     : 0px auto;
    background : url(/img/bg1.jpg)
        no-repeat top right;
    text-align : left;
}

div.home {
    background : url(/img/bg1.jpg)
        no-repeat top right;
}

div.about {
    background : url(/img/bg1.jpg)
        no-repeat top right;
}

div.membership {
    background : url(/img/bg2.jpg)
        no-repeat top right;
}

div.contact {
    background : url(/img/bg2.jpg)
        no-repeat top right;
}

div.sponsorship {
    background : url(/img/bg4.jpg)
        no-repeat top right;
}

div.news {
    background : url(/img/bg5.jpg)
        no-repeat top right;
}

div.photobook {
    background : url(/img/bg3.jpg)
        no-repeat top right;
}
/*--------------------------------------------------------*/

div.grad {
    height           : 4px;
    background-color : #3d3677;
    background       : url(/img/grad.png)
        repeat top left;
    margin           : 0px 0px 4px 0px;
    font-size        : 4px;
}
/*--------------------------------------------------------*/

a {
    color           : #3d3677;
    text-decoration : none;
}

a:hover {
    color           : #6f2f77;
    text-decoration : underline;
}

a:visited {
    color : #3d3677;
}
/*--------------------------------------------------------*/

table.header {
    width  : 100%;
    border : 0px;
    margin : 12px 0px 12px 0px;
}

table.header td {
    padding : 0px;
}

td.logo {
    width          : 128px;
    text-align     : center;
    vertical-align : middle;
}

td.charity {
    text-align     : left;
    vertical-align : top;
}

td.strap {
    text-align     : left;
    vertical-align : bottom;
}
/*--------------------------------------------------------*/

h1 {
    font-weight : bold;
    font-size   : 24px;
    text-align  : left;
    color       : #3d3677;
}
/*--------------------------------------------------------*/

p.strap {
    font-style : italic;
    font-size  : 11px;
    padding    : 4px 0px 0px 0px;
}
/*--------------------------------------------------------*/

#nav {
    width      : 128px;
    padding    : 0px 8px 8px 0px;
    list-style : none;
    float      : left;
}

#nav li {
    width            : 120px;
    padding          : 3px 0px 3px 4px;
    background-color : #d8feff;
    border-right     : 1px solid #b2fdff;
    border-bottom    : 1px solid #b2fdff;
}

#nav li.top {
    border-top : 1px solid #b2fdff;
}

#nav li.current {
    background-color : #b2fdff;
}
/*--------------------------------------------------------*/

b {
    font-weight : bold;
}
/*--------------------------------------------------------*/

h2 {
    width       : 634px;
    font-weight : bold;
    text-align  : center;
    font-size   : 16px;
    margin      : 0px 0px 8px 0px;
    color       : #3d3677;
    padding     : 6px 0px;
    float       : right;
    background  : url(/roi/img/h2foot.png)
        no-repeat bottom right;
    background-color : #e0dcff;
}
/*--------------------------------------------------------*/

h3 {
    font-weight : bold;
    text-align  : center;
    font-size   : 14px;
    padding     : 4px 0px;
    margin      : 8px 0px;
}
/*--------------------------------------------------------*/

h4 {
    font-weight : bold;
    text-align  : left;
    font-size   : 13px;
    padding     : 4px 0px;
    margin      : 6px 0px;
}
/*--------------------------------------------------------*/

p {
    padding     : 0px 4px 12px 0px;
    font-size   : 12px;
    line-height : 1.7em;
    text-align  : justify;
}
/*--------------------------------------------------------*/

sup {
    font-size : 9px;
}
/*--------------------------------------------------------*/

p.opener:first-letter {
    font-size   : 22px;
    font-family :
        "bitstream vera serif",
        "times new roman",
        serif;
    font-style  : italic;
}
/*--------------------------------------------------------*/

p.aim {
    font-family :
        "bitstream vera serif",
        "times new roman",
        serif;
    border : 1px solid #000000;
    clear  : right;
    padding : 6px;
    margin  : 6px 6px 12px 140px;
    font-style : italic;
    font-weight : bold;
    line-height : 22px;
    font-size   : 13px;
}
/*--------------------------------------------------------*/

#book {
    margin : 6px 6px 12px 140px;
}
/*--------------------------------------------------------*/

table {
    border-right  : 1px solid #000000;
    border-bottom : 1px solid #000000;
    border-left   : 1px solid #000000;
    margin        : 0px auto 16px;
}

caption {
    border-top       : 1px solid #000000;
    border-right     : 1px solid #000000;
    border-left      : 1px solid #000000;
    padding          : 6px;
    text-align       : center;
    font-weight      : bold;
    background-color : #3d3677;
    color            : #ffffff;
    margin           : 0px auto;
}

th {
    font-weight      : bold;
    padding          : 4px 6px;
    background-color : #e0dcff;
}

td {
    padding : 4px;
}
/*--------------------------------------------------------*/

hr {
    border  : 0px;
    display : none;
}

div.hr {
    width      : 75%;
    border-top : 1px solid #2f7677;
    margin     : 8px auto;
}
/*--------------------------------------------------------*/

p.classic {
    text-align  : center;
    padding     : 8px 0px;
    line-height : 20px;
    clear       : both;
}
/*--------------------------------------------------------*/

p.copyright {
    margin           : 8px 0px 0px 0px;
    padding          : 5px;
    text-align       : center;
    background-color : #3d3677;
    color            : #ffffff;
    font-weight      : bold;
}
/*--------------------------------------------------------*/

p.poisedsolutions {
    text-align       : center;
    padding          : 12px 0px;
    font-size        : 11px;
    background-color : #f7f7f7;
}

p.poisedsolutions a {
    font-size : 11px;
    color     : #3d3677;
}

p.poisedsolutions a:hover {
    color           : #6f2f77;
    text-decoration : underline;
}

p.poisedsolutions a:visited {
    color : #3d3677;
}

p.poisedsolutions img {
    vertical-align : middle;
}
/*--------------------------------------------------------*/

img.embedright {
    margin : 4px 4px 8px 8px;
}

img.embedleft {
    margin : 4px 8px 8px 4px;
}
/*--------------------------------------------------------*/