/* Start of CMSMS style sheet 'pearl' */
/* CSS Document */

body  {
	font-family:Verdana, arial, times, helvetica, arial, sans-serif;
	margin:0;
	padding:0;
	font-size:76%;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
/************************    HEADER TEXT  ************/
#title  {
	font-size:1.9em;
	font-family:Georgia, verdana, arial, helvetica, arial, sans-serif;
	padding-left:100px;
	font-weight:normal;
	margin-top:10px;;
}
/**********************    NAVIGATION IN TOP-RIGHT CORNER   *****/
#cornernav  {
	float:right;
	margin-top:5px;
	margin-right:5px;
}

#cornernav a {
	color:#686868;
	padding-right:20px;
}
/***************************   INLINE NAVIGATION   WRAPPER     *****/
#navwrap  {
	position:relative;
	padding-top:1px;
	padding-bottom:1px;
	border-top:3px solid #888;
	border-bottom:2px solid #888;
}
/*****************************   INLINE NAVIGATION   *********/
#topnav  {
	background:url(uploads/images/templates/pearl/teal.gif) repeat-x;
	padding-top:5px;
	color:#fff;
}

#topnav ul
{
	height:2.4em;
	line-height:2.4em;
	list-style: none;
	padding:0;
	margin:0;
}

#topnav li
{
	float: left;
}

#topnav li a
{
	line-height:2.4em;
	float:left;
	width:150px;
	display: block;
	color: #fff;
	text-align: center;
}
/****************************    INPUT BUTTONS  ********/
input.side, input.blue  {
	width:100px;
	background-color:#77abb8;
	font-weight: bold;
	font-size:1em;
	margin-top:2px;
	color: #f0f0f0;
	margin-left:20px;
	height:23px;
}

input.blue {
	width:140px;
}
/****************************    SEARCH BAR   ************/
#search {
	position:absolute;
	top:5px;
	right:10px;
}

/******************************   SIDE NAVIGATION     ****/
#sidenav    {
	float:left;
        margin-left:0px;
	margin-top:20px;
	width:200px;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
padding-bottom:10px;
}

#sidenav ul  {
	list-style-type:circle;
}

#sidenav p.search  {
	padding-left:1em;
	padding-bottom:10px;
}

#sidenav li a {
color:#000;
font-weight: bold;
}
#sidenav  li  {
	padding-top:0.6em !important;
	padding-top:0.4em;
}

#sidenav li a {
	color:#000;
}

#sidenav li a:hover  {
	color:#2279af;
}
#sidenav li li a { font-weight:normal; }

#sidenav h2 {
	font-size:100%;
	background:url(uploads/images/templates/pearl/teal.gif);
	color:#fff;
	height:1.8em;
	line-height:1.8em;
	padding-left:15px;
	margin-top:0;
}
#sidenav ul ul {
     padding-left: 20px;
}

#sidenav .activeparent {font-weight: bold; } 

/*************************    MAIN CONTENT AREA  ******* */
#content   {
	width:700px;
	float:left;
	margin-left:30px;
	margin-top:20px;
}


#content  p {
	text-indent:20px;
}

#content a {
	color:#0000ff;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content img {
	float:left;
}

#content h1 {
	height:1.8em;
	line-height:1.8em;
	background:url(uploads/images/templates/pearl/grey.gif) repeat-x;
	border-top:1px solid #c4c4c4;
	margin-top:0;
	font-size:1.2em;
	color:#000;
	padding-left:5px;
}
/*  *************************    FOOTER   *****************  */
#footer  {
	clear:both;
	height:6em;
	border-top:1px solid #77abb8;
	text-align:center;
	color:#000;
	margin-top:3em;
	font-size:.8em;
}

#footer a {
	color:#000;
}

/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper {
	width: 98%;
	}


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 98%;
    margin-left: -1px;
	}
#primary-nav ul {
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
	}
#primary-nav li {
    margin-bottom: -1px;
	position: relative;
background:url(uploads/images/templates/pearl/grey.gif)
	}


/* Styling the basic apperance of the menu elements */

#primary-nav a {
	border: 1px solid #006699;
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
	}
#primary-nav li, #primary-nav li.menuparent {

background:url(uploads/images/templates/pearl/grey.gif) repeat-x;
	}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
	background:url(uploads/images/templates/pearl/grey.gif)
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth {
	background:url(uploads/images/templates/pearl/grey.gif)
	background-position: center right;
	background-repeat: no-repeat;
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background:url(uploads/images/templates/pearl/grey.gif)
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
background:url(uploads/images/templates/pearl/grey.gif)
	}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }
/* End of 'pearl' */