/*
Color Key:
Dark Blue Link: #192389
Dark Yellow Hover: #ebb70b
Light Blue Link Hover: #4652cc
Light Yellow Hover: #f9f1d8

YUI Font Sizes:
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

YUI Page Width:
doc - 750px centered (good for 800x600)
doc2 - 950px centered (good for 1024x768)
doc3 - 100% fluid (good for everybody)
doc4 - 974px fluid (good for 1024x768)

YUI Grid Templates:
.yui-t1 - Two columns, narrow on left, 160px
.yui-t2 - Two columns, narrow on left, 180px
.yui-t3 - Two columns, narrow on left, 300px
.yui-t4 - Two columns, narrow on right, 180px
.yui-t5 - Two columns, narrow on right, 240px
.yui-t6 - Two columns, narrow on right, 300px

YUI Nesting Grids:
Optionally nest standard grids (.yui-g) and 
special grids (.yui-gb, ... .yui-gf) to subdivide.
.yui-g - Standard half grid (and nest again for quarters).
.yui-gb - Special grid, 1/3 - 1/3 - 1/3
.yui-gc - Special grid, 2/3 - 1/3
.yui-gd - Special grid, 1/3 - 2/3
.yui-ge - Special grid, 3/4 - 1/4
.yui-gf - Special grid, 1/4 - 3/4

*/
html {
    font-family: Tahoma,Verdana,Sans-Serif;
    font-size: 93%;
    color: #565656;
    background-color: #f2f2f2;
    background-image: url(../img/bkg_html_repeat_x.jpg);
    background-repeat: repeat-x;
    height: 100%;
    min-height: 100%;
}
body {
    position: relative;
    height: 100%;
    min-height: 100%;
}

p { margin-top:10px; text-align: left; }

a { color:#4652cc; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { color: #ebb70b; text-decoration: underline; }

b { }
strong { font-weight: bold; color:#192389; } 
em { font-style:italic; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0px;
    display: block;
    color:#192389;
    margin-top:10px;
}
h1 { font-size: 197%; }
h2 { font-size: 167%; }
h3 { font-size: 138.5%; }
h4 { font-size: 108%;}
h5 { font-size: 77%; }
h6 { font-size: 70%; }

table { }
tr { }
th { }
td { }

ul { }
ul.errorlist li {
    color: #ff4e00;
    list-style: none;
    list-style-position: outside;
    margin-left: -40px;
    margin-top: -20px;
    font-style: normal;
    font-size: 79%;
}
li {}
ol {}

form { font-size: 108%; }
input { font-size: 108%; }
textarea { font-size: 108%; }
fieldset  { margin-top:10px; }
fieldset p { text-align:left; }

dl { margin-top: 10px; }
dt { margin-top: 10px; font-size: 121.9%; }
dd { margin-top: 5px; }

div#doc { } 
div#doc2 { }
div#doc3 { }
div#doc4 { height: 100%; }
div#custom-doc { } 

div#hd { } 
div#bd {
    height: auto;
    width: 100%;
    float: left;
    background-image: url(../img/bkg_html_repeat_x.jpg);
    background-repeat: repeat-x;
    background-color:#ffffff;
}
div#ft {
    float: left;
    position:relative;
    width: 100%;
    height:105px;
    background-image:url('../img/bkg_footer_repeat_x.jpg');
    background-repeat:repeat-x;
}

.errors {
    color: #ff4e00;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: bold;
}
img.button {
    cursor:pointer;
}

div.display-label  { margin-top:10px; font-weight:bold; } 
div.editor-label  { margin-top:10px; font-weight:bold; } 
div.editor-field  textarea  {
    width:480px; 
    height:300px; 
} 

div.link { margin-top:10px; }

table.grid { margin-top:10px; width: 100%; }
table.grid td,th {
    border: 1px solid #cccccc;
    padding:5px;
}
table.grid th {
    background-color:#eeeeee;
    font-weight:bold;
}