body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        margin-top: 0px;
}
.date {
        font-weight: bold;
}
.aurtitle {
        font-family: "Times New Roman", Times, serif;
        font-size: 26px;
        color: #000066;
}


a {
        color: #0000FF;
        text-decoration: none;
}

a:visited {
        color: #0000FF;
}
.caption {
        font-size: 10px;
}

img.title {
        margin-bottom: 10px;
}
div.leftcolumnphotowide {
        width: 880px;
        float: left;
}

ul {
        list-style: decimal;
}

ol {
        letter-spacing: normal;
        text-align: left;
        vertical-align: middle;
        word-spacing: normal;
        white-space: normal;
        list-style: decimal;
}

img.wrap {
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
}


a:hover {
        text-decoration: underline;
}
div.dotted {
        border: 1px dotted #CCCCCC;
}


div.container {
        width: 923px;
        border-top-width: 20px;
        background-image: url(images/back_shadow.gif);
        background-repeat: repeat-y;
        margin-bottom: 0px;
}
div.flash {
}

div.footer {
        width: 923px;
        color: #CCCCCC;
        padding-top: 20px;
        padding-bottom: 10px;
        background-image: url(images/back_shadow.gif);
        background-repeat: repeat-y;
}
div.footerleftcol {
        color: #333333;
        margin-left: 20px;
        margin-right: 20px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #0066FF;
        padding-top: 10px;
}

div.footercontainer {
        width: 923px;
        background-color: #FFFFFF;
}
.footercontainer .footer a {
        color: #0000FF;
}


div.bottom {
        font-size: 10px;
}


div.menu {
        margin-left: 20px;
}

#header {
}
#maincontent {
        margin-left: 20px;
}
div.container #leftcolumn {
        width: 230px;
        float: left;
}
div.container #rightcolumn {
        float: right;
        width: 648px;
        margin-top: 10px;
}

div.container #rightcolumnphoto {
        float: right;
        width: 648px;
        margin-top: 10px;
}
div.incontainer {
        background-color: #FFFFFF;
}

.text {
        margin-top: 0px;
        margin-bottom: 10px;
        margin-right: 0px;
        font-size: 12px;
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 10px;
        text-align: left;
}
div.texthome {
        font-size: 11px;
}

div.textleftcol {
        float: left;
        width: 430px;
        padding-right: 15px;
}
div.textrightcol {
        float: left;
        width: 160px;
        padding-left: 19px;
        border-left-width: 1px;
        border-left-style: dotted;
        border-left-color: #CCCCCC;
}


.textleft {
        background-color: #FFFFFF;
        margin-bottom: 10px;
        margin-left: 0px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #333333;
        margin-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
}
.textsearch {
        background-color: #FFFFFF;
        margin-bottom: 10px;
}

.title {
        font-family: "Arial Black";
        font-size: 14px;
}
.article_title {
        font-family: "Arial";
        font-size: 16px;
        font-weight: bold;
}
.formfield {
        width: 100px;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
div.menu_vertical {
        margin-left: 0px;
}
.menu_vertical {
        font-size:10px;

}
/* remove all the bullets, borders and padding from the default list styling */
.menu_vertical ul {
padding:0;
margin:0;
list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu_vertical li {
        width:160px;
        position:static;
        float: left;
}
/* style the links for the top level */
.menu_vertical a, .menu_vertical a:visited {
        display:block;
        font-size:10px;
        text-decoration:none;
        color:#FFFFFF;
        /*line-height:20px;*/
        /*height:20px;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #3169CF;
        border-top-width: 1px;
        border-right-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-top-color: #D0D0D0;
        border-right-color: #D0D0D0;
        border-left-width: 1px;
        border-left-color: #D0D0D0;
        padding-left: 10px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 10px;
}
.menu_vertical_2ndline a, .menu_vertical_2ndline a:visited{
        height:35px;
}
/* a hack so that IE5.5 faulty box model is corrected */
/** html .menu_vertical a, * html .menu_vertical a:visited {
width:150px;
w]idth:139px;
}*/

/* style the second level background */

/* style the second level hover */
.menu_vertical ul ul a.drop:hover{
        background-color: #F9F9F9;
}
.menu_vertical ul ul :hover > a.drop {
}
/* style the third level background */
.menu_vertical ul ul ul a, .menu_vertical ul ul ul a:visited {
        background-color: #FFFFFF;
}
/* style the third level hover */
.menu_vertical ul ul ul a:hover {
        background-color: #F5F5F5;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_vertical ul ul {
        visibility:hidden;
        position:absolute;
        height:0;
        top:31px;
        left:0;
        width:160px;
}
/* another hack for IE5.5 */
* html .menu_vertical ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu_vertical ul ul ul{
        left:120px;
        top:-30px;
        width:120px;
        background-position: left;
}
/* position the third level flyout menu for a left flyout */
.menu_vertical ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu_vertical table {position:absolute; top:0; left:0px;}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! style the second level links */
.menu_vertical ul ul a, .menu_vertical ul ul a:visited {
        color:#000;
        height:auto;
        line-height:normal;
        width:128px;
        background-color: #F1F2FE;
        font-size: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        /* yet another hack for IE5.5 */
}
* html .menu_vertical ul ul a{
width:128px;
w\idth:128px;
}


/* style the top level hover */
.menu_vertical a:hover, .menu_vertical ul ul a:hover{
        color:#343131;
        background-color: #FFFFFF;
}
.menu_vertical :hover > a, .menu_vertical ul ul :hover > a {
        background-color: #FFFFFF;
        color: #343131;
}

/* make the second level visible when hover on first level list OR link */
.menu_vertical ul li:hover ul,
.menu_vertical ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu_vertical ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu_vertical ul :hover ul :hover ul{
visibility:visible;
}