/* Nifty Corners by Alessandro Fulciniti: http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom{display:block; }
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; }
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 


a
{
text-decoration: none;

}

a:hover
{
color: green;
}

body
{
  background: white url(../images/design/body_bg.png) repeat-y center top;
}

hr.clearer { margin: 0; padding: 0; visibility:hidden; clear:both; overflow: hidden; height: 1px; font-size: 1%;}

/* Will not work on IE6. Do not care. */
table[border="1"] { border: none; border-collapse: collapse; }
table[border="1"] th, table[border="1"] td { margin: 0; padding: 0.5em; border: solid 1px #999; }

h1
{
  color: #aaa;
  font-weight: normal;
  font-size: 161.9%;
  border-bottom: solid 1px #aaa;
  padding-bottom: 0.25em;
  margin-bottom: 0.61766em; /* = 1/1.619 */
}

a.linkButton
{
    display:block;
    border: solid 1px black;
    width: 13.1em;
    font-size: 86%;
    text-decoration: none;
    color: #000;
    height: 1.9em;
    line-height: 1.5em;
    margin-top: 3px;
}
a.linkButton:hover
{
    background-color: #88A8E1;
    color: white;
}
a.linkButton img { border: none; position: relative; top: 3px; margin: 0 4px;}


#Header
{
  background: #0B0A0B url(../images/design/banner_bg.gif) repeat-x center 4px;
  margin: 7px 0;
  position: relative;
}
#Header a.homelink
{
  display: block;
  width: 441px;
  height: 80px;
  background: transparent url(../images/design/banner_text.png) no-repeat right bottom;
  text-indent: -9999px;
}
#Header .rtop, #Header .rbottom { background: #fff; }
#Header .rtop * { background: #272324; }
#Header .rbottom * { background: #0B0A0B; }

#TopNav
{
  background: white url(../images/design/topnav.gif) repeat-x center -70px;
  margin-bottom: 7px;
  position: relative;
}
#TopNav .rtop, #TopNav .rbottom { background: #fff; }
#TopNav .rtop * { background: #D6B9A0; }
#TopNav .rbottom * { background: #B88559; }
#TopNav ul
{
  height: 35px;

}
#TopNav ul, #TopNav ul li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#TopNav ul li 
{
  display: inline;

}
#TopNav ul li a
{
  display: block;
  float: left;
  /*height: 27px;*/
  height: 35px;

  line-height: 35px;
  z-index: 10;
  padding: 0 1em;
  color: #FDFCFB;
  text-decoration: none;
  border: solid 1px #A97E5A;
  border-width: 0 1px;
  border-left-color: #D5C7BA;
}
#TopNav ul li a:hover
{
  background: transparent url(../images/design/topnav.gif) repeat-x center -105px;
  text-decoration: none;
  border-right-color: #D5C7BA;
  border-left-color: #A97E5A;
}
#TopNav ul li.AspNet-Menu-Hover>a /* same styles as above, has to be separate though or IE6 has a cry */
{  
  background: transparent url(../images/design/topnav.gif) repeat-x center -105px;
  text-decoration: none;
  border-right-color: #D5C7BA;
  border-left-color: #A97E5A;
}
#TopNav ul li a.home
{
  border-left:none;
  background: transparent url(../images/design/topnav.gif) no-repeat left top;
  width: 23px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
}

#TopNav ul li a.home:hover
{
    background-position: left -35px;
}

#TopNav ul li a.last
{
  border-right: none;
}

#TopNav ul li ul
{
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 17em;
    height: auto;
    background: #F5DF91;
    border: solid 1px #A97E5A;
    border-width: 0 1px;

}
#TopNav ul li ul li
{
    display: inline;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    line-height: 1;
    height: auto;
}
#TopNav ul li ul li a 
{
    display: block;
    float: none;
    background: none;
    border: none;
    border-bottom: solid 1px #A97E5A;
    padding: 0.5em;
    margin: 0;
    line-height: 1.2;
    height: auto;
        color: Black;
}

#TopNav ul li ul li.AspNet-Menu-WithChildren>a
{
    background-image: url(../images/design/arrow_r.gif);
    background-repeat: no-repeat;
    background-position:  16em center;
}


#TopNav ul li ul li ul
{
    display: none;
    left: 17em;
}

/* Show second level menus on first level mouse hover */
#TopNav ul li.AspNet-Menu-Hover ul 
{
    display: block;
}
/* Hide third level menus when only the first level is being hovered */
#TopNav ul li.AspNet-Menu-Hover ul li ul
{
    display: none;
}
/* Show third level menus when second level is being hovered */
#TopNav ul li.AspNet-Menu-Hover ul li.AspNet-Menu-Hover ul
{
    display: block;
}

#TopNav span.right
{
  display: block;
  width: 5px;
  height: 35px;
  position: absolute;
  overflow: hidden;
  top: 0;
  background: transparent url(../images/design/topnav.gif) no-repeat top right; right: 0; *right: -1px;
}




#LeftNav
{
  background: #080808 url(../images/design/leftnav_bg.gif) repeat-x center 4px;
  color: white;
}
#LeftNav .rtop, #LeftNav .rbottom { background: #fff; }
#LeftNav .rtop * { background: #242021; }
#LeftNav .rbottom * { background: #3E3C3D; }
#LeftNav a.leftimg img
{
	margin: 2px 7px;
}
#LeftNav ul, #LeftNav ul li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#LeftNav ul 
{
  padding: 7px 11px;
  margin: 11px 5px;
  border: solid 1px #ccc;
  border-width: 1px 0;
}
#LeftNav ul ul
{
    border: none;
    padding: 0;
    padding-left: 11px;
    margin: 0;
    margin-bottom: 7px;
}
#LeftNav ul li a
{
  color: #ccc;
  text-decoration: none;
  line-height: 1.5;
}
#LeftNav ul li a:hover
{
  text-decoration: underline;
}

#Breadcrumb
{
	font-size: 86%;
	margin: 1em 0; 
}

#Footer
{
  clear: both;
  margin: 2em 0 7px 0;
  color: #999;
  font-size: 86%;
  padding: 1em 5em;
}
#Footer p.copy
{
  text-align: center;
}

#ContinueEnrolment
{
	width: 200px;
    background: none;
    position: absolute;
    right: 7px;
    top: 8px;

}
#ContinueEnrolment img { border: none;float: right; }


/* search adapted from http://blog.reindel.com/2007/08/13/howto-spruce-up-your-search-box-with-css-and-a-background-image/ */
#search_box {
    width: 160px;
    height: 22px;
    background: transparent url(../images/design/search.gif) no-repeat top left;
    float: right;
    margin: 53px 7px 0 0;
}
#search_box #q {
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 4px;
    margin-left: 2px;
    border: 0;
    width: 130px;
    background: none;
    font-size: 86%;
    color: white;
}
#search_box #go {
    float: right;
    margin: 0 0 0;
    display: block;
    width: 25px;
    height: 22px;
    border: none;
    background: url(../images/design/search_button.gif) no-repeat right -22px;
      cursor: pointer;
      text-indent: 1000px;
      overflow: hidden;
}
#search_box #go:hover
{
  background-position: right 0px;
}