/* -------------------------------------------------------------------------- */
/* Joolam 1.5 Web Template                                    [c] 2008 J. Bos */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* CSS definitions for general body elements.                                 */
/* -------------------------------------------------------------------------- */

html, body, form, fieldset 
{
	margin                 : 0;
	padding                : 0;
}


body 
{
  background-color    : #FFFFFF;
  color               : #000000;
  font-family         : Verdana,Arial,Helvetica,Sans Serif;
  font-size           : 75%;
  margin              : 0;
  padding             : 0;
}


img
{
  border-style        : none;
}

.banneritem {
	display: block;
	margin-top: 15px;
  border                : 2px solid #FFFFFF;
}
 


/* -------------------------------------------------------------------------- */
/* CSS definitions for the page elements                                      */ 
/* -------------------------------------------------------------------------- */

#web-pagewrapper
{
  margin                : 0;
  width                 : 100%;  
}

/* -------------------------------------------------------------------------- */
/* CSS definitions for the header elements                                    */ 
/* -------------------------------------------------------------------------- */

#web-headerwrapper2 
{
	height                 : 64px;
	width                  : 100%;
}


#web-header1 
{
	height                 : 64px;
}


#web-headerlogo
{
	background             : url(../images/rug_logo.png) no-repeat;
	height                 : 64px;
	width                  : 100%;
} 

/* -------------------------------------------------------------------------- */
/* CSS definitions for the top elements                                       */ 
/* -------------------------------------------------------------------------- */

#web-topwrapper2
{
  height                 : 23px;
	width                  : 100%;
}


#web-top1
{
	background             : #FFFFFF;
  height                 : 23px;
  text-align             : right;
  padding-right          : 30px;
  vertical-align         : middle;
  white-space            : nowrap;
}

.mainlevel-topnav
{
  color                  : #7D7D7D;
  font-size              : 83.333%;
  text-decoration        : none;
}

/* -------------------------------------------------------------------------- */
/* CSS definitions for the subheader elements                                 */ 
/* -------------------------------------------------------------------------- */

#web-subheaderwrapper1
{
  height                 : 30px;
	width                  : 100%;
}

#web-subheaderwrapper2
{
  height                 : 30px;
	width                  : 100%;
}


#web-subheader1
{
	width                  : 100%;
	background             : url(../images/subheader_logo.png) repeat-x;
	height                 : 30px;
}


#web-subheader2
{
	width                  : 100%;
	background             : url(../images/subheader_logo2.png) no-repeat;
	height                 : 30px;
  text-align             : right;
}

/* -------------------------------------------------------------------------- */
/* CSS definitions for the search elements                                    */ 
/* -------------------------------------------------------------------------- */

#web-search1 
{
 	height                : 25px;
	width                 : 100%;
}


#web-search2 
{
 	height                : 25px;
	width                 : 100%;
}


#web-search2 .inputbox 
{
  border                : 1px solid #7D7D7D;
  color                 : #7D7D7D;
  font-size              : 83.333%;
  height                : 14px;         
  width                 : 115;
  margin-top            : 5px;
  margin-right          : 68px;
  text-decoration        : none;
}

/* -------------------------------------------------------------------------- */
/* CSS definitions for the navigation elements                                */ 
/* -------------------------------------------------------------------------- */

#web-navigationwrapper1
{
	height                 : 28px;
}


#web-navigationwrapper2
{
	height                 : 28px;
  margin                 : 0 auto;
	width                  : 100%;
}


#web-navigation1
{
	background             : #CC0000;
	height                 : 28px;
  padding-left           : 25px;
}

#ja-containerwrap {
	background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap2 {
	background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

#ja-container {
	background: url(../images/c-bg1.gif) repeat-y 18% 0;
}

#ja-container2 {
	padding: 20px 20px 20px 20px;
	background: url(../images/c-bg2.gif) no-repeat 18% 0;
}

#ja-mainbody-fr #web-contentleft {
	width: 20%;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 80%;
}

#ja-mainbody, #ja-mainbody-fl {
	float: left;
	width: 80%;
}

#ja-mainbody #ja-contentwrap {
	float: right;
	width: 75%;
}

#ja-mainbody-fl #ja-contentwrap {
	float: left;
	width: 100%;
}

#ja-mainbody-f, #ja-mainbody-fr {
	float: none;
	width: 100%;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 74.8%;
	float: right;
}

#ja-mainbody-fr #web-contentleft {
	width: 20%;
	float: left;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 80%;
}

#ja-content {
	padding: 0 20px 0 40px;
}
#ja-contentwrap {
	min-height: 300px;
	height: auto;
}
* html #ja-contentwrap {
	height: 300px;
}
#ja-mainbody-fl #ja-content {
	padding-left: 0;
}

#ja-mainbody-f #ja-content {
	padding: 0;
}

/* Full */
#ja-containerwrap-f {
	background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-f #ja-containerwrap2 {
	background: none;
}

#ja-containerwrap-f #ja-container,
#ja-containerwrap-f #ja-container2 {
	background: none;
}

/* Full left */
#ja-containerwrap-fl {
	background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-fl #ja-containerwrap2,
#ja-containerwrap-fl #ja-container,
#ja-containerwrap-fl #ja-container2 {
	background: none;
}

/* Full right */
#ja-containerwrap-fr {
	background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap-fr #ja-containerwrap2 {
	background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}


/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */

#web-contentleft 
{
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}


#web-contentright 
{
	float: right;
	width: 20%;
	overflow: hidden;
}

#web-contentleft table,
#web-contentright table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

#web-contentleft ul li,
#web-contentright ul li 
{
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#web-contentleft ul, #web-contentright ul 
{
	margin: 0;
}

#web-contentleft ol, #web-contentright ol 
{
	margin-left: 5px;
}

#web-contentleft .article_separator,
#web-contentright .article_separator 
{
	display: none;
}


body.IE6 #ja-cssmenu li ul,
body.IE7 #ja-cssmenu li ul,
body.OPE #ja-cssmenu li ul {
	left: auto;
	top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

body.IE6 #ja-cssmenu li.sfhover ul ul, body.IE6 #ja-cssmenu li.havechildsfhover ul ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul ul, body.IE6 #ja-cssmenu li.activesfhover ul ul,
body.IE6 #ja-cssmenu li.sfhover ul ul ul, body.IE6 #ja-cssmenu li.havechildsfhover ul ul ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul ul ul, body.IE6 #ja-cssmenu li.activesfhover ul ul ul,
body.IE7 #ja-cssmenu li.sfhover ul ul, body.IE7 #ja-cssmenu li.havechildsfhover ul ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul ul, body.IE7 #ja-cssmenu li.activesfhover ul ul,
body.IE7 #ja-cssmenu li.sfhover ul ul ul, body.IE7 #ja-cssmenu li.havechildsfhover ul ul ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul ul ul, body.IE7 #ja-cssmenu li.activesfhover ul ul ul,
body.OPE #ja-cssmenu li.sfhover ul ul, body.OPE #ja-cssmenu li.havechildsfhover ul ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul ul, body.OPE #ja-cssmenu li.activesfhover ul ul,
body.OPE #ja-cssmenu li.sfhover ul ul ul, body.OPE #ja-cssmenu li.havechildsfhover ul ul ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul ul ul, body.OPE #ja-cssmenu li.activesfhover ul ul ul {
	left: auto;
	left: auto;
	top: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
body.IE6 #ja-cssmenu li.sfhover ul, body.IE6 #ja-cssmenu li.havechildsfhover ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul, body.IE6 #ja-cssmenu li.activesfhover ul,
body.IE6 #ja-cssmenu li li.sfhover ul, body.IE6 #ja-cssmenu li li.havesubchildsfhover ul, body.IE6 #ja-cssmenu li li.havesubchild-activesfhover ul, body.IE6 #ja-cssmenu li li.activesfhover ul,
body.IE6 #ja-cssmenu li li li.sfhover ul, body.IE6 #ja-cssmenu li li li.havesubchildsfhover ul, body.IE6 #ja-cssmenu li li li.havesubchild-activesfhover ul, body.IE6 #ja-cssmenu li li li.activesfhover ul,
body.IE7 #ja-cssmenu li.sfhover ul, body.IE7 #ja-cssmenu li.havechildsfhover ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul, body.IE7 #ja-cssmenu li.activesfhover ul,
body.IE7 #ja-cssmenu li li.sfhover ul, body.IE7 #ja-cssmenu li li.havesubchildsfhover ul, body.IE7 #ja-cssmenu li li.havesubchild-activesfhover ul, body.IE7 #ja-cssmenu li li.activesfhover ul,
body.IE7 #ja-cssmenu li li li.sfhover ul, body.IE7 #ja-cssmenu li li li.havesubchildsfhover ul, body.IE7 #ja-cssmenu li li li.havesubchild-activesfhover ul, body.IE7 #ja-cssmenu li li li.activesfhover ul,
body.OPE #ja-cssmenu li.sfhover ul, body.OPE #ja-cssmenu li.havechildsfhover ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul, body.OPE #ja-cssmenu li.activesfhover ul,
body.OPE #ja-cssmenu li li.sfhover ul, body.OPE #ja-cssmenu li li.havesubchildsfhover ul, body.OPE #ja-cssmenu li li.havesubchild-activesfhover ul, body.OPE #ja-cssmenu li li.activesfhover ul,
body.OPE #ja-cssmenu li li li.sfhover ul, body.OPE #ja-cssmenu li li li.havesubchildsfhover ul, body.OPE #ja-cssmenu li li li.havesubchild-activesfhover ul, body.OPE #ja-cssmenu li li li.activesfhover ul {
	top: auto;
}