/*-----------------------------------------------------------*/
/*      Layout                                               */
/*-----------------------------------------------------------*/
body
{
	margin-top: 0px;
	text-align:  left;
	background: url(images/tanbackgroundseals.jpg) white fixed repeat-x center 125px;
}

#mainbody
{
	margin-top: 0px; 
	width: 760px; 
	text-align: left; 
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ffffff;
	/*background-image: url(images/agseal.jpg);*/
	margin-left:auto;
	margin-right:auto;
}

#middlearea
{	
	border-left: #993404 2px solid;
	border-right: #993404 2px solid;

}

#header
{ 

    background-color: white;
    height: 100px;
    position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
}


#topnav
{
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}




.navbackground
{
    background-image: url(images/75opac_ya.png);
    background-repeat: repeat;
    border: 1px solid #993404;
}

#topnavnographic
{
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	width:100%;
}

#leftnav
{
    float: left;
    width: 155px;
    margin: 0px;
    margin-top:0px;
    padding: 2px;
    /*padding-right: 7px;*/
    padding-bottom:12px;
    border-right: 1px solid #993404;
    border-bottom: 1px solid #993404;
}


#maincontent
{
    margin-left: 163px;
    /*min-width: 575px;*/
    /*border-left: 1px solid gray;*/
    padding: 10px;
    min-height: 450px;
    width:575px;
    padding-top:0px;
    padding-right:5px;
}

#bottomlinks
{
	text-align: center;
	padding: 4px;
}

#footer
{
	position: relative;
    text-align: center;
    /*font-size: smaller;
    padding: 4px;*/
	height: 150px;
	border-left: none;
	border-right: none;
}

.clearfloat
{
     clear:both;
}

/*-----------------------------------------------------------*/
/*      Collapsable Panels                                   */
/*-----------------------------------------------------------*/
.collapsePanel
{
    width: 585px;
    height: 0px;
    background-color: transparent;
    overflow: hidden;
}

.collapsePanelHeader
{ 
    width: 575px;
    height: 15px;

    background-color: #dcdcdc;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: hand;
    vertical-align: middle;
    /*background-image: url(images/background_nav_main.gif);*/
}

/*-----------------------------------------------------------*/
/*      AJAX Settings                                        */
/*-----------------------------------------------------------*/

.textboxWatermark
{
    color: gray;
    background-color: #fffafa;
}
.ajax__tab_body
{
    height:40px;
}

.ajax__tab_header
{
    height: 40px;
}
.ajax__tab_outer
{
    height: 40px;
    background: url(images/left.gif);
}
.ajax__tab_inner
{
    height: 40px;
    background: url(images/right.gif);
}
.ajax__tab_tab
{
    font-weight: bolder;
    font-size: 20px;
    color: #990000;
    height:40px;
}




/*-----------------------------------------------------------*/
/*      slider                                               */
/*-----------------------------------------------------------*/

.contentslide
{  
    width: 564px;
    min-height: 200px;
    border: brown 1px solid;
    padding: 4px;
    border-top: none;
    /*background-color: white;*/
}

.contentslide .contentdiv
{
    display: none;
}

.pagination
{ 
    width: 572px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
    text-align: center;
    /*background-color: light-grey;*/
    border: brown 1px solid ;
    border-bottom: none; 
    /*border-width: 0 10px; Left/ right border width of pagination DIV.*/ /*padding: 0 0 4px 0;*/
    padding-bottom: 0px; padding-top: 2px;
}

.pagination a
{
    /*display:inline-block;*/
    padding: 0 5px;
    text-decoration: none;
    /*color: #8b0000;*/
    background-color: transparent; /*background:url("images/right_flip.gif") no-repeat right bottom;*/
    /*border-style: outset;*/
    font-size:larger;
}

.pagination a:hover, .pagination a.selected
{
    /*color: #ff0000; background-color: #f0e68c; */ /*background:url("images/right_on_flip.gif") no-repeat right bottom;*/ /*border-style: inset;*/
    border-top: none;
    font-weight: bold;
}

/*-----------------------------------------------------------*/
/*      Front Page Tabbed Content                            */
/*-----------------------------------------------------------*/
.primarycontent
{
    width: 560px;
    min-height: 250px;
    padding: 6px;
    background-repeat: repeat;
    border: brown 1px solid;
    border-top: none;
}
#maincontenthdr
{
    width: 574px;
    background-color: purple;
    background: url(images/tab-bg2.gif) repeat-x bottom;
    height:24px;/*testing*/
    
}
#maincontenthdr ul
{
      margin:0;
      padding:2px 2px 0;
      list-style:none;
}
#maincontenthdr li
{
      float:left;
      background:url("images/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
}

.tablinkbutton
{
      float:left;
      display:block;
      background:url("images/right.gif") no-repeat right top;
      padding:5px 5px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
}

.tablinkbuttonselected
{
      float:left;
      display:block;
      background:url("images/right_on.gif") no-repeat right top;
      padding: 5px 5px 5px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
}

.tabliselected
{
      float:left;
      background:url("images/left_on.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
}

/*-----------------------------------------------------------*/
/*      navigation menu                                      */
/*-----------------------------------------------------------*/


.dynmenu
{
    text-align: left; /*font-size: smaller;*/
    border: #993404 1px solid;
    /*margin-bottom: 4px;*/
    margin-top: 4px;
}

 


.topnavhighlight
{
    background-image: url(images/new_nav_sel.jpg);
    background-repeat: repeat-x;
    padding: 0px 2px 0px 2px;

}
.topnavhighlightnoindent
{
    background-image: url(images/new_nav_sel.jpg);
    background-repeat: repeat-x;
}


p, li
{
    text-align:  left;
}
#searcharea table
{
    display:-moz-inline-box;
    display:inline;
    display:inline-block;
    display:inline-table;
}    
.searchbox
{
    display:-moz-inline-box;
    display:inline;
    display:inline;display:inline-block;display:inline-table;
    
}
.leftnavhighlight
{ 
    
    /*border-top: maroon thin inset;
    border-bottom: maroon thin inset;
    border-left: maroon thin inset;
    border-right: maroon thin inset;
    padding: 5px;
    line-height: 25px;*/
    background-repeat: no-repeat;
    /*font-weight: bold;*/
background-image: url(images/155by100gradyellow.jpg); }

/*Modal Popup*/
.modalBackground
{
    background-color: #fffacd;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.modalPopup
{
    /*background-color: #ffffdd;*/
    border: black 2px solid;
    padding: 10px;
    width: 425px;
    background-image: url(images/5by450gradblack.jpg);
    background-repeat: repeat-x;
}
.modalBackgroundMain
{
    background-color: gray;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.DynMenu
{   /*Added for Menu issues in IE8 */
    z-index: 100;
}

.notice
{
    width:600px;
    margin-left: auto; margin-right: auto; text-align: center; text-align: -moz-center;
}
#translation
{
    position:relative;
    top:0px;
    right:2px;
     padding-bottom:0px;
     margin-bottom:0px;
     font-size:10pt;
     width:100%;
     text-align:center;
}
#translationG
{
    position:absolute;
    top:20px;
    right:0px;
    text-align:right;
}