/* General styles */
body {
    font-family:arial,helvetica,sans-serif;
    margin:0;
    padding:0;
    font-size:100%;
    background-repeat:repeat-y;
}
img {
    border-style:none;
}
td {
    text-align:left;
}

/* Layout DIV styles */
#masthead {
    height:100px;
    background-repeat: no-repeat;
}
#leftbar {
    float:left;
    width:180px;    /* Must match width for #menu ul.level1, defined below. */
                    /* Must also modify the images /Images/bg-xxx.gif. */
}
#leftbar #follow {
    text-align:center;
    font-size:16px;
    font-weight:bold;
    font-style:italic;
    background-color:#FFFFFF;
    color:red;
}
#content {
    color:#000000;
    margin-left:165px;  /* Must match width for #leftbar, defined above. */
    padding:1em;
}

/* Font styles */
.bold {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.strike {
    text-decoration:line-through;
}
.underline {
    text-decoration:underline;
}
.emphasis_u {
    font-weight:bold;
    text-decoration:underline;
}
.emphasis_i {
    font-weight:bold;
    font-style:italic;
}
.warning {
    font-weight:bold;
    color:#FF0000;
}

/* Font sizes */
.xx-small { font-size:xx-small; }
.x-small { font-size:x-small; }
.small { font-size:small; }
.large { font-size:large;}
.x-large { font-size:x-large; }
.xx-large { font-size:xx-large; }

/* General alignment styles */
.center {
    text-align:center;
}
.left {
    float:left;
}
.right {
    float:right;
}
.indent {
    padding-left:5em;
}
.clear {
    clear:both;
}
.photo_bar {
    float:right;
    width:254px;
    margin-left:1em;
}

/* Color styles */
.blue { color:#0000FF; }
.brown { color:#663300; }
.red { color:#FF0000; }
.goldenrod { color:#DAA520; }
.gray { color:#808080; }
.green { color:#00FF00; }
.md_blue { color:#0000CC; }
.md_green { color:#009900; }
.orange { color:#F88017; }
.silver { color:#C0C0C0; }

/* Table styles */
table.center {
    margin-left:auto;
    margin-right:auto;
}

/* List styles */
.no_bullet li {
    list-style-type:none;
}
.spaced li {
    padding-bottom:1em;
}
.no_spaced li {
    padding-bottom:0;
}

/* Image styles */
img.photo {
    border:2px solid #000000;
}
img.left {
    float:left;
    margin-right:1em;
}
img.right {
    float:right;
    margin-left:1em;
}

/* IFrame styles */
iframe.calendar {
    height:600px;
    /*width:800px;*/
    width:100%;
    border-width:0
}

/*
** Menu styles - Inspired by Stu Nicholls' CSS Play "Any width flyout menu with overrun 06-05-2009" found at
** http://www.cssplay.co.uk/menus.
*/
#menu {
    height:532px;    /* set to 28 times number of menu items */
    margin:0 auto;
    position:relative;
}

#menu ul {
    margin:0;
    padding:0;
    list-style:none;
    white-space:nowrap;
    text-align:left;
    background:url(/Images/Transparent.gif);
    padding:10px 10px 10px 0;
}

#menu li {
    margin:0;
    padding:0;
    list-style:none;
}
#menu li {
    display:inline;
}
#menu ul {
    position:absolute;
    left:-9999px;
}
#menu ul.level1 {
    position:absolute;
    left:0;
    margin:0 auto;
    width:180px;    /* Must match width for #leftbar, defined above. */
}

#menu a {
    display:block;
    font-size:13px;
    color:#000000;
    line-height:20px;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    background-color:#CCCC99;
    font-weight:bold;
    border-right:2px solid #8E8E6B;
    border-bottom:2px solid #69694F;
}

#menu ul li:hover > ul {
    visibility:visible;
    left:100%;
    margin-left:-10px;
    margin-top:-36px;
}

#menu a:hover ul,
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {
    left:100%;
    visibility:visible;
}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {
    left:-9999px;
}

#menu li a.fly {
    background: url(/Images/MenuArrow.gif) no-repeat right center #CCCC99;
}
#menu li a:hover {
    background-position:right center;
    color:#000000;
    white-space:nowrap;
    background-color:#FFFFCC;
}

#menu table {
    position:absolute;
    left:99%;
    height:0;
    width:0;
    border-collapse:collapse;
    margin-top:-15px;
    margin-left:-9px;
}

/* Control what gets printed */
@media print {
    #masthead { display:none; }
    #leftbar { display:none; }
    #extras { display:none; }
    #content { margin-left:0; }
    #footer { display:none; }
}