h1      {
        font-size: 12pt;
        color: #000;
        }

h2      {
        font-size: 10pt;
        color: #c63;
        }

h3      {
        font-size: 8pt;
        color: #c63;
        }

h4      {
        font-size: 8pt;
        color: #00f;
        }

h5      {
        font-family: cursive, sans-serif;
        font-size: 12pt;
        color: #00f;
        }

h6      {
        margin: 0px;
        font-family: verdana, arial, sans-serif;
        font-size: 16pt;
        color: #000;
        }

#text_red {
        color: #f00;
        }

body    {
        background: fixed 0 0 url('../images/rsaf_cover.jpg') no-repeat;
        font-family: tahoma, verdana, arial, sans-serif;
        }

a       {
        text-decoration: underline;
        color: #00f;
        }

a:hover
        {
        text-decoration: none;
        color: red;
        background-color: transparent;
        }

.menu   {
        display: none;
        margin-left: 5px;
        line-height: 150%;
        }

.menubar
        {
        text-align: left;
        margin: 0px;
        border: 1px solid silver;
        border-bottom: 3px solid gray;
        padding: 0px;
        font-family: tahoma, verdana, arial, sans-serif;
        font-weight: normal;
        background: url('../images/menubar.gif') repeat-x;
        }

#menuitem
        {
        margin-left: 10px;
        line-height: 100%;
        }

.main_menu
        {
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        white-space: nowrap;
        margin: 0px;
        padding: 0px;
        border: 1px solid navy;
        border-top: 1px solid silver;
        background-color: #1E5395;
        }

.main_menu a, visited, active
        {
        color: white;
        background-color: #1E5395;
        text-decoration: none;
        font-weight: bold;
        font-size: 10pt;
        }

.main_menu a:hover
        {
        color: cyan;
        background-color: #1E5395;
        text-decoration: none;
        font-weight: bold;
        font-size: 10pt;
        }
.submenu
        {
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        white-space: nowrap;
        margin: 0px;
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid navy;
        border-top: 1px solid silver;
        background-color: #1E5395;
        }
.submenu a, visited, active
        {
        color: white;
        background-color: #1E5395;
        text-decoration: none;
        font-weight: bold;
        font-size: 10pt;
        }

.submenu a:hover
        {
        color: cyan;
        background-color: #1E5395;
        text-decoration: none;
        font-weight: bold;
        font-size: 10pt;
        }

.banner
        {
        width: 100%;
        background-color: #d5dbe1;
        color: blue;
        padding: 5px;
        padding-left: 10px;
        text-align: left;
        font-size: 10pt;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        border-top: 2px #808080 solid;
        border-bottom: 2px #808080 solid;
        }

.rsaf_banner
        {
        height: 60px;
        border-right: 1px black solid;
        background: url('../images/rsaf_hdr_bkgnd.jpg') repeat-x;
        border-left: 1px black solid;
        }

.block
        {
        border-left: 2px silver solid;
        border-top: 2px silver solid;
        border-right: 2px black solid;
        border-bottom: 2px black solid;
        }

.t_block
        {
        margin: 0px;
        padding: 10px;
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 10pt;
        font-weight: normal;
        background-color: #fbf7db;
        border: 2px navy solid;
        text-align: justify;
	position: relative;
        }

.pop_block
        {
        position:absolute;
        background: url('../images/blue_bkgnd.gif') repeat-x;
        padding: 10px;
        border-left: 2px silver solid;
        border-top: 2px silver solid;
        border-right: 2px black solid;
        border-bottom: 2px black solid;
	display: none;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        -moz-box-shadow: 2px 2px 5px #333;
        -webkit-box-shadow: 2px 2px 5px #333;
        box-shadow: 2px 2px 5px #333;

        }

.container
        {
        width: 800px;
        background-color: transparent;
        padding-right: 10px;
        padding-left: 10px;
        }

.content
        {
        width: 900px;
        background-color: white;
        border-left: solid 2px silver;
        border-top: solid 2px silver;
        border-right: solid 2px gray;
        border-bottom: solid 2px gray;
        font-size: 10pt;
        text-align: center;
        font-family: tahoma, verdana, arial, sans-serif;
        }

.content img
        {
        margin-top: 7px;
        margin-left: 3px;
        margin-right: 3px;
        margin-bottom: 7px;
        }

.note
        {
        background-color: #E1DB8E;
        border-left: solid 2px silver;
        border-top: solid 2px silver;
        border-right: solid 4px gray;
        border-bottom: solid 4px gray;
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12pt;
        text-align: center;
        font-family: tahoma, verdana, arial, sans-serif;
        }

.infopage
        {
        background-color: #ebf3f3;
        border-collapse: separate;
        border: 1px solid silver;
        border-spacing: 0px;
        padding: 0px;
        margin-bottom: 0px;
        text-align: center;
        }

.infopage q
        {
        border: 2px solid red;
        font-family: cursive;
        font-style: italic;
        font-size: 10pt;
        font-weight: normal;
        text-align: justify;
        display: block;
        padding: 10px;
        background: url('../images/t_block.gif') repeat-x;
        }

.infopara
        {
        width: 100%;
        margin-bottom: 0px;
        text-align: justify;
        background: url('../images/blue_bkgnd.gif') repeat-x;
        }

.infopara td
        {
        padding: 20px;
        margin-bottom: 0px;
        text-align: center;
        }

.infotext
        {
        width: 100%;
        text-align: left;
        padding: 10px;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 12pt;
        }

.infotext p
        {
        text-align: justify;
        background: url('../images/info_bkgnd.gif') repeat-x;
        padding: 0px;
        margin: 0px;
        }

.dropinfo
        {
        display: none;
        }

.orderform
        {
        margin-left: 4px;
        font-family: tahoma, verdana, arial, sans-serif;
        background-color: #fff;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        }

.panel
        {
        background: #fbf7db;
	margin: 4px;        
	text-align: left;
	position: relative;
        padding: 10px;
        border: 1px solid gray;
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 10pt;
        font-weight: normal;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        -moz-box-shadow: 2px 2px 5px #333;
        -webkit-box-shadow: 2px 2px 5px #333;
        box-shadow: 2px 2px 5px #333;

        z-index: 8;

        behavior: url('/ie-css3.htc');
        }

.gold_panel {
        border: 5px solid #c6ac6c;
        background: white;
	marginheight: 0px;
	marginwidth: 0px;
	position: relative;
        padding: 10px;
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 10pt;
        font-weight: normal;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        -moz-box-shadow: 2px 2px 5px #333;
        -webkit-box-shadow: 2px 2px 5px #333;
        box-shadow: 2px 2px 5px #333;


        z-index: 4;

        behavior: url('/ie-css3.htc');
}
.blue_panel
        {
        margin: 0px;
        text-align: justify;
        padding: 10px;
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 10pt;
        font-weight: normal;
        background: url('../images/blue_bkgnd.gif') repeat-x;
        }

.pop_panel
        {
	position: absolute;
        background: url('../images/blue_bkgnd.gif') repeat-x;
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 10pt;
        font-weight: normal;
        padding: 10px;
	display: none;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        -moz-box-shadow: 2px 2px 5px #333;
        -webkit-box-shadow: 2px 2px 5px #333;
        box-shadow: 2px 2px 5px #333;

        behavior: url('/ie-css3.htc');
        }

.header
        {
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #08f;
        border-bottom: 4px solid #08f;
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 12pt;
        font-weight: normal;
        background: url('../images/blue_bkgnd.gif') repeat-x;
        }

.footer
        {
        clear: both;
        margin: 0px;
        border: 1px solid black;
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 10px;
        padding-top: 10px;
        font-size: 10pt;
        }

.tab
        {
        width:80px;
        border: 0px;
        padding-top:5px;
        padding-bottom:5px;
        background: url('../images/tab.png') no-repeat;
        text-align: center;
        font-family: verdana, arial, sans-serif, tahoma;
        font-size: 11pt;
        }

.tab a
        {
        color: white;
        text-decoration: none;
        }

.tab_long
        {
        width:200px;
        border: 0px;
        padding-top:5px;
        padding-bottom:5px;
        background: url('../images/tab-long.png') no-repeat;
        text-align: center;
        font-family: verdana, arial, sans-serif, tahoma;
        font-size: 11pt;
        }

.tab_long a
        {
        color: white;
        text-decoration: none;
        }

.indextable
        {
        text-align: right;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 12pt;
        margin-top: 4px;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 4px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        }

.basetext
        {
        font-family: tahoma, verdana, arial, cursive, sans-serif;
        font-size: 10pt;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        }

.fancytext
        {
        background-color: #528cbd;
        font-style: italic;
        font-size: 10pt;
        color: white;
        font-weight: 900;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        }

.fancytext a
        {
        text-decoration: none;
        color: white;
        background-color: transparent;
        }

.fancytext a:hover
        {
        text-decoration: underline;
        color: red;
        }

#banner_main
        {
        height: 80px;
        font-size: 36pt;
        font-weight: normal;
        color: #0000ff;
        }

#banner_alt
        {
        height: 80px;
        width: 100%;
        background: url('images/main_bg.gif') repeat-x;
        font-size: 36pt;
        font-weight: bold;
        color: #ffffff;
        }

#menutxt
        {
        line-height: 135%;
        text-align: center;
        border-top: 5px silver groove;
        border-right: 5px silver groove;
        border-bottom: 5px silver groove;
        border-left: 5px silver groove;
        }

#nav
        {
        margin-bottom: 1px;
        background-color: #fff;
        }

ul#navlist
        {
        white-space: nowrap;
        text-align: center;
        font-family: tahoma, verdana, sans-serif;
        font-size: 12pt;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        }

#navlist li
        {
        display: inline;
        list-style-type: none;
        }

#navlist a
        {
        font-weight: bold;
        color: #fff;
        background: url('../images/lev0_bg1.gif') repeat-x;
        text-decoration: none;
        border-top: 2px silver solid;
        border-right: 2px black solid;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 3px;
        padding-top: 3px;
        border-bottom: 2px black solid;
        border-left: 2px silver solid;
        }

#navlist a:hover
        {
        font-weight: bold;
        color: #f00;
        background: url('../images/lev0_bg2.gif') repeat-x;
        text-decoration: none;
        border-top: 2px black solid;
        border-right: 2px silver solid;
        border-bottom: 2px silver solid;
        border-left: 2px black solid;
        }

#navlist a:visited, active, focused
        {
        color: #0ff;
        }

ul#subnav
        {
        width:250px;
        list-style-type: none;
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        color: white;
        background-color: transparent;
        text-align: center;
        }
#subnav a, visited, active
        {
        color: white;
        font-weight: bold;
        text-decoration: none;
        padding: 5px;
        }

#subnav a:hover
        {
        color: aqua;
        font-weight: bold;
        background: url('../images/lev0_bg2.gif') repeat-x;
        text-decoration: none;
        padding: 5px;
        }

#subnav li
        {
        font-weight: normal;
        white-space: nowrap;
        background: url('../images/lev0_bg1.gif') repeat-x;
        margin: 5px;
        padding: 5px;
        }

#subnav p
        {
        font-weight: normal;
        white-space: nowrap;
        background-color: gray;
        margin: 2px;
        padding: 2px;
        }

ul#subnav2
        {
        width:150px;
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        color: white;
        background-color: transparent;
        text-align: center;
	padding-left:0px;
	margin-left:0px;
	text-indent:0px;
        }
#subnav2 a, visited, active
        {
        color: white;
        font-weight: bold;
        text-decoration: none;
        padding: 5px;
        }

#subnav2 a:hover
        {
        color: aqua;
        font-weight: bold;
        background: url('../images/lev0_bg2.gif') repeat-x;
        text-decoration: none;
        padding: 5px;
        }

#subnav2 li
        {
        list-style-type: none;
        line-height: 200%;
        font-weight: normal;
        white-space: nowrap;
        background: url('../images/lev0_bg1.gif') repeat-x;
        margin: 0px;
        padding: 0px;
        }

#subnav2 p
        {
        font-weight: normal;
        white-space: nowrap;
        background-color: gray;
        margin: 2px;
        padding: 2px;
        }

ul#menulist
        {
        white-space: nowrap;
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        }

#menulist li
        {
        display: inline;
        list-style-type: none;
        }

#menulist a, visited, active
        {
        font-weight: bold;
        color: #fff;
        background: url('../images/lev0_bg1.gif') repeat-x;
        text-decoration: none;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        }

#menulist a:hover
        {
        font-weight: bold;
        color: aqua;
        background: url('../images/lev0_bg2.gif') repeat-x;
        text-decoration: none;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        }

.photobox_left
        {
        float: left;
        text-align: center;
        vertical-align: middle;
        background-color: white;
        margin-top: 7px;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 7px;
        }

.photobox_left img
        {
        background-color: white;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        }
.photobox_left p
        {
        font-size: 10pt;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        border-top: 1px #c63 solid;
        border-bottom: 1px #c63 solid;
        }

.photobox_right
        {
        float: right;
        text-align: center;
        background-color: white;
        margin-top: 7px;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 7px;
        }

.photobox_right img
        {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        }

.photobox_right p
        {
        font-size: 10pt;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        border-top: 1px #c63 solid;
        border-bottom: 1px #c63 solid;
        }

.photobox_center
        {
        text-align: center;
        background-color: transparent;
        margin-top: 7px;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 7px;
        }

.photobox_center img
        {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        }

.photobox_center p
        {
        font-size: 10pt;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        border-top: 2px black solid;
        border-bottom: 2px red solid;
        text-align: center;
        }

.tn_img_r
        {
        float: right;
        margin: 10px;
        margin-bottom: 5px;
        font-size: 8pt;
        }

.tn_img_l
        {
        float: left;
        margin: 10px;
        margin-bottom: 5px;
        font-size: 8pt;
        }

.tn_img_r
        {
        float: right;
        margin: 10px;
        margin-bottom: 5px;
        font-size: 8pt;
        }

.tn_img_c
        {
        text-align: center;
        margin: 10px;
        margin-bottom: 5px;
        font-size: 8pt;
        }

.wood
        {
        background-image:url('../images/wood.jpg');
        border-left: 2px solid silver;
        border-top: 2px solid silver;
        border-bottom: 2px solid black;
        border-right: 2px solid black;
        }

#nobg_link a
        {
        text-decoration: none;
        color: #00f;
        background-color: transparent;
        }

#nobg_link a:hover
        {
        text-decoration: none;
        color: red;
        background-color: transparent;
        }

#todo
        {
        font-style: italic;
        font-variant: small-caps;
        font-family: cursive;
        color: red;
        }
#divhdr
        {
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: navy;
        text-align: center;
        white-space: nowrap;
        background-image: url('../images/bar_menu.gif');
        margin: 0px;
        padding: 5px;
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
        }
#slimhdr
        {
        font-family: tahoma, verdana, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: navy;
        text-align: center;
        white-space: nowrap;
        background-image: url('../images/bar_menu.gif');
        margin: 0px;
        padding: 0.2em;
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
        }
#deephdr
        {
        font-family: tahoma, verdana, sans-serif;
        font-size: 12pt;
        font-weight: bold;
        color: navy;
        text-align: center;
        white-space: nowrap;
        background-image: url('../images/bar_menu.gif');
        margin: 0px;
        padding: 5px;
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
        }
/* IE-CSS3-enabled elements: */
h1 {
        font-size: 16pt;
        margin: 0px;
	position: relative;
        text-shadow: 2px 2px 3px #888888;
        behavior: url('/ie-css3.htc');
}

.box1 {
        background-color: #f0f0f0;
        width: 740px;
        margin: 0 auto 15px auto;
        padding: 20px 35px;
        border: 1px solid #d7d7d7;

	z-index: 2;

        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
        border-radius: 11px;
        behavior: url('/ie-css3.htc');
}
.box2 {
        background: white;
        width: 400px;
        height: 450px;
        margin: 10px;
        padding: 0px;
        border: 5px solid #c6ac6c;
        position: relative;
        margin-top: 10px;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        -moz-box-shadow: 2px 2px 5px #333;
        -webkit-box-shadow: 2px 2px 5px #333;
        box-shadow: 2px 2px 5px #333;

        z-index: 2;

        behavior: url('/ie-css3.htc');
}

/* The script works with absolutely positioned elements too */
.box3 {
        background: #ddd;
        width: 100px;
        height: 100px;
        padding: 20px;
        position: absolute;
        top: 50px; left: 100px;
        text-align: center;
        font-weight: bold;

        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;

        -moz-box-shadow: 10px 10px 20px #000;
        -webkit-box-shadow: 10px 10px 10px #000;
        box-shadow: 10px 10px 20px #000;

        behavior: url('/ie-css3.htc');
}

.box2 div {
        position: absolute;
        bottom: 10px;
        left: 0px;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 13pt;
        color: #ffd550;
        _bottom: 21px; /* IE6 */
        _width: 108%; /* IE6 */
        /* IE6 workarounds are ugly, I know. Just feeling lazy right now... */
}

.rel {
        margin: 30px 0 0 33px;
        padding: 0;
        position: relative;
        zoom: 1; /* IE6 */
}

.code {
        padding: 0 1ex;
        background: #fff;
        border: 1px solid #ddd;
        white-space: nowrap;
}
/*- All the corners in a single graphic image -*/
.corner {position:absolute; width:18px; height:18px;}

/*- Each corner -*/
.topLeft {top:0; left:0; background-position:0px 0px;}
.topRight {top:0; right:0; background-position:-18px 0px;}
.bottomLeft {bottom:0; left:0; background-position:0px -18px;}
.bottomRight {bottom:0; right:0; background-position:-18px -18px;}

/* We change the corners' position and add the border */
.roundedFrame {
	position:relative;
	padding:18px;
	margin:5px 0;
	width : 300px;
	height : 300px;
}
.roundedFrame .corner {background-image:url('images/corners-white.png');}
.roundedFrame .topLeft {top:0px; left:0px;}
.roundedFrame .topRight {top:0px; right:0px;}
.roundedFrame .bottomLeft {bottom:0px; left:0px;}
.roundedFrame .bottomRight {bottom:0px; right:0px;}

.photoFrame {padding:5px; border: 1px outset gray; border-right:2px outset #F8F8F8; border-bottom:2px outset #F8F8F8;}