/*******************************************************************************
 * General styling
 ******************************************************************************/
body {
    font-family         : verdana;
    font-size           : 12px;
}
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              : 260px;
    background          : transparent url('header_final.png') no-repeat;
}
#header #amp-logo {
    background          : transparent url('amp_logo.gif') no-repeat;
    width               : 339px;
    height              : 107px;
    float               : right;
}
#header .menu {
    margin-top          : 15px;
}
#header .menu ul {
    list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
    margin              : 0pt 0pt 0pt 10px;
}
#header .menu ul li a {
    font-weight         : bold;
    text-decoration     : none;
    white-space         : nowrap;
}
#header .menu ul li {
    float               : left;
    margin              : 5px;
    padding             : 0pt 5px 0pt 0pt;
}
#header .menu ul li {
    background          : transparent url(top_nav_tabs.png) no-repeat scroll 100% -144px;
}
#header .menu ul li.active {
    background          : transparent url(top_nav_tabs.png) no-repeat scroll 100% -96px;
}
#header .menu ul li:hover {
    background          : transparent url(top_nav_tabs.png) no-repeat scroll 100% -120px;
}
#header .menu ul li a {
    color               : #FFFFFF;
    display             : block;
    float               : left;
    font-size           : 10px;
    font-weight         : bold;
    height              : 22px;
    padding             : 2px 10px 0px;
    text-decoration     : none;
}
#header .menu li a {
    background          : transparent url(top_nav_tabs.png) no-repeat scroll 0% -48px;
}
#header .menu li.active a {
    background          : transparent url(top_nav_tabs.png) no-repeat scroll 0% 0px;
}
#header .menu li:hover a {
    background          : transparent url(top_nav_tabs.png) no-repeat scroll 0% -24px;
}




/*******************************************************************************
 * left and right column shared styling
 ******************************************************************************/
 .side-column {
 }
.side-column .panel .style1 .top-img {
    background          : transparent url('blue-panel-top.gif') no-repeat;
    height              : 10px;
}
.side-column .panel .style1 .btm-img {
    background          : transparent url(blue-panel-bottom.gif) no-repeat;
    height              : 10px;
}
.side-column .panel .style1 .content {
    background-color    : #0092F2;
}


.side-column .panel .style2 .top-img {
    background          : transparent url(orange-panel-top.gif) no-repeat;
    height              : 10px;
}
.side-column .panel .style2 .btm-img {
    background          : transparent url('orange-panel-bottom.gif') no-repeat;
    height              : 10px;
}
.side-column .panel .style2 .content {
    background-color    : #FF9933;
}


.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;
	text-transform		: Capitalize;
	line-height:20px;
}
.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;
    color               : #FEDD87;
    margin-bottom       : 5px;
}

.directory {
    font-size           : 12px;
    font-weight         : bold;
    margin-bottom       : 5px;
    margin-top          : 5px;
}
.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 {

}
#right-column .panel {

}



/*******************************************************************************
 * the content area
 ******************************************************************************/
#middle-column {
	 
}

#middle-column .main-content {
	margin-left        : 30px;
    margin-right        : 30px;
}

#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;
    margin              : 1em;
}
#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;
    overflow            : auto;
}
#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, #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 {
    width               : 16px;
}
#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.png') repeat-x left bottom;
}
#footer #footer-img {
    background          : transparent url('footer-logo.png') no-repeat center bottom;
    width               : 100%;
    height              : 100px;
}
#footer .antersite {
    margin-top          : 80px;
    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          : 80px;
    margin-left         : 10px;
}







/*==============================================================================
 *   Calendar
 *----------------------------------------------------------------------------*/
.calendar .cal-nav {
    text-align          : center;
    font-weight         : bold;
}

.calendar .cal-nav  {
    width : 160px;
}
.calendar .cal-nav .monthnavigation a {
    color               : white;
    font-weight         : bold;
}
.calendar .cal-nav .monthnavigation.prev {
    width       : 1em;
    text-align : left;
}
.calendar .cal-nav .monthnavigation.next {
    width       : 1em;
    text-align : right;
}


.calendar .cal-nav .monthnavigation,
.calendar .cal-nav .monthname {
    font-weight         : bold;
}

.calendar .month {
    background-color    : #666666;
    text-align          : center;
    width               : 160px;
}

.calendar .month .dayname {
    background-color    : #999999;
    font-weight         : bold;
}

.calendar .month .month_select {
    background-color    : #F7B461;
}

.calendar .month .event A,
.calendar .month .todayevent A {
    margin              : 0;
    padding             : 0;
    margin-left         : -1px;
    width               : 100%;
    display             : block;
    border              : 1px solid white;
    position            : relative;
    background-color    : #1D98C4;
    color               : white;
}

.calendar .month .nomonthday,
.calendar .month .monthday,
.calendar .month .today,
.calendar .month .saturday,
.calendar .month .sunday,
.calendar .month .event,
.calendar .month .todayevent {
    background-color    : #ff9900;
}





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