/*******************************************************************************
 * General styling
 ******************************************************************************/
body {
    font-family         : verdana;
    font-size           : 12px;
    background-color    : #f79810;
}
div.spacer {
    height              : 10px;
    font-size           : 1px;
    line-height         : 1px;
}
hr {
    background-color    : #0092F2;
    color               : #0092F2;
    height              : 1px;
    border              : none;
    font-size           : 1px;
    line-height         : 1px;
}
.hr {
    height : 1px;
    margin-top : 10px;
    margin-bottom : 10px;
    background : transparent url('hor-ruler.gif') repeat-x;
}



/*******************************************************************************
 * The header
 ******************************************************************************/
#header {
    height              : 168px;
    background          : transparent url('top_bg.png') repeat-x;
}
#header #amp-logo {
    background          : transparent url('top_banner.png') no-repeat;
    width               : 100%;
    height              : 139px;
}
#header .menu {
    margin-top          : 5px;
}
#header .menu ul {
    margin              : 0;
    list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
    margin-left         : 20px;
}
#header .menu ul li a {
    font-weight         : bold;
    text-decoration     : none;
    white-space         : nowrap;
}
#header .menu ul li {
    float               : left;
    padding             : 0pt 4px 0pt 0pt;
}
#header .menu ul li {
    background          : transparent url('top_nav_tabs.png') 100% 0px no-repeat;
}
#header .menu ul li.active {
    background          : transparent url('top_nav_tabs.png') 100% -60px no-repeat;
}
#header .menu ul li:hover {
    background          : transparent url('top_nav_tabs.png') 100% -30px no-repeat;
}
#header .menu ul li a {
    color               : #FFFFFF;
    display             : block;
    float               : left;
    font-size           : 14px;
    font-weight         : bold;
    height              : 22px;
    padding             : 2px 10px 0px;
    text-decoration     : none;
}
#header .menu li a {
    background          : transparent url("top_nav_tabs.png") 0% 0px no-repeat;
}
#header .menu li.active a {
    background          : transparent url("top_nav_tabs.png") 0% -60px no-repeat;
}
#header .menu li:hover a {
    background          : transparent url("top_nav_tabs.png") 0% -30px no-repeat;
}




/*******************************************************************************
 * left and right column shared styling
 ******************************************************************************/
.side-column {}
.side-column .panel .style1, .side-column .panel .style2 {
    background-color    : #1F93C2;
}
.side-column .panel .top-img {
    background          : transparent url('panel-top.gif') no-repeat;
    height              : 4px;
}
.side-column .panel .btm-img {
    background          : transparent url('panel-bottom.gif') no-repeat;
    height              : 4px;
}
.side-column .panel .content {
    border-left         : 1px solid #666666;
    border-right        : 1px solid #666666;
}


.side-column div.panel {
    padding             : 0px 10px 0px 10px;
    margin-bottom       : 10px;
    width               : 180px;
    overflow            : hidden;
}
.side-column div.panel div.content {
    color               : white;
    overflow            : hidden;
}
.side-column div.panel div.content div.inner {
    padding             : 0px 10px 0px 10px;
}

.side-column ul.link-list,  .side-column ul.link-list li ul{
    list-style-type     : none;
    margin              : 0px;
}
.side-column ul.link-list li ul {
    margin-left         : 20px;
}
.side-column a {
    color               : white;
    font-weight         : bold;
    text-decoration     : none;
}
.side-column a:hover {
    text-decoration     : underline;
}
.side-column div.form-field {
    padding-top          : 5px;
    clear               : both;
}
.side-column div.form-field label {
    float               : left;
    width               : 50px;
    font-weight         : bold;
}
.side-column div.form-field input.text {
    background-color    : #DBEEFC;
    border              : 1px solid #93C0D7;
    font-size           : 1em;
    width               : 90px;
}
.side-column div.form-field input.text:focus {
    border-color        : #0092F2;
    background-color    : #EFF7FC;
}
.side-column div.form-field input.button  {
    width               : auto;
    font-size           : 1em;
    font-weight         : bold;
    background-color    : #FF9933;
    color               : white;
    border              : 1px solid #F47D05;
}
.side-column div.form-field input.button:hover {
    cursor              : pointer;
    background-color    : #FFB204;
}
.side-column h1 {
    font-size           : 14px;
    font-weight         : bold;
    margin-bottom       : 5px;
    color               : #FEDD87;
}
.side-column h2 {
    font-size           : 12px;
    font-weight         : bold;
    margin-bottom       : 5px;
    margin-top          : 5px;
}
.side-column p {
    padding             : 5px;
}
.side-column .panel a img {
    border              : none;
}



/*******************************************************************************
 * specific left side column
 ******************************************************************************/
#left-column {

}



/*******************************************************************************
 * specific right side column
 ******************************************************************************/
#right-column {

}


/*******************************************************************************
 * the content area
 ******************************************************************************/
#middle-column {
    overflow            : auto;
}

#middle-column .main-content {
    background-color    : white;
    border              : 2px solid #666666;
}
#middle-column .main-content .main-content-inner {
    padding             : 10px;
    position            : relative;
}
#middle-column .main-content .bottom-left {
    background          : transparent url('content_left_bottom_corner.jpg') no-repeat;
    width               : 11px;
    height              : 12px;
    position            : relative;
    left                : -2px;
    bottom              : -2px;
}
#middle-column .main-content .bottom-right {
    background          : transparent url('content_right_bottom_corner.jpg') no-repeat;
    height              : 12px;
    width               : 11px;
    right               : -2px;
    top                 : -10px;
    float               : right;
    position            : relative;
}
#middle-column .main-content .main-content-header {
    background-color    : #1c97c3;
    height              : 36px;
}
#middle-column .main-content .main-content-header-left {
    background          : transparent url('content_top_left_corner.jpg') no-repeat;
    height              : 38px;
    width               : 234px;
    position            : relative;
    left                : -2px;
    top                 : -2px;
}
#middle-column .main-content .main-content-header-right {
    background          : transparent url('content_top_right_corner.jpg') no-repeat;
    height              : 38px;
    width               : 11px;
    float               : right;
    position            : relative;
    right               : -2px;
    top                 : -40px;
}




#middle-column img {
    vertical-align      : middle;
}
#middle-column a img {
    border              : none;
}
#middle-column h1, #middle-column h2, #middle-column h3 {
    color               : #0092F2;
    font-weight         : bold;
}
#middle-column h1 { font-size : 18px; }
#middle-column h2 { font-size : 16px; }
#middle-column h3 { font-size : 14px; }
#middle-column p {
    line-height         : 1.2em;
    padding             : 5px;
}
#middle-column a {
    color               : #F47D05;
    text-decoration     : none;
}
#middle-column a:hover {
    text-decoration     : underline;
}



#middle-column fieldset {
    margin              : 0px 10px 10px 10px;
    border              : 1px solid #0092F2;
}
#middle-column fieldset legend {
    margin-left         : 10px;
    padding             : 1px 5px 1px 5px;
    border              : 1px solid #0092F2;
    color               : darkblue;
    background-color    : #DBEEFC;
    color               : #0092F2;
    font-weight         : bold;
}
#middle-column fieldset div.content {
    padding             : 10px;
}


#middle-column div.form-field {
    padding             : 5px;
    clear               : both;
}
#middle-column div.form-field label {
    float               : left;
    width               : 100px;
    font-weight         : bold;
    color               : #333333;
}
#middle-column div.form-field label.wide {
    width               : auto;
    font-weight         : normal;
    margin-right        : 5px;
}
#middle-column div.form-field div.full-width-fix {
    width               : 99%; /* FOR IE */
}
#middle-column div.form-field label span.error {
    color               : red;
}
#middle-column div.form-field label span.desc {
    font-weight         : normal;
}

#middle-column input.text, input.button, #middle-column textarea, #middle-column select {
    width               : 200px;
    background-color    : #DBEEFC;
    border              : 1px solid #93C0D7;
    font-size           : 10px;
    padding             : 1px;
    font-size           : 1em;
}
#middle-column textarea {
    width               : 99%;
    height              : 75px;
}
#middle-column textarea.wlabel {
    width               : 320px;
}
#middle-column input.checkbox {
    vertical-align      : middle;
}
#middle-column input.text:focus,
#middle-column textarea:focus {
    border-color        : #0092F2;
    background-color    : #EFF7FC;
}
#middle-column input.button  {
    width               : auto;
    font-size           : 1em;
    font-weight         : bold;
    background-color    : #FF9933;
    color               : white;
    border-color        : #F47D05;
}
#middle-column input.button:hover {
    cursor              : pointer;
    background-color    : #FFB204;
}




/*******************************************************************************
 * the footer
 ******************************************************************************/
#footer {
    background          : transparent url('footer-img.gif') repeat-x left bottom;
}
/*
#footer #footer-img {
    background          : transparent url('footer-img.gif') no-repeat center bottom;
    width               : 100%;
    height              : 100px;
}
*/
#footer .antersite {
    margin-top          : 75px;
    margin-right        : 10px;
    color               : black;

}
#footer a {
    font-weight         : bold;
    color               : black;
    text-decoration     : none;
}
#footer a:hover {
    text-decoration     : underline;
}
#footer .copyright {
    margin-top          : 75px;
    margin-left         : 10px;
}





.search-match {
    font-weight : bold;
}
.search-result {
    margin-top  : 10px;
}