/* CSS Document */

/* general stuff */

/*general formatting tags*/



h1,h2,h3,h4,h5,h6,p,blockquote,form,label,fieldset,address, table{ margin:0.2em;padding: 0.2em;}

h1{text-align:center;
   font-size: 2.0em;
  }

h2{text-align:center;
   font-size: 1.6em;
  }

h3{text-align:center;
   font-size: 1.3em;
  }
  
h4{
   text-align:left;
   font-size: 1.1em;
  } 
  
h5{text-align:left;
   font-size: 1.0em;
  }
  
h6{text-align:left;
   font-size: 0.8em;
  }  
  
img {border:0 none;}

.small{font-size: 85%; }
  


body{
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
font-size: 70%;
}

a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover {
text-decoration:  underline; 
border: none;
 }
 
/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#maindiv{border-width: 5px;
         border-style: ridge;
         width: 90%;
         position:static;   
         padding: 0px;
         margin-left: auto;
	     margin-right: auto;
	     margin-top: 20px;
	    overflow: visible;
	    min-width:600px;
		 max-width:1000px;

	    }
#header{ float: right; margin-top: 0px;width: 100%; 
         height: 100px;}	
	    
#search{float: right;
        margin: 6px; }
		        
#topmenu{ margin: 10px; }  

#banner{float:right;
        margin:6px;
        border-right-width: 6px;
        border-right-style: double;
        border-bottom-width: 6px;
        border-bottom-style: double;
        }
		
#header h1{ font-weight:normal;
            }	

#pathway{ float: left; font-size: 0.9em; width: 60%; margin: 10px;}
#pathway h3{ display:none;}


#leftcol{ width: 22%; 
          float: left;
          margin-left: -3%;
		  position:relative;}	

#rightcol{ width: 22%; 
          float: right;
          margin-right: -3%;
		  position:relative;
		  }	
          
          
#maincolumn{ width: 50%;
             float: left;
			 margin-left:6%;
            /* border-width: 1px;
             border-style: solid;*/
            }
			
/*user 1, 2 and 3*/			
			
#user1user2, #user5user6{width:100%; float:left; margin-top:10px;}			
#user1, #user5{ width: 45%; float: left; margin-left: 1%; margin-top: 10px; border-width: 0px;
            border-style: double;
			padding:1%;
			}
			
#user2, #user6{ width: 45%; float: right; margin-right: 1%; margin-top: 10px; border-width: 0px;
            border-style: double;
			padding:1%;
			}
			
#user1or2, #user5or6{ width: 90%; float:left; margin-left: 2%; margin-top: 10px; border-width: 0px;
            border-style: double;
			padding:1%;
			}
#user1 ul, #user2 ul, #user3 ul li{
                     text-indent: 0em;}


/*top menu*/

#topmenu ul
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}


#topmenu ul li{
float: left;
margin: 0;
white-space: nowrap;
margin-right: 1px;	
}

#topmenu ul li a{
display: block;
width: auto;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
margin-left: 5px;
white-space: nowrap;
}

#topmenu ul li{border-right-width: 0px; border-right-style: solid; border-left-width: 0px; border-left-style: solid; margin-right: 4px;}
#topmenu ul li a:hover{ }
			

#topmenu ul li ul {float:left;}
#topmenu ul li ul li{ float:left; display:block; width:auto; border-width:0px;}

		
/* left and right columns */
#leftcol div.module, #leftcol div.module_menu, #leftcol div.module_text, #rightcol div.module, #rightcol div.module_menu, #rightcol div.module_text, #leftcol div.moduletable_menu, #rightcol div.moduletable_menu, #leftcol div.moduletable, #rightcol div.moduletable, #leftcol div.moduletable_text, #rightcol div.moduletable_text{ 
            border-width: 3px;
            border-style: ridge;
			margin-bottom: 10px; 
			margin-left:0px; 
			margin-top:10px; 
			float:left; 
			width:100%;
          }
		  
		  
/*menus*/
#leftcol li{ padding-right: 0px; 
 border-right-width: 0px; 
 border-right-style: solid;
 border-left-width: 0px; 
 border-left-style: solid;
 padding-top:4px;
 padding-bottom:4px;
 text-align:right;
 }
 
#leftcol li a{padding-right:8px;} 
#leftcol a:hover{ text-decoration: none; }
#leftcol ul{ list-style-type: none; margin-right: 2px; padding-right:2px;}
#leftcol div div div div{ padding: 4px; }
#leftcol div.slider_content{ margin:6px; }

#rightcol li{ padding-left: 0px; 
 border-right-width: 0px; 
 border-right-style: solid;
 border-left-width: 0px; 
 border-left-style: solid;
 padding-top:4px;
 padding-bottom:4px;
 }
 
#rightcol li a{padding-left:8px;} 
#rightcol a:hover{ text-decoration: none; }
#rightcol ul{ list-style-type: none; margin-right: 2px; padding-right:2px;}
#rightcol div div div div{ padding: 4px; }
#rightcol div.slider_content{ margin:2px; }

 
		  
		  
/*content*/	

#content{ margin: 0%;  text-align: justify; width:100%; float:left;}
#contentWrapper{ margin:1%; width:90%}
#content img{ margin: 4px;
              border-width:3px;
			  border-style:ridge; }

div.componentheading{ font-size:1.3em; font-weight:bold;}

#content table.contentpaneopen{ /*border-bottom-width: 1px;
	                            border-bottom-style:solid;*/
								border-top-width: 1px;
	                            border-top-style:ridge;
								}

#content table.contentpane{width: 90% !important; }  
td.contentheading{ font-weight: bold; font-size: 1.2em; text-decoration: none; width:70% !important}
td.buttonheading{ width:50% !important; }
td.modifydate, td.createdate{ font-size: 0.9em; font-style: italic; }

#content span.item_toc{float:right; }
/*#content h2, #content h3{  margin: 0.5em; padding: 0.1em; margin-right:auto; margin-left:auto; }*/
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a{text-decoration:none; }
#content table.contenttoc {margin:8px;padding: 4px; }
#content table.contenttoc td{margin:0px;padding:0px; }
#content table.contenttoc a{margin-left:4px; margin-right:4px;padding:4px;}
#content table.contenttoc a:hover{ text-decoration:none; }

		  
		  
/*footer*/		  
#footer{ text-align: center; }	

/*pagination*/

span.pagenav{ display: none; }
a.pagenav{ font-weight:bold; font-size: 1.1em;}

div.tool-tip{ padding:2px; }

/*adverts*/
div.bannergroup_text{ font-style: italic; font-weight: lighter; font-size: 0.9em;}
div.bannerheader{ font-weight: bold; font-style:normal; font-size: 1.2em; margin:4px;}
div.banneritem_text a{ font-style:normal; text-decoration:underline; font-weight: normal;font-size: 1.0em;}
div.banneritem_text{ margin: 4px; }

/*editor*/

fieldset{ font-size: 0.9em; }
table.adminform td, fieldset.metadata, fieldset{ white-space: normal;}
td.mceToolbarTop, span.mceToolbarContainer{   white-space: normal; text-align:center; position:static !important;}
td.mceToolbarTop a, td.mceToolbarTop a img{padding:0px; margin:0px; position:static !important;} 
table.mceEditor, span.mceToolbarContainer, span.mceMenuButton{ position:static !important; }
#content textarea, textarea#text, textarea.inputbox { width: 330px !important; overflow:auto; }
textarea#metadesc, textarea#metakey, input#created_by_alias{ width: 250px !important; overflow:auto; }

		
/*lightbox*/
#buttonWrapper{ float:left; margin-bottom: 4px; margin-top:10px;}
#buttonWrapper a{ padding: 4px; font-size:1.1em;  text-decoration:none;}

div.featureditemscarousel_pane{  }

/*forum*/

#content form, #content div.forum{text-align:left;
                                  white-space:normal;
								  padding: 4px;}





