@charset "utf-8";
/* CSS Document */

/*
SITE COLORS:
   BLUE :#9AB6D2
   DARK BLUE: #262860;
   BLUE GRAY: #ABBDCE
  LIGHT GRAY: #C9C9C9
  MEDIUM GRAY: #AAAAAA
  DARK GRAY: #9C9C9C
*/

body
{
   margin: 5px 3px 3px 3px;
   background-color: #C9C9C9;
   background-image: url(images/gray_bg.gif); 
   background-repeat: repeat;
   font-family: "Century Gothic", sans-serif;
   font-size: 100%;
   text-align: center;  /* dirty hack for IE6 not centering with CSS properly */
}

form  /* remove margins/paddings from ALL forms (discovered top/bottom margins in IE6 forms) */
{
   display: block;
   margin: 0px;
   padding: 0px;
}

img
{
   border: 0px none;
}

img.border
{
   border: 1px solid #000000;
}

img.gallery
{
   margin: 0px 1px 0px 1px;
   border: 2px solid #000000;
}

img.selected /* used for gallery - currently selected image */
{
   border: 2px solid #0066FF;
}

img.center
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

p
{
   padding: 0px;
   margin: 1em 0px 1em 0px;
}

h1
{
   font-size: 1.6em;
   font-weight: normal;
   text-align: center;
   margin: 0px;
}

h1.nocenter
{
   text-align: left;
}

h2
{
   font-size: 1.0em;
   font-weight: normal;
   text-decoration: underline;
   text-transform: uppercase;
   margin: 0px;
}

#container
{
   width: 760px;
   background-image: url(images/container_bg.gif);
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #000000;
   text-align: left; /* fix text due to IE6 hack for centering */
}

#topBar /* top image border */
{
   width: 760px;
   height: 10px;
   background-image: url(images/top_bar.gif);
   background-repeat: no-repeat;
}

#bottomBar /* bottom image border */
{
   width: 760px;
   height: 10px;
   background-image: url(images/bottom_bar.gif);
   background-repeat: no-repeat;
   clear: both;
}


#menu
{
   width: 150px; /* 160px width - 10px for padding */
   height: auto;
   padding: 70px 0px 0px 10px;
   float: left;
   background-repeat: repeat-y;
   overflow: hidden;
}

#menu p.welcome
{
   font-size: 0.75em;
}

#menu ul.menu
{
   list-style: none outside;
   margin: 0px;
   padding: 0px;
}

#menu hr.menu
{
   width: 100%;
   height: 2px;
   border-top: 1px solid #262860;
   border-bottom: 1px solid #FFFFFF;
   border-right: 1px solid #000000;
   border-left: none;

/*
   width: 80%;
   height: 2px;
   border-style: solid;
   border-color: #000000;
   text-align: center;
*/
}

#menu a.menu { font-size: 0.85em; outline: none; }
#menu a.menu:link { color: #0000FF; }
#menu a.menu:visited { color: #0000FF; }
#menu a.menu:hover { color: #FFFFFF; }
#menu a.menu:active { color: #FFFFFF; }


#header
{
   width: 590px;  /* 600px width - 10px for padding */
   height: 109px; /* 109px - 10px for bottom padding */
   padding: 0px 0px 0px 10px;
   float: left;
   background-image: url(images/header_bg.gif);
   background-repeat: no-repeat;
   font-size: 0.85em;
   font-weight: bold;
   overflow: hidden;
}

#content
{
   width: 580px;  /* 600px - 20px for left+right padding */
   height: auto;
   float: left;
   padding: 20px 0px 40px 10px;
   overflow: hidden;
}

#content a { font-size: 1.0em; outline: none; }
#content p { font-size: 1.0em; text-align: justify; }
#content p.center { text-align: center; }

#content ul.links
{
   font-size: 1.0em;
   list-style: disc outside;
}

#content p.links
{
   font-size: 0.85em;
   text-align: left;
   margin-top: 0px;
}

#content p.process
{
   font-size: 1.0em;
   margin: 0px 0px 0.3em 0px;
}

#content p.error, #content p.warning
{
   font-size: 0.75em;
   color: #FF0000;
   text-align: left;
   margin: 0px;
}

#content p.success   /* success message for forms */
{
   font-size: 0.75em;
   color: #0000FF;
   text-align: left;
   margin: 0px;
}


#copyright
{
   width: 760px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 2px;
   border: 0px none;
   text-align: right;
   font-size: 0.65em;
}

textarea
{
   color: #000000;
   font-size: 1.0em;
   font-family: "Arial";
   font-weight: bold;
   background-color: #9AB6D2;
   border: 1px solid;
   border-color: #000000 #999999 #999999 #000000;
   width: 170px;
}

input
{
   color: #000000;
   font-size: 1.0em;
   font-family: "Arial";
   font-weight: bold;
   background-color: #9AB6D2;
   border-width: 1px;
}

input.text
{
   border: 1px solid;
   border-color: #000000 #999999 #999999 #000000;
   width: 170px;
   padding: 1px;
}

input.checkbox
{
   background-color: #FFFFFF;
   border: 0px none;
}

select
{
   color: #000000;
   font-size: 1.0em;
   font-family: "Arial";
   font-weight: bold;
   background-color: #9AB6D2;
   border-width: 1px;
   width: 150px;
}

fieldset
{
   position: relative;
   padding: 0px 10px 10px 10px;
   background-color: #FFFFFF;
   border: 1px solid;
   border-color: #999999 #000000 #000000 #999999;
}

div.spacer /* used to put space before fieldsets due to fieldset margin bug in IE */
{
   margin: 1.5em 0px 0px 0px;
   padding: 0px;
}

legend
{
   position: relative;
   margin: -1em 0px 0px 0px; /* IE fieldset fix */
   padding: 1px 3px 1px 3px;
   background-color: #9AB6D2;
   border: 1px solid;
   border-color: #999999 #000000 #000000 #999999;
   font-size: 1.15em;
}

legend.small
{
   font-size: 0.75em;
}

table
{
   width: 100%;
   font-size: 0.75em;
}

tr.tableHeader
{
   background-color: #9AB6D2;
}

.hidden
{
   display: none;
}

#co_container /* change order content container */
{
   width: 96%;
   padding: 5px;
   margin-left: auto;
   margin-right: auto; 
   background-color: #FFFFFF;
   border: 1px solid #000000;
   font-size: 0.75em;
   font-family: 'Times New Roman';
}


@media print
{
   body { text-align: left; overflow: visible; }
   .print_hide { display: none; }
   #container { border: 0px none; width: 100%; margin:0px; }
   #menu { display: none; }
   #header { display: none; }
   #content { width: 100%; float:none; overflow: visible; padding:0px; margin:0px; }
   #copyright { width: 100%; text-align: left; display: none; }
   #co_container { border: 0px none; }
} /* close @media declarations */