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

/*


Colors: 
Logo colors: blue = 66b3ff; yellow = ffff66; orange = ff8205
Menu drop downs: #66a0ad
Active Menu: #80b2bd

*/


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

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}



/************************ Float Classes  ************/
.melClear:after
{

	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.melClear
{
	clear: both; 
	height: 1px; 
	overflow: hidden; 
	margin-top: -1px;
}

* html .mcsClear
{
	height: 1px;
}


/************************    HEADER TEXT  ************/
#pagewrapper {
        margin: 10px auto;
        /*max-width: 80em;
        min-width: 60em;*/
        width: 900px;
        padding: 0;
        text-align: left;
        border: 1px solid black;
        z-index: -1;  
        background-color: #66b3ff;


}

/************************    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:#4a6a73;
	padding-right:20px;
}


#logo
{
        background-image: url(uploads/images/logo5.jpg);
        background-repeat: no-repeat;
        height:100px;
        width:900px;
}

/***************************   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:80px;
	display: block;
	color: #fff;
	text-align: center;
}


/**********************    HEADER  *****/
div#header {
   margin: 0;
   padding: 0;
   height: 125px; /* adjust according your image size */
   background: #385C72;      
   text-align: left;     
}

div#header h1 a {
/* you can set your own image here */
   background: #385C72 url(uploads/images/MelbergLogo3.jpg) no-repeat 0 12px; 
   display: block; 
   height: 125px;             /* adjust according your image size */
   text-indent: -700em;  /* this hides the text */
   width:  900px
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}



/****************************    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:40px;
}
/****************************    SEARCH BAR   ************/
#search {
	position:relitave;
	top:5px;
	right:10px;
}

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

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

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

#sidenav  li  {
	padding-top:0.6em !important;
	padding-top:0.4em;
}

#sidenav li a {
	color:#000;
}

#sidenav li a:hover  {
	color:#2279af;
}

#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;
}
/*************************    MAIN CONTENT AREA  ******* */
#content   {
	background-color: #FFFFFF;
	padding: 5px;
	float:left;
	/*
	margin-top:10px;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	*/
}

.contentwrapper {
        margin: 5px;
}

#pagewrapper  p {
	/*text-indent:20px;*/
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
}

#pagewrapper a {
	color:brown;
	text-decoration:none;
}

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

#pagewrapper img {
	float:left;
        padding: 10px;
}

/*For floating right*/
#pagewrapper img.right {
	float:right;
        padding: 10px;
}

#pagewrapper 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;
	border-top: 1px solid #000000;
	text-align: center;
	color:#000;
	font-size:.8em;
	height: 60px;
	padding-left: 10px;
	padding-right: 10px;
}

#footer table 
{
       width:100%;
}

#footer a {
	color:#000;
}
/* End of 'Main' */

/* Start of CMSMS style sheet 'Main CSS Menu' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb 
{ 
	clear: both;
}

h1
{
z-index: -1;
}

#menuwrapper { 
	/* Fix for Opera 8 */ 
	/*   overflow: hidden;  */ 
	background-color: #ECECEC;
	width: 100%;
	padding-top:1px;
	padding-bottom:1px;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	background:url(uploads/images/MenuGradSel.jpg) repeat-x;
	font-size: 10pt;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 

   
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left;
   z-index: 2;
   background:url(uploads/images/MenuGradSel.jpg) repeat-x;
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   margin-bottom: -4px;  /* Fix for IE displaying menus */
   float: none; 
   position: relative; 
   z-index: 2;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
	display: block; 
	margin: 0px;
	padding: 0px 5px;
	z-index: 999;
        text-decoration: none; 
   	color: #FFFFFF;
	text-align: center;
   	line-height:2.4em;
}

#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
   color:#EB7500;
   font-weight: bold;
   z-index:999;
}

/*formats items below main menu items.*/
#primary-nav li li a { 
   border: 1px solid #C0C0C0;
   background-image: none;
}
	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #66a0ad;
  
}

/* 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/MenuGrad.jpg) repeat-x;
}

#primary-nav li.menuactive a{ 
   color: #004D99;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(uploads/images/templates/pearl/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}

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

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

#primary-nav li:hover a:hover, 
#primary-nav li.menuh a:hover, 
#primary-nav li.menuparenth a:hover, 
#primary-nav li.menuactiveh a:hover 
{ 
}


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

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#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; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#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; 
}
/* End of 'Main CSS Menu' */

/* Start of CMSMS style sheet 'Main Guestbook' */
/*
RJM - Copied Default/example stylesheet for the CMSMS Guestbook module.
*/

 /* Style pagination */

.cms-guestbook-pagination_header {
	margin: .5em 0;
}
.cms-guestbook-pagination_nav {
	font-weight: bold;
	margin: .5em 0;
}
.cms-guestbook-pagination_nav a {
    font-weight: normal;
}

/* Style the guestbook */

/* Style each entry */
.cms-guestbook-entry
{
	border: 1px solid #069;
	margin-bottom: 1em;
}

/* Style the message header */
.cms-guestbook-entry-header
{
	background: url(/uploads/images/templates/pearl/teal.gif) repeat-x;
	color: white;
	border: 1px solid black;
	margin: 1px;
}

#content .cms-guestbook-entry-header a, #content .cms-guestbook-entry-header a:visited
{
	color: white;
	text-decoration:underline;
}


/* Style the actual message */
.cms-guestbook-entry-text 
{
	background: #eee;
	padding: .5em;
	color: black;
}

#content .cms-guestbook-entry-text  p
{
	padding: 0px;
	margin: 0px;
}

/* Show the postdate on the right */
.cms-guestbook-entry-posted 
{
	color:black;
	float: right;
	font-size: smaller;
}

/* Style message header links */
.cms-guestbook-entry-header a {
	color: white;
} 
.cms-guestbook-entry-header a:hover {
	color: black;
} 
		  
/* Style the sender name */
.cms-guestbook-entry-sendername
{
	font-weight: bold;
}

/* Style the E-mail link */
.cms-guestbook-entry-email {
	font-size: smaller;
}
		      
/* Style the senders homepage link */
.cms-guestbook-entry-homepage
{
	font-size: smaller;
	margin: 2px;
	margin-bottom: 0;
}

/* End of 'Main Guestbook' */