/* This style sheet is based on /styles/Uticamain.css (dated 12/29/2008)
   Use with base.css, which resets margins,fonts, etc.
      --MJW */
/* ------------------------------------ 
    Shrink the Base Font
------------------------------------ */
body
{
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:77%;      /* 10px is 77% of default 13px */

/* ------------------------------------
    Center the Content
------------------------------------ */
    text-align:center; 
}
div#wrapper
{
    margin-left:auto; /* center using auto margins */
    margin-right:auto;
    text-align:left; /* set text back to left-justify */
    width:760px; /* set width of content */
        /* Optimal widths:
             800x600:   760px
            1024x768:   984px
            1280x1024: 1240px */
}

/* ------------------------------------
    Common Formatting
------------------------------------ */
.center
{
    text-align:center;
}
h1
{
    text-align:center;
}
h3
{
	color: #005B88;
}
hr
{
    /* set color, for hr, in all three places */
    border-top:solid 1px #069;
    height:1px;
    background:#069;
    color:#069; /* unig blue */
    margin-top:2px;
    margin-bottom:5px;
}
input
{
    margin:1px;
    padding:1px;
}

/* ----------------------------
  Font sizes, styles, weights
---------------------------- */
/* Combine classes.
   Example: <p class="bold smallfont brown"></p>

/* common fonts */
.bold {font-weight:bold;}
.italic {font-style:italic;}
.notation {font-size:70%;} /* 9px */
.required {color:red;}
.smallfont {font-size:77%;}/* 10px */

/* colors */
.beige {color:#B19671;}
.brown {color:#914800;}
.red {color:#CC0000;}
.white {color:#FFFFFF;}

/* ----------------------------
  Header Styles
---------------------------- */
.mainLogo
{
    position:absolute;
    left:5px;
    top:7px;
}
.topHeaderNoMenu
{
	font-weight:bold;
	background-color:#E8E6C0;
	color:#005B88;
    text-align:center;
    padding-top:5px;
	height:45px;
	line-height:45px;
	position:relative; /* relative, so mainLogo can position absolutlely */
    font-size:108%;
}
.topHeaderMenu
{
	font-weight:bold;
	background-color:#E8E6C0;
	color:#005B88;
    text-align:center;
    height:45px;
	position:relative; /* relative, so mainLogo can position absolutlely */
}
.mainMenu
{
    padding-top:5px;
    padding-left:197px; /* make room for the logo */
}
.topHeaderClose
{
    position:absolute;
    top:12px;
    right:10px;
    line-height:15px;
    height: 15px;
}
.closeLnkBtn
{
	font-size:75%;
	font-weight: bold;
	color: #005B88;
	text-decoration: none;
}
/* ---------------------------------
  Main Menu dynamic table styling
--------------------------------- */
/* reset table styles for Main Menu*/
table, .mainMenu table
{
    border:0;
    padding:0;
    margin:0;
}
tr 
{
    height:20px;
}
.mainMenu tr
{
    height:35px;
}
td, .mainMenu td
{
    border:0;
    padding:0;
    margin:0;
}
/* set table and td styles back to Base styles */
form table
{
    border:0;
    padding:0;
    margin:0;
    margin-bottom:1em;
}
form tr
{
    height:auto;
}
form td
{
    margin:0;
    border:1px solid #000000;
    padding:0.5em;
}

/* ----------------------------
  Misc - these should be categorized at some point...
---------------------------- */
.buttonlink {
	font-size:75%; /* 9px */
	font-weight:bold;
	color:#005B88;
	text-decoration:none;
}