/* THREE COLUMN LIQUID CENTER LAYOUT */

body {font: 1em verdana, geneva, sans-serif;}

* {margin:0; padding:0;}

div#wrapper {min-width:810px; max-width:880px;  margin-left:auto; margin-right:auto;} 
/* centers layout when > max width */

div#branding {width:auto;}

#branding #back {margin: 0; padding: 0;} 

#branding #back {font-family:arial, helvetica, sans-serif; font-size: .9em; font-weight: bold; line-height:1.25em; float:right; width:6em}

#branding #back a {outline-style:none;}

#branding #back a, #branding #back a:visited {color: #5158DB; text-decoration: none;}

#branding #back a:hover, #branding #back a:active {color: #2e8cff;}


div.navbar.transparent ul ul li {opacity:0.9 /* CSS3 */; -moz-opacity:0.9 /* firefox */; filter:alpha(opacity=90) /* IE */;}
#navbar {float:left; width:100%; font-size:.8em; height:2.25em; margin-bottom:5px;}
#navbar ul {margin:0;}
#navbar li {margin-left:0}
#navbar ul, #navbar li {float:left; list-style-type:none; /* Required for drop-down menus */ position:relative;}
#navbar a {display:block; height:2.25em; width:7.5em; text-align:center; line-height:2.25em; outline-style:none;}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{position:absolute; z-index:200; width:12em; visibility:hidden;}
#navbar li ul li{width:100%;}
/* Make drop-down visible on navbar hover */
#navbar li:hover ul, #navbar li a:hover ul{ /* IE6 hack */ visibility:visible; top:2.23em; /* Slightly less than navbar height */ }

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a, #navbar li a:hover ul li a, #navbar li:hover ul li a:visited, #navbar li a:hover ul li a:visited { /* IE6 hack */ background: #6673FF; color:#fff; text-align:left; display:block; width:100%; padding:0 0 0 1em; height:auto; }

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover, #navbar li a:hover ul li a:hover, #navbar li:hover ul li a:active, #navbar li a:hover ul li a:active { /* IE6 hack */ background: #9CB6FF; color:#000;}

/* IE6 hack applies to its table drop-down */
#navbar table { margin:-1px; border-collapse:collapse; position:absolute; top:0em; left:0; z-index:105; }


#threecolwrap {float:left; width:100%; }

#twocolwrap {float:left; width:100%; display:inline; /* stops IE doubling  margin on float*/ margin-right:-170px; /* CWS - neg margin move */ } 

#leftcolumn {float:left; width:180px; display:inline; /* stops IE doubling margin on float */ margin-bottom:10px;}
#leftcolumn #top_of_box {height:12px;  background:url(images/lav_rnded_top_box.gif) no-repeat; margin:10px 0 0 0;}
#leftcolumn #bottom_of_box {height:12px; background:url(images/lav_rnded_bottom_box.gif) no-repeat; margin:0;}
#leftcolumn li {padding-bottom:.5em;}

#leftcolumn #no_top_box {height:12px;  background:#FFF; margin:10px 0 0 0;}
#leftcolumn #no_bottom_box {height:12px; background:#FFF; margin:0;}

#rightcolumn {float:left; width:170px;}
#rightcolumn_inner img {text-align:center; margin:10px 10px 10px 0;}

#content {width:auto; margin-left:180px; margin-right:170px;}
#content li {padding-bottom:.5em;}
#content #special {width:400px; background-color:#630060; padding:.5em; color:#fff;}
#content #rainbow {height:40px; background:url(images/rainbow.gif) no-repeat; margin:16px 0;}

#footer {width:100%; clear:both; }

/* end of structural styles */ 


/* inner div margin */
#branding_inner, #navbar_inner, #leftcolumn_inner, #content_inner, #rightcolumn_inner {overflow:hidden; /* prevents oversize elements from breaking the layout */ }

#branding_inner {padding:1em 1em .25em .25em;}

#leftcolumn_inner {margin:0 10px 0 0; padding:0 20px 0 20px}
#leftcolumn_inner {background:url(images/lav_rnded_middle_box.gif) repeat-y;}
#leftcolumn_inner.alt {background:#fff}

#rightcolumn_inner {padding:.5em 15px;}

#content_inner {padding:.5em 1em 1em 1em;}

#footer_inner {padding:.5em .5em; text-align:center;}

/* end inner div margins */