/*
	CSS for fabian4 site
	By: Jason Douglas
	last edit: Nov 28 2008
	
	colours used:
		#4bbd95		teal green
		#132461		dark blue
		#000066		blue (for box)
		#595c60		dark gray (lines)
		#ffff00		yellow
		#cc6600		orange
		#990000		red
*/
/* reset stuff */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    font-family: inherit;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul
{
    list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after
{
    content: "";
}
td
{
    vertical-align: top;
}
img
{
    vertical-align: bottom;
}

/* general stuff */
.c
{
    text-align: center;
}
.ct
{
    margin-left: auto;
    margin-right: auto;
}
body
{
    margin: 10px auto 10px auto;
}
body, p, td
{
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 11px;
}
.small
{
    font-size: 9px;
    line-height: 9px;
}

/* layout stuff */
.maintbl
{
    width: 990px;
}
.r01-1
{
    width: 207px;
    height: 94px;
    background-image: url(../images/layout/01-1.jpg);
    background-repeat: no-repeat;
}
.r01-1 .txt1
{
    margin: 24px 0px 5px 40px;
    color: #132461;
    font-size: 42px;
}
.r01-1 .txt2
{
    margin: 23px 0px 0px 40px;
    color: #ffff00;
    font-size: 23px;
    letter-spacing: 2px;
}
.r01-2
{
    width: 351px;
    height: 94px;
    background-image: url(../images/layout/01-2_bg.jpg);
    background-repeat: repeat-x;
}
.r01-2 .adimg
{
    margin-top: 10px;
    margin-left: 40px;
}
.r01-3
{
    width: 432px;
    height: 94px;
    background-image: url(../images/layout/01-3.jpg);
    background-repeat: no-repeat;
}
.r01-3 .txt_left
{
    height: 32px;
    float: left;
    clear: left;
    padding-top: 30px;
}
.r01-3 .txt_left p
{
    color: #132461;
    font-size: 14px;
    margin-top: 5px;
}
.r01-3 .headimgs
{
    height: 54px;
    float: right;
    clear: right;
    padding: 10px 26px 0px 0px;
}
.r01-3 .headimgs img
{
    margin-left: 4px;
}
.r01-3 .txt_bot
{
    width: 430px;
    float: left;
    clear: both;
    padding: 1px 0px 0px 0px;
}
.r01-3 .txt_bot p
{
    color: #ffff00;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 15px;
}
.topnav td
{
    height: 25px;
    font-size: 9px;
    line-height: 9px;
}
.navcol
{
    width: 138px;
    padding-top: 9px;
    background-color: #4bbd95;
}
.maincol
{
    width: 678px;
    padding-top: 9px;
}
.maincol .boxes
{
    width: 100%;
}
.adcol
{
    width: 172px;
    padding-top: 9px;
    border-right: 1px solid #595c60;
    border-left: 1px solid #595c60;
}
.adcol p
{
    margin: 12px 0px 12px 0px;
    text-align: center;
}
.navcol_bot
{
    height: 23px;
    background-color: #4bbd95;
    background-image: url(../images/layout/left_bar_bottom.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}
.maincol_bot
{
    height: 23px;
    background-image: url(../images/layout/main_area_bottom.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}
.adcol_bot
{
    height: 23px;
    background-image: url(../images/layout/right_bar_bottom.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    border-right: 1px solid #595c60;
    border-left: 1px solid #595c60;
}
.footer
{
    color: #fff;
    background-color: #132461;
    height: 34px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
}
.mainimg
{
    margin: 10px auto 10px auto;
}

/* rollover menus */
.r02-2 a
{
    display: block;
    width: 50px;
    height: 25px;
    background: url(../images/layout/02-2_b.jpg) 0 0 no-repeat;
    text-decoration: none;
}
.r02-2 a:hover
{
    background-position: -50px 0;
}
.r02-3 a
{
    display: block;
    width: 82px;
    height: 25px;
    background: url(../images/layout/02-3_b.jpg) 0 0 no-repeat;
    text-decoration: none;
}
.r02-3 a:hover
{
    background-position: -82px 0;
}
.r02-4 a
{
    display: block;
    width: 156px;
    height: 25px;
    background: url(../images/layout/02-4_b.jpg) 0 0 no-repeat;
    text-decoration: none;
}
.r02-4 a:hover
{
    background-position: -156px 0;
}
.r02-5 a
{
    display: block;
    width: 75px;
    height: 25px;
    background: url(../images/layout/02-5_b.jpg) 0 0 no-repeat;
    text-decoration: none;
}
.r02-5 a:hover
{
    background-position: -75px 0;
}
.r02-6 a
{
    display: block;
    width: 92px;
    height: 25px;
    background: url(../images/layout/02-6_b.jpg) 0 0 no-repeat;
    text-decoration: none;
}
.r02-6 a:hover
{
    background-position: -92px 0;
}

/* nav box - white border on teal */
.nav_box
{
    margin: 9px;
    width: 120px;
}
.nav_box a
{
    color: #fff;
}
.nav_box a:hover
{
    color: #132461;
}
.nav_box td
{
    background-color: #4bbd95;
}
.nav_box h2
{
    color: #ffff00;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.nav_box p
{
    margin-bottom: 5px;
}
.nav_box .tl
{
    background-image: url(../images/layout/nav_box_tl.jpg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.nav_box .tr
{
    background-image: url(../images/layout/nav_box_tr.jpg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.nav_box .bl
{
    background-image: url(../images/layout/nav_box_bl.jpg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.nav_box .br
{
    background-image: url(../images/layout/nav_box_br.jpg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.nav_box .t
{
    background-image: url(../images/layout/nav_box_t.jpg);
    background-position: top;
    background-repeat: repeat-x;
    font-size: 8px;
}
.nav_box .b
{
    background-image: url(../images/layout/nav_box_b.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 8px;
}
.nav_box .r
{
    background-image: url(../images/layout/nav_box_r.jpg);
    background-position: right;
    background-repeat: repeat-y;
    font-size: 8px;
}
.nav_box .l
{
    background-image: url(../images/layout/nav_box_l.jpg);
    background-position: left;
    background-repeat: repeat-y;
    font-size: 8px;
}

/* match up the heights of the 3 top boxes */
.top_box_height
{
    height: 110px;
}

/* orange box - orange box on white bg */
.obw
{
    width: 260px;
}
.orange_box
{
    margin: 9px 0px 0px 9px;
}
.orange_box a
{
    color: #fff;
}
.orange_box a:hover
{
    color: #132461;
}
.orange_box .headimg
{
    margin-bottom: 5px;
    vertical-align: top;
}
.orange_box td
{
    background-color: #cc6600;
    color: #fff;
}
.orange_box p
{
    margin-top: 10px;
    color: #fff;
}
.orange_box li
{
    list-style-image: url(../images/layout/orange_box_bullet.jpg);
    list-style-position: inside;
    margin-bottom: 5px;
}
.orange_box .tl
{
    background-image: url(../images/layout/orange_box_tl.jpg);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
    line-height: 8px;
}
.orange_box .tr
{
    background-image: url(../images/layout/orange_box_tr.jpg);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
    line-height: 8px;
}
.orange_box .bl
{
    background-image: url(../images/layout/orange_box_bl.jpg);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
    line-height: 8px;
}
.orange_box .br
{
    background-image: url(../images/layout/orange_box_br.jpg);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
    line-height: 8px;
}
.orange_box .t
{
    background-image: url(../images/layout/orange_box_t.jpg);
    background-position: top;
    background-repeat: repeat-x;
    font-size: 8px;
    line-height: 8px;
}
.orange_box .b
{
    background-image: url(../images/layout/orange_box_b.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 8px;
    line-height: 8px;
}
.orange_box .r
{
    background-image: url(../images/layout/orange_box_r.jpg);
    background-position: right;
    background-repeat: repeat-y;
    font-size: 8px;
    line-height: 8px;
}
.orange_box .l
{
    background-image: url(../images/layout/orange_box_l.jpg);
    background-position: left;
    background-repeat: repeat-y;
    font-size: 8px;
    line-height: 8px;
}

/* red box - red box on white bg */
.rbw
{
    width: 181px;
}
.red_box
{
    margin: 9px 0px 0px 9px;
}
.red_box a
{
    color: #fff;
}
.red_box a:hover
{
    color: #132461;
}
.red_box .headimg
{
    margin-bottom: 5px;
    vertical-align: top;
}
.red_box td
{
    background-color: #990000;
    color: #fff;
}
.red_box p
{
    margin-bottom: 5px;
    color: #fff;
}
.red_box li
{
    list-style-image: url(../images/layout/red_box_bullet.jpg);
    list-style-position: inside;
    margin-bottom: 5px;
}
.red_box .tl
{
    background-image: url(../images/layout/red_box_tl.jpg);
    width: 9px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.red_box .tr
{
    background-image: url(../images/layout/red_box_tr.jpg);
    width: 9px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.red_box .bl
{
    background-image: url(../images/layout/red_box_bl.jpg);
    width: 9px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.red_box .br
{
    background-image: url(../images/layout/red_box_br.jpg);
    width: 9px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.red_box .t
{
    background-image: url(../images/layout/red_box_t.jpg);
    background-position: top;
    background-repeat: repeat-x;
    font-size: 8px;
}
.red_box .b
{
    background-image: url(../images/layout/red_box_b.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 8px;
}
.red_box .r
{
    background-image: url(../images/layout/red_box_r.jpg);
    background-position: right;
    background-repeat: repeat-y;
    font-size: 8px;
}
.red_box .l
{
    background-image: url(../images/layout/red_box_l.jpg);
    background-position: left;
    background-repeat: repeat-y;
    font-size: 8px;
}

/* blue box - blue box on white bg */
.bbw
{
    width: 200px;
}
.blue_box
{
    margin: 9px 9px 0px 9px;
}
.blue_box a
{
    color: #fff;
}
.blue_box a:hover
{
    color: #cc6600;
}
.blue_box .headimg
{
    margin-bottom: 5px;
    vertical-align: top;
}
.blue_box td
{
    background-color: #000066;
    color: #fff;
}
.blue_box p
{
    margin-top: 5px;
}
.blue_box li
{
    list-style-image: url(../images/layout/blue_box_bullet.jpg);
    list-style-position: inside;
    margin-bottom: 5px;
}
.blue_box .tl
{
    background-image: url(../images/layout/blue_box_tl.jpg);
    width: 9px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.blue_box .tr
{
    background-image: url(../images/layout/blue_box_tr.jpg);
    width: 9px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 8px;
}
.blue_box .bl
{
    background-image: url(../images/layout/blue_box_bl.jpg);
    width: 9px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 6px;
}
.blue_box .br
{
    background-image: url(../images/layout/blue_box_br.jpg);
    width: 9px;
    height: 12px;
    background-repeat: no-repeat;
    font-size: 6px;
}
.blue_box .t
{
    background-image: url(../images/layout/blue_box_t.jpg);
    background-position: top;
    background-repeat: repeat-x;
    font-size: 8px;
}
.blue_box .b
{
    background-image: url(../images/layout/blue_box_b.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 6px;
}
.blue_box .r
{
    background-image: url(../images/layout/blue_box_r.jpg);
    background-position: right;
    background-repeat: repeat-y;
    font-size: 8px;
}
.blue_box .l
{
    background-image: url(../images/layout/blue_box_l.jpg);
    background-position: left;
    background-repeat: repeat-y;
    font-size: 8px;
}