/* ScreenACT :: Screen CSS Definitions */

body
{
   margin: 0px;
   padding: 20px;

   color: #ffffff;

   font-size: 85%;
   font-family: Arial,Helvetica,Verdana,Tahoma,Sans-Serif;

   background-color: #275DA7;
   
   background-image: url(/img/page/img-pge-bkg.gif);
   background-repeat: repeat-y;
   background-position: center; 
}

a
{
   color: #ffffff;
}

a:hover
{
   color: #9ebcf2;
}

#page
{
   width: 900px;

   margin: 0px auto;
}

#header
{
   width: 900px;
   height: 128px;
   position: relative;
   background-image: url(../img/header/img-hdr-bkg.png);
}

#header h1, #header h2, #header h3
{
   display: none;
}

#search-form
{
   margin: 0px;
}

#search-field
{
   border: 1px solid #041045;
   background-color: #688ABE;
   font-size: 0.9em;
   font-family: Courier New,Courier;
}

#header-search
{
   top: 44px;
   left: 630px;

   width: 330px;

   position: absolute;
}

#header-search .label
{
   float: left;

   color: #FFFFFF;

   padding-top: 4px;
}

#header-search .field
{
   float: left;

   padding-top: 2px;
   padding-left: 5px;
}

#header-search .image
{
   float: left;

   padding-left: 5px;
}

#middle
{
   position: relative;

   background-color: #000000;
   
/* border: 1px solid #FF0C00; */

   background-image: url(/img/middle/img-mid-upr-bkg.gif);
   background-repeat: repeat-y;
   background-position: left top;
}

#content
{
   width: 710px;
   min-height: 480px;
 /*  border: 1px solid #A0A0A0;  */

   padding-left: 167px;

   background-image: url(../img/middle/img-mid-lwr-bkg.png);
   background-repeat: no-repeat;
   background-position: left bottom;
}


#hrule
{
   position: relative;
   padding-top: 10px;
   border-top: 1px solid #ffffff;  
}

#news
{
   float: left;
   width: 335px;
   padding-right: 5px;
   padding-bottom: 10px;
 /*    border-right: 1px solid #ffffff;  */
}

#events
{
   padding-bottom: 10px;
   padding-left: 13px;
   float: right;
   width: 345px;  
   border-left: 1px solid #ffffff;  
}



.vrule
{
    width: 12px;

	background-image: url(../res/Image/img-12px-rule.gif);
	background-repeat: repeat-y;
}

#crumbs
{
   color: #C0C0C0;

   font-size: 1em;

   margin-bottom: 10px;
}

#crumbs a
{
   color: #9ebcf2;

   text-decoration: none;
}

#crumbs a:hover
{
   text-decoration: underline;
}

#menu-bottom
{
   position: absolute;
}

#picbanner
{
   width: 732px;
   height: 96px;
      
   background-image: url(/img/header/img-picbanner.jpg);
   background-repeat: no-repeat;

   padding-top: 0px;
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;

}

#picbanner2
{
   width: 732px;
   height: 95px;
      
   background-image: url(/img/header/img-bnr-secondlevel.jpg);
   background-repeat: no-repeat;

   padding-top: 0px;
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
}



#left
{
   width: 700px;
/* border: 1px solid #A0A0A0; */

   font-size: 0.9em;
   line-height: 1.4em;

   padding-left: 13px;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
}

#left p
{
   margin-top: 10px;
   margin-bottom: 10px;
}

#left h1
{
   color: #ffffff;

   font-size: 1.8em;

   margin-top: 15px;
   margin-bottom: 15px;
}

#left h2
{
   color: #A0A3B0;

   font-size: 1.6em;

   margin-top: 15px;
   margin-bottom: 15px;
}

#left h3
{
   color: #CFCFD0;

   font-size: 1.4em;

   margin-top: 15px;
   margin-bottom: 15px;
}


#news h3
{
   color: #CFCFD0;
   font-size: 1.4em;
   margin-top: 0px;
   margin-bottom: 5px;
}

#events h3
{
   color: #CFCFD0;
   font-size: 1.4em;
   margin-top: 0px;
   margin-bottom: 5px;
}


#moreinfo a
{
   color: #9ebcf2;
   display: block;
   font-size: 1em;
   text-decoration: none;
   text-align: right;
   text-style: bold;
}


#right
{
   width: 112px;

   float: right;

   padding: 10px;

   background-image: url(../img/page/img-pge-dots.gif);
   background-repeat: repeat-y;
   background-position: top left;
}

#rego-img
{
   top: -95px;
   left: 11px;
   color: #000000;

   font-size: 80%;
   font-family: Arial,Helvetica,Verdana,Tahoma,Sans-Serif;

   position: absolute;
}

#footer
{
   clear: both;

   width: 900px;
   height: 108px;

   position: relative;

   background-image: url(../img/footer/img-ftr-bkg.png);
}

#footer-nav
{
   top: 55px;
   left: 505px;

   position: absolute;
}

#footer-nav ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#footer-nav ul li
{
   float: left;

   padding-left: 5px;
   padding-right: 5px;

   border-right: 1px solid #C4B3D5;
}

#footer-nav ul li.last
{
   border-right: none;
}

#footer-nav ul li a
{
   color: #838A92;

   display: block;

   font-size: 0.9em;

   text-decoration: none;
}

#footer-nav ul li a:hover
{
   text-decoration: underline;
}

#footer-txt
{
   top: 50px;
   left: 5px;

   position: absolute;
}

#footer-txt ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#footer-txt ul li
{
   float: left;

   padding-left: 5px;
   padding-right: 5px;

   border-right: 1px solid #FFFFFF;
}

#footer-txt ul li.last
{
   border-right: none;
}

#footer-txt ul li a
{
   color: #FFFFFF;

   display: block;

   font-size: 0.9em;

   text-decoration: none;
}

#footer-txt ul li a:hover
{
   text-decoration: underline;
}

.label
{
   text-align: right;
   vertical-align: top;

   padding-top: 3px;
   padding-left: 10px;
}

.ftext
{
   vertical-align: top;

   padding-top: 3px;
}

.field
{
   font-size: 1em;
   font-family: Courier New,Courier;
}

.cssErrMsg
{
   color: #FF0000;
}

.search-result
{
   margin-top: 15px;
   margin-bottom: 15px;
}

.search-result a
{
   text-decoration: underline;
}

.cssPrvNxt
{
   margin: 0px;
}

.cssPrvNxt form
{
   margin: 0px; padding: 0px;
}

.cssEvtTab
{
   width: 100%;
}

.cssEvtTab th
{
   color: #FFFFFF;

   text-align: left;

   background-color: #242529;
}

.cssEvtDte
{
   width: 30%;

   font-size: 0.8em;
}

.cssEvtNme
{
   width: 70%;

   font-size: 0.8em;
}

.cssEvtRow1
{
   background-color: #505158;
}

.cssEvtRow2
{
   background-color: #757781;
}