body
{
 margin: 0;
 font-family: arial, verdana, helvetica, san-serif;
 font-size: 12px;
 background-color: #7b5639;
 /* 7b5639 = brown */
}

p { font-size: 12px; }

#wrapper_outer
{
 margin: 0 auto;
 width: 850px;
}

#wrapper_outer p.header
{
 font-size: 14px;
 color: #b47649;
 line-height: 12px;
 padding: 0;
 margin: 6px 0;
}

#wrapper
{
 width: 850px;
 padding: 0;
 border: 3px solid #0f0000;
 margin: 3px auto;
 background-color: #fff;
}

#banner
{
 height: 181px;
 background: #e0dcd1 url(/olc/images/COB/bgd_banner.jpg) top left no-repeat;
 text-indent: -3000px;
}

#pix
{
 /* border:1px solid #000; */
 width: 150px;
 height: 150px;
 margin: 10px 10px 0pt 0pt;
 float: right;
 background: #e0dcd1 url(/olc/images/COB/images.gif);
 border: 1px solid #0f0000;
 border-right: 3px solid #0f0000;
 border-bottom: 3px solid #0f0000;
}

#utilitylinks
{
 color: #963;
 float: right;
 text-align: right;
 line-height: 1.6em;
 padding: 0pt 10px 0pt 5px;
 margin: -0 0 60px 0;
 background-color:#fff;
 border-left:2px solid #ccc;
}

#utilitylinks a
{
 color: #630;
}

#utilitylinks a:hover
{
 color: #b62;
}

#utilitylinks form { padding:0; margin:0; }
#utilitylinks input { font-size: 10px; }

#button
{
 background: #fff;
 padding: 0 0 0 0;
 margin-bottom: 0;
 background-color: #999999;
 color: #999999;
}

#button li a
{
 display: block;
 padding: 3px 3px 3px 0.25em;
 border-left: 1px solid #999999;
 background-color: #DCDCDC;
 color: #999999;
 text-decoration: none;
}

#button li.current a
{
 display: block;
 padding: 3px 3px 3px 1.5em;
 border-left: 2px solid #630;
 background-color: #eeeeee;
 color: #ff0000;
 font-weight: 700;
 text-decoration: none;
}

html>body #button li a { width: auto; }

#button li a:hover
{
 border-left: 4px solid #cc0000;
 background-color: #cccccc;
 color: #cc0000;
}

#content
{
 float: left;
 margin: -55px 0 10px 0;
 padding: 0 0pt 10px 10px;
 width: 830px;
 /* border: 1px solid green; */
}

#content h1
{
 font-size: 22px;
 color: #7b5639;
 margin-top: 0px;
 margin-bottom: 2px;
}

#content h2
{
 font-size: 18px;
 color: #963;
 margin-top: 10px;
 margin-bottom: 2px;
}

#content h3
{
 font-size: 16px;
 color: #7b5639;
 margin-top: 10px;
 margin-bottom: 2px;
}

#content h4
{
 font-size: 14px;
 margin-top: 10px;
 margin-bottom: 2px;
}

#content h5
{
 font-size: 12px;
 margin-top: 10px;
 margin-bottom: 2px;
}

#content a
{ color: #630; }

#content a:hover
{ color: #b62; }

#sidebar_right
{
 float: right;
 width: 170px;
 margin: 10px 0 20px 10px;
 background: none;
}

#sidebar_right p { font-size: 10px; }

#sidebar_right h1
{
 font-size: 14px;
 text-transform: uppercase;
}

#sidebar_right h2 { font-size: 12px; }

#sidebar_right ul
{
 margin: 12px 0 0 1.7em;
 padding: 0;
}

#sidebar_right ul li
{
 font-size: 11px;
 margin: 0 0 1em 0;
 padding: 0;
}

#sidebar_right_inner_box
{
 margin: 0;
 padding: 10px;
 border: 3px solid #0f0000;
}

A
{
 color: #003399;
 text-decoration: none;
}

A:LINK
{
 color: #003399;
 text-decoration: none;
}

A:VISITED
{
 color: #003399;
 text-decoration: none;
}

A:HOVER
{
 color: #FF0033;
 text-decoration: none;
}

A:ACTIVE
{
 color: #009933;
 text-decoration: none;
}

A.header
{
 font-weight: 900;
 color: #000000;
 text-decoration: none;
}

A.header:LINK { text-decoration: none; }
A.header:VISITED { text-decoration: none; }
A.header:HOVER { text-decoration: none; }

A.header:ACTIVE
{
 color: #660000;
 text-decoration: none;
}

/* Navigation Tab Styles */
#header
{
 margin: 0;
 height: 24px;
 background: #e0dcd1;
}

#header ul
{
 margin: 0;
 padding: 0;
 list-style: none;
}

#header li
{
 float: left;
 background: url(/olc/images/COB/nav_tab_left.gif) no-repeat left top;
 margin: 0;
 padding: 0 0 0 5px;
 border-bottom: 1px solid #999;
}

#header a
{
 font-size: 11px;
 float: left;
 display: block;
 font-weight: 900;
 background: url(/olc/images/COB/nav_tab_right.gif) no-repeat right top;
 padding: 5px 8px 4px 6px;
 text-decoration: none;
 color: #963;
}

/* Commented Backslash Hack
       hides rule from IE5-Mac \*/

#header a { float: none; }

/* End IE5-Mac hack */
#header a:hover { color: #333333; }

#header #current
{
 background-image: url(/olc/images/COB/nav_tab_left_on.gif);
 border-width: 0;
}

#header #current a
{
 background-image: url(/olc/images/COB/nav_tab_right_on.gif);
 font-weight: 900;
 color: #630;
 padding-bottom: 5px;
}

/* Subnav */
#subnav
{
 margin: 0 0 10px 0;
 padding: 3px 0 3px 10px;
 border-left: 1px solid #999;
 border-bottom: 1px solid #999;
}

#subnav ul
{
 margin: 0;
 padding: 5px 0;
 height: 11px;
 list-style: none;
 padding-right: 12px;
}

#subnav li
{
 float: left;
 margin: 0;
 padding: 0pt 6px;
 font-size: 11px;
 border-right: 1px solid #B78055;
}

#subnav li a
{
 font-size: 12px;
 color: #630;
}

#subnav li a:hover
{
 font-size: 12px;
 color: #b62;
}

#content a.fancybutton2
{
 text-align: center;
 display: block;
 font-weight: 900;
 font-size: 18px;
 background: url(/olc/images/COB/bgd_button_brown_off.jpg) no-repeat center center;
 color: #000;
 line-height: 60px;
 text-decoration: none;
}

#content a.fancybutton2:hover
{
 text-align: center;
 display: block;
 font-weight: 900;
 font-size: 18px;
 background: url(/olc/images/COB/bgd_button_brown_on.jpg) no-repeat center center;
 color: #000;
 line-height: 60px;
 text-decoration: none;
}

#footer
{
 background: url(/olc/images/COB/logo_cuaa_2008_footer.gif) no-repeat;
 padding:10px 0 0 60px;
 margin:10px 0;
 color:#ccc;
}