/* © MULTILAYER DESIGN LTD - MULTILAYERDESIGN.COM

updated 30th jan 2009

*/
/*set base to work from */
@import "reset.css";

/*NO SUPPORT FOR IE6*/
#ie6
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #000;
	font-size: 25px;
	overflow: hidden;
}

#ie6warning
{
	margin: 200px auto 0 auto;
	width: 80%;
	left: 20%;
}


.png
{

}

/*overrides, also external js font size changer, should also cope without js*/
/*default*/

/*start default sizes*/
p
{
    font-size: 0.8em;
    line-height: 1.4em;
    white-space: normal;
	margin: 10px 0 10px 0;
}

h1
{
	float: left;
	font-size: 0.9em;
	color: #363;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
h1 a
{
	color: #363;
	text-decoration: none;
}
h1 a:hover
{
	color: #363;
	text-decoration: underline;
}


h2
{
	font-size: 1.0em;
	color: #363;
	padding: 0;
	margin-top: -5px;
	font-weight: bold;
}

h2 a
{
	color: #363;
	text-decoration: none;
}
h2 a:hover
{
	color: #363;
	text-decoration: underline;
}

h3
{
	font-size: 0.95em;
	color: #363;
	padding: 0;
	margin-top: -5px;
	font-weight: bold;
}

h4
{
	font-size: 0.9em;
	padding: 0 5px 5px 0;
	margin: 0;
	color: #000;
	font-weight: bold;
}


h5
{
	font-size: 0.85em;	
	margin: 0;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

h6
{
	font-size: 0.85em;	
	margin: 0;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

strong
{
	font-weight: bold;
}


ul
{
	margin: 15px;
	list-style-type: disc;
	list-style-position: inside;
}

ul li
{
	font-size: 0.8em;
	margin-left: 10px;
}

ul li a
{
	font-size: 1.1em;
}

ul.nobullets li
{
	margin: 15px;
	list-style-type: none;
	list-style-position: inside;
	font-size: 0.95em;
	line-height: 0.4em;
}

#statsviewcountgraph ul li div
{
	font-size: 1.0em;
}

#sitemap ul li a
{
    font-size: 1.0em;
}
#details
{
	font-size: 1.2em;
}

ul li ul li
{
	font-size: 0.95em;
}
/*end default sizes*/

body, html
{
	background: #b0d0ff;
	color: #000;
	font-family: arial, "Trebuchet MS", helvetica, "Courier New", Georgia, serif;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;	
}

body
{
	min-width: 980px;
	width: auto;
    height: auto;    
}

.clear
{
    clear: both;    
}

.clearleft
{
    clear: left;    
}
.clearright
{
    clear: right;    
}

.cb:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.cb
{
    display:block;
}


#mainbody
{
	background: url(../images/linebg_tiled.jpg) repeat;
	height: 100%;
	min-height: 100%;
	width: 100%;
	z-index: -1;
	overflow: hidden;
}


#headerwrapper
{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
    z-index: 0;
    /*border: dashed 1px blue;*/
    height: 235px;
}

#footerwrapper
{
	float: left;
	width: 100%;	
	padding: 2px;
	margin: 0;
}

#headerleft
{
	position: relative;
	float: left;
	clear: left;
	margin-left: 0;
	background: url(../images/bg_headerleft.png) no-repeat;
	height: 235px;
	width: 87px;
	z-index: 0;
}

#headercentre
{	
	position: relative;
	margin-left: 87px;
	margin-right: 87px;
	background: url(../images/bg_headercentre.png) repeat-x;
	height: 235px;
	width: auto;
	z-index: 0;	
}

#headerright
{
	position: relative;
	float: right;
	clear: right;
	margin-right: 0;
	margin-top: -235px; /*stop fall off end */
	background: url(../images/bg_headerright.png) no-repeat;
	height: 235px;
	width: 87px;
	z-index: 0;	
}


#footerleft
{
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/bg_footerleft.png) no-repeat;
	height: 200px;
	width: 150px;
	z-index: 0;
	/*border: solid 1px red;*/
}

#footercentre
{
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 150px;
	background: url(../images/bg_footercentre.png) repeat-x;
	height: 200px;
	width: auto;
	z-index: 0;
	
}

#footerright
{
	float: right;
	margin-right: 0;
	margin-top: -200px; /*stop drop off end*/	
	background: url(../images/bg_footerright.png) no-repeat;
	height: 200px;
	width: 150px;
	z-index: 0;

}


#footerhillsleft
{
	float: left;
	margin-top: -88px;
	margin-left: 0;
	background: url(../images/bg_footerhillsleft.png) no-repeat;
	height: 88px;
	width: 500px;
	z-index: 1;
}

#footerhillscentre
{
	margin-top: -12px;
	margin-left: 500px;
	margin-right: 460px;
	background: url(../images/bg_footerhillscentre.png) repeat-x;
	height: 12px;
	width: auto;
	z-index: 1;
}

#footerhillsright
{
	float: right;
	margin-right: 0;
	margin-top: -101px;
	background: url(../images/bg_footerhillsright.png) no-repeat;
	height: 101px;
	width: 460px;
	z-index: 1;
}

#birds_topleft
{
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/birds_topleft.png) no-repeat;
	width: 50px;
	height: 100px;
}

#birds_topright
{
	float: right;
	clear: right;
	margin-top: 0;
	margin-right: 0;
	/*position: absolute;
	top: 0;
	right: 0;*/
	background: url(../images/birds_topright.png) no-repeat;
	width: 80px;
	height: 140px;
}

#detailbottomleft
{
	float: left;
	margin-top: -220px;
	margin-left: 0;
	background: url(../images/detail_bottomleft.png) no-repeat;
	height: 220px;
	width: 500px;
	z-index: 3;
}

#detailbottomcentre
{
	margin-top: -49px;
	margin-left: 500px;
	margin-right: 450px;
	background: url(../images/detail_bottomcentre.png) repeat-x;
	height: 49px;
	width: auto;
	z-index: 3;
}

#detailbottomright
{
	float: right;
	margin-right: 0;
	margin-top: -135px;
	background: url(../images/detail_bottomright.png) no-repeat;
	height: 135px;
	width: 460px;
	z-index: 3;
}




/*footer list stuff*/
#footerinfo
{
	float: left;
	width: 100%;
	padding: 0;
	margin: -30px 0 0 0;
}

#footerlist
{
	position: relative;
	float: left;
	line-height: 26px;
	height: 26px;
	width: 700px;
	padding: 0;
	margin: 0;	
}
	
#footerlist li
{
    display: inline;
    list-style-type: none;    
    margin: 0 0 0 10px;
	font-size: 0.7em;
	color: #fff;
	
}
#footerlist li a
{
	text-decoration: none;	
}

.keepaligned
{	
	margin-bottom: -8px;
}

#authorlink
{
	position: relative;
	float: right;
	line-height: 20px;
	padding: 0;
	width: auto;
	height: 26px;
	margin: 0 20px 0 0;	
}
	
#authorlink li
{
    display: inline;
    list-style-type: none;
    margin: 0;
	font-size: 0.7em;
	color: #fff;	
}

img
{
	border-style: none;

}



#prospectus
{
	float: right;
	margin-top: -105px;
	margin-right: 120px;
	width: 125px;
	height: 60px;
	padding: 0;
	/*border: solid 1px #666;	
	background: #fff;*/
	font-size: 0.8em;

}

#prospectus img
{
    float: right;
    margin-top: -30px;
    margin-right: 15px;
}


/*main page stuff*/

#mainheader
{    
    position: relative;
	margin: -235px auto 0 auto;
    background: url(../images/mainpageheader.png) no-repeat;
	height: 191px;
	width: 802px;
	padding: 0;
	
	/*border: solid 1px red;*/
}

#toolbar
{
	position: absolute;
	top: 153px;	
	height: 35px;
	width: 670px;
	padding-left: 100px;
	margin: 0;
	z-index: 1002;
	/*border: dashed 1px green;*/
}

/*toolbar button*/

.toolbarbutton
{
	font: normal 1.0em "Trebuchet MS", arial, helvetica, "Courier New", Georgia, serif;
	margin: 0;
	padding: 0;
	cursor: pointer;
	
}

.toolbarbutton ul
{
	float: right;
	line-height: 29px;
	list-style: none;
	margin: 0;
	width: 600px; /*change this to bosh in one button, example shows 3, so adjust to suit an average button*/
	/*border: dashed 1px green;*/
}

.toolbarbutton li
{
	display: inline;
	padding: 0;
}

.toolbarbutton a
{
	color: #000;
	float: left;
	padding: 0 3px 0 10px; /* left 3 px because of left image */ 
	text-decoration: none;
	color: #fff;
	/*width: 90px;*/	
	outline: none;
}

.toolbarbutton a span
{
	display: block;
	float: none;
	padding: 2px 10px 5px 0;
}

.toolbarbutton a
{
	background: url(../images/buttons/toolbar_leftnormal.png) no-repeat left center;
}

.toolbarbutton a span
{
	background: url(../images/buttons/toolbar_rightnormal.png) no-repeat right center;
}

.toolbarbutton a span img
{
	padding-top: 7px;
	padding-left: 0;
}

.toolbarbutton a:hover
{
	background: url(../images/buttons/toolbar_lefthover.png) no-repeat left center;
	z-index: 1000;
}

.toolbarbutton a:hover span
{
	background: url(../images/buttons/toolbar_righthover.png) no-repeat right center;
}

.toolbarbutton a:active
{
	background: url(../images/buttons/toolbar_leftdown.png) no-repeat left center;
}

.toolbarbutton a:active span
{
	background: url(../images/buttons/toolbar_rightdown.png) no-repeat right center;
}

.toolbarbutton a.right
{
	float: right; /* for right align - just add class="right" i.e.  <a class="right"... */
}

/*end of toolbar button */



#tabs
{
    position: absolute;
    top: 9px;
    padding-right: 20px;
    width: 802px;
    height: 30px;
    /*margin-top: -226px;*/
    /*border: dashed 1px green;*/
    z-index: 1002;
    
}

.tabbutton
{
	/*float: right;
	clear: right;*/
	font: normal 14px arial, "Trebuchet MS", helvetica, "Courier New", Georgia, serif;
	margin: 0;
	padding: 0;
	cursor: pointer;
	
}

.tabbutton ul
{
	float: right;
	line-height: 29px;
	list-style: none;
	margin: 0;
	width: 430px; /*change this to bosh in one button, example shows 3, so adjust to suit an average button*/
	/*border: dashed 1px green;*/
}

.tabbutton li
{
	display: inline;
	padding: 0;
}

.tabbutton a
{
	color: #000;
	float: left;
	padding: 0 3px 0 14px; /* left 3 px because of left image */ 
	text-decoration: none;
	/*width: 90px;*/	
}

.tabbutton a .underlinetextenglish
{
	text-decoration: underline;
}
.tabbutton a .underlinetextnepali
{
	text-decoration: none;
}


.tabbutton a span
{
	display: block;
	float: none;
	padding: 0 15px 5px 1px;
}

.tabbutton a
{
	background: url(../images/buttons/tableft.png) no-repeat left center;
	
}

.tabbutton a span
{
	background: url(../images/buttons/tabright.png) no-repeat right center;
	
}

.tabbutton a span img
{
	padding-top: 0;
}

.tabbutton a:hover
{
	background: url(../images/buttons/tablefthover.png) no-repeat left center;
	z-index: 1000;
}

.tabbutton a:hover span
{
	background: url(../images/buttons/tabrighthover.png) no-repeat right center;
}

.tabbutton a:active
{
	background: url(../images/buttons/tableftdown.png) no-repeat left center;
}

.tabbutton a:active span
{
	background: url(../images/buttons/tabrightdown.png) no-repeat right center;
}

.tabbutton a.right
{
	float: right; /* for right align - just add class="right" i.e.  <a class="right"... */
}

#searchheader
{
    position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/mainpagetiled.png) repeat-y;
	height: 56px;
	width: 802px;
	z-index: 1;	
}


#mainwrapper
{
    margin: 12px auto 0 auto;
	padding: 0;
	background: url(../images/mainpagetiled.png) repeat-y;
	height: auto;
	width: 802px;
	z-index: 1;
	
	/*border: dashed 2px blue;*/
}

#mainwrapperbottom
{
    margin: 0 auto -20px auto;
	background: url(../images/mainpagebottom.png) no-repeat;
	height: 64px;
	width: 802px;
	z-index: 1;
	/*border: dashed 1px red;*/
}

#logowrapper
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
	/*border: dotted 1px yellow;*/
}
#logo
{
	position: relative;
	float: left;
    width: 100%;
    height: 250px;
    margin-top: 0;
    /*border: solid 1px red;*/
    z-index: 1000;
    
}

#logoleft
{
    position: relative;	
	height: 250px;
	margin-left: 2%;
	/*border: solid 1px blue;*/
	z-index: 1000;
}

#logocentre
{
    position: relative;	
	height: 250px;
	width: 942px;
	margin: -250px auto 0 auto;	
	z-index: 1001;
	/*border: solid 1px green;*/
}

#logocentre a img
{
	position: relative;	
	width: 250px;
	height: 250px;
	z-index: 1006;
	
}

#breadcrumb
{    
    position: relative;
	float: left;
	font-size: 0.75em;
    color: #363; /*nice rich green*/    
    text-align: left;
    height: 36px;
    width: 430px;    
	/*border: solid 1px blue;*/
	margin: 0 0 0 130px;
	z-index: 2;
}

#searchbox
{
	position: relative;
	float: right;
    height: 36px;
    width: 215px;
    margin: 10px 0 0 0;
    padding: 0;
    /*border: solid 1px blue;*/
}

#searchicon
{
	position: relative;
	float: left;
	height: 32px;
    width: 32px;
    margin: 2px 5px 0 0;
	padding: 0;
    background: url(../images/icons/searchicon.png) no-repeat;
    /*border: solid 1px blue;*/
}

.searchinput
{
	position: relative;
	float: left;
	margin: 6px 0 0 0;
	width: 105px;
	height: 16px;
	border: solid 1px #ccc;
	font-size: 0.8em;
	padding: 0;
	outline: #808080 solid 1px; /*cmon ie catch up*/
}

.searchsubmit
{
	position: relative;
	float: left;
	height: 24px;
    width: 40px;
    padding: 0;
    margin: 3px 0 0 5px;
	z-index: 3;
	/*background: url(../images/buttons/search.png) no-repeat;*/
	cursor: pointer;
	outline: none;
}

/*

.search
{
	
    height: 32px;
    width: 48px;
    padding: 0;
    margin-left: 5px;
    cursor: pointer;
	outline: none;
	z-index: 3;
}

.searchhover
{
    float: left; 
    height: 32px;
    width: 48px;    
    margin-left: 5px;  
    background: url(../images/buttons/searchhover.png) no-repeat;   
	z-index: 2;	
	cursor: pointer;
	outline: none;
}

.searchdown
{
    float: left;
    height: 32px;
    width: 48px;   
    margin-left: 5px;  
    background: url(../images/buttons/searchdown.png) no-repeat;
    border: none;
	z-index: 2;	
	cursor: pointer;
	outline: none;
}
*/

#contentheader
{
    float: left;
    width: 520px;
    height: 60px;
    padding: 0 0 0 45px;
    /*border: solid 1px red;*/
}

#contenttiled
{
    float: left;
    width: 450px;
    min-height: 8em;
    height: auto;
    padding: 0 30px 20px 70px;    
    margin-top: 10px;
    white-space: normal;
    /*border: solid 1px #000;*/
}

#bottompage
{
    float: left;
    font-size: 0.8em;    
    width: 802px;    
    height: 40px;
    /*border: solid 1px #000;*/
}

#bottomrightinfo
{
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    color: #363; /*nice rich green*/
    width: 200px;
    height: 25px;
    text-align: left;
    padding-top: 0;
    margin-right: 14px;
    margin-top: -5px;
    /*border: solid 1px #000;*/
}


#details
{    
    margin: 0 auto 0 auto;
	height: 70px;
	width: 802px;
}

#contactdetails
{
    position: relative;
	float: left;
    font-size: 0.7em;
    height: 40px;
    padding-top: 12px;
    padding-left: 50px;
    /*border: dashed 1px red;*/
}

#sitedetails
{
    position: relative;
	float: right;
    font-size: 0.7em;
    padding-top: 10px;
    height: 30px;
    width: 210px;
	/*border: solid 1px red;	*/
}

#sitedetails ul
{
    padding-left: 10px;
    margin: 0;
}
#siteinfo
{
    float: left;
    width: 195px;
    margin-left: 10px;
    /*border: dashed 1px blue;*/
}

#siteinfo li
{
    display: inline;
    list-style-type: none;
	line-height: 1.2em;
	padding-right: 10px;
}


/*content header stuff - dynamic*/
#todaysdate
{
    float: left;
    background: url(../images/todaysdate.png) no-repeat;
	height: 54px;
	width: 73px;
}

#dmonth
{
    font-size: 1.0em;
    line-height: 1.1em;
    color: #336633; /*nice rich green*/
    padding-top: 10px;
    text-align: center;    
}

#dday
{
    font-size: 1.0em;
    line-height: 1.1em;
    color: #336633; /*nice rich green*/
    text-align: center;
}

#contentheaderinfo
{
    position: relative;
	float: left;
    height: 54px;
	width: 440px;
	margin: 0;
}


#chititle
{
    color: #363; /*nice rich green*/
    padding-left: 10px;
    padding-top: 9px;
    text-align: left;
    height: 18px;    
}

#chititleline
{
    height: 1px;
    width: 350px;
    border-bottom: solid 1px #363;
    margin-left: 10px;
}

#chicatinfoicon
{
    float: left;
    margin-left: 10px;
    height: 20px;
    width: 20px;
    background: url(../images/icons/caticon.png) no-repeat;
    
}

#chicatinfo
{
    float: left;
    font-size: 0.7em;
    line-height: 1.0em;
    color: #69f; /*nice blue*/
    text-align: left;
    padding-left: 0;
    padding-top: 4px;
    margin-left: 10px;
    height: 20px;
    
}

#chipostinfo
{
    float: left;
    
    font-size: 0.7em;
    line-height: 1.0em;
    color: #999; /*nice grey*/
    text-align: left;
    padding-left: 5px;
    padding-top: 4px;
    height: 20px;
}

fieldset
{
    border: none;
	margin: 0;
}

.displayright
{
    float: right;
    clear: right;
}

.displayleft
{
    float: left;
    clear: left;  
}

/*.photo
{
    padding: 10px 0 15px 10px;
    
}

<p id="photoholder">
<img src="images/ithaka.jpg" alt="Picturesque fishing village on Ithaka." id="thephoto" />
</p>
*/


.photo
{
/*	width:227px;
	height:191px;*/
	/*border:1px solid #666;*/
	background:#fff url(../images/loading.gif) 50% 50% no-repeat;
	padding-left: 10px
}
/*
#thephoto
{
	width:227px;
	height:191px;
}
*/

/*
main content character width check
     1         2         3         4         5         6         7         8         9
0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789

*/


#menu
{
    float: right;
	width: 210px;
	height: auto;
	margin: 15px 0 0 0;
	padding-top: 5px;
	padding-bottom: 25px;
	/*border: solid 1px red;*/
}

#menu ul
{
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    line-height: 30px;
    list-style: url(../images/icons/caticon.png);
    list-style-position: inside;
    width: 185px;
}

#menu ul li
{    
    border-bottom-style: groove;
    border-bottom-width: thin;
    
}

#menu ul li a
{
    
    color: #363; /*nice rich green*/
    text-decoration: none;
	margin-left: -2px;
    
}

#menu ul li a:hover
{
    
    color: #69f; /*nice blue*/  
}

#menu ul li a:active
{
    
    color: #363; /*nice rich green*/
    text-decoration: none;
}

.divbar
{
    width: 180px;
    margin-top: 12px;
    padding: 0 0 5px 0;
    border-top-style: groove;
    border-top-color: #363;
    border-bottom-width: thin;
}

#nextevents
{
    float: right;
	width: 205px;
	height: 140px;
	margin: 15px 0 0 0;
	padding: 5px 5px 25px 5px;	
	/*border: solid 1px red;*/
}
#nextevents ul
{
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    line-height: 18px;
    list-style-position: inside;
    list-style: none;
}
#nextevents ul li a
{
    font-size: 1.1em;
    color: #363; /*nice rich green*/
    text-decoration: none;
    font-weight: bold;
}

#nextevents ul li span
{
    font-size: 0.85em;
    color: #363; /*nice rich green*/
    text-decoration: none;
    padding-left: 10px;
}

#nextevents ul li a:hover
{
    font-size: 1.1em;
    color: #69f; /*nice blue*/  
}

#support
{
	position: relative;	
	width: 185px;
	height: 240px;
	margin: 10px 25px 15px 0;
	padding: 0;
	border: solid 1px #ccc;
	background: #fff;
	
}

#support ul
{
	position: relative;	
	width: 185px;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-position: inside;
    list-style: none;
}
#support ul li
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 0 10px 15px;
}

#furtherreading
{
	position: relative;
	width: 450px;
	height: 100px;
	margin: 0 0 10px 100px;
	/*border: solid 1px red;*/
}
#furtherreading ul
{
	position: relative;
	width: auto;
	height: auto;
	list-style-position: inside;
    list-style: none;
	line-height: 24px;
}

#furtherreading ul li
{
	position: relative;
	background: url(../images/icons/caticon.png) no-repeat 0 3px;
	padding-left: 28px;
}

#leftpanel
{
    float: left;
    width: 570px;
    /*border: solid 1px blue;*/
}
#rightpanel
{
    float: right;
    width: 210px;
    /*border: solid 1px red;*/
}

#recentlyadded 
{
	float: right;
	margin-top: -180px;
	margin-right: 265px;
	width: 320px;
	height: 110px;
	padding: 0;
    /*border: dashed 1px red;*/
}

.thindivbar
{
    border-top: solid 1px #999;
    width: 320px;
    height: 1px;
}

#recentlyadded ul
{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

#recentlyadded ul li a
{
    font-size: 0.95em;
    line-height: 1.1em;
    color: #000;	
	border-bottom: dotted 1px #999;
	text-decoration: none;
	padding-left: 10px;
}

#recentlyadded ul li a:hover
{
    text-decoration: underline;
}
#recentlyadded ul li a:active
{
    text-decoration: none;
}

#sitemap
{
    width: 500px;
    height: auto;
    margin: 0 0 0 50px;
    /*border: solid 1px red;*/
}

#sitemap ul
{
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
}

#sitemap ul li
{
	padding-left: 30px;
	line-height: 1.8em;
}

.caticon
{
    background: url(../images/icons/caticon.png) no-repeat;
}

#sitemap ul li a
{
    line-height: 1.6em;
    color: #000;	
	text-decoration: none;
	padding-left: 20px;
    display: block;	
}

#sitemap ul li a:hover
{
    text-decoration: underline;
    
}
#sitemap ul li a:active
{
    text-decoration: none;
    
}

/*MAIN LEFT CONTENT PANELS*/
#categories, #searchitems, #findus, #contactus, #statsviewcountgraph, .messages, #stafflist
{
    width: 520px;
    height: auto;
    margin: 0 0 0 50px;
    /*border: solid 1px red;*/
}

#categories ul
{
    display: block;
    margin: 0 0 0 30px;
    padding: 0;
    list-style: none;
    list-style-position: inside;
    /*list-style: url(../images/icons/caticon.png);*/
}

#categories ul li, #searchitems ul li
{
	line-height: 2.0em;
	background: url(../images/icons/caticon.png) no-repeat 0 3px;
	padding-left: 28px;
}

#findus ul li
{
	padding-left: 5px;
	line-height: 1.8em;
}



#findus ul, #searchitems ul, #contactus ul, #statsviewcountgraph ul
{
    display: block;
    margin: 0 0 0 30px;
    padding: 0;
    list-style-type: none;
    list-style-position: inside; 
}

#searchitems ul
{
    float: left;
    margin: 0;
    padding: 0;    
    list-style: none; /*url(../images/icons/caticon.png);*/
    list-style-position: inside;    
}


#findus ul li, #contactus ul li, #statsviewcountgraph
{
	padding-left: 5px;
	line-height: 1.2em
}

#usersonline
{
    position: relative;
	text-align: right;
    margin: 0;
    padding: 0;
    height: 20px;
    width: 180px;
    /*border: solid 1px red;*/
}
#usersonline p
{
    margin: 0;
    padding: 0;    
}

#mainitemeditor
{
    width: 500px;
    height: auto;
    margin: 0 0 0 50px;
   /*border: solid 1px red;*/
}

.inputbox
{
 	float: left;
	margin-top: 2px;
	width: 95px;
	height: 14px;
	border: solid 1px #ccc;
	font-size: 0.8em;
	outline: #808080 solid 1px; /*cmon ie catch up*/
}
label
{
	font-size: 0.8em;
	float: left;
	/*width: 65px;*/
	text-align: left;
	padding: 0;
	margin: 0;	
}

#loginbox
{
	/*border: solid 1px red;*/
	position: relative;
	margin: 0;
	padding: 0;
	width: 195px;
	
}

#loggedinbox, #closeloginlink
{
	display: none;
}

#loginlink, #loggedinbox, #closeloginlink
{
	text-decoration: none;
	color: #363; /*nice rich green*/
}
.floatmeright
{
	float: right;
}

.help
{
	cursor: help;
}

#stafflist
{
	
	width: 510px;
	height: auto;
	margin: 0;
	padding: 0;
	/*border: solid 1px red;*/
	font-size: 0.9em;
}
#stafflist ul
{
	display: inline;
	margin: 0;
	padding: 0;	
}

#stafflist ul li
{
	float: left;	
	padding-left: 10px;
    list-style-type: none;
	margin: 0;
	text-align: left;
	
}

.tblheading
{
	float: left;	
	height: 20px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: #ddd;
	font-weight: bold;
}
.staffname
{
	float: left;
	width: 100px;
	height: 110px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-weight: bold;
}
.staffposition
{
	float: left;
	width: 100px;	
	height: 110px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
.staffqualifications
{
	float: left;
	width: 250px;
	height: 110px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	
}

#topheadertag
{
	position: relative;
	float: left;
	margin: -30px 0 0 125px;
	padding: 0;
	/*border: dashed 1px red;*/
	width: 540px;
	height: 25px;
	z-index: 5;
}

.padme
{
	margin-left: 38px;
}

/*new boxes for a little more emphasis */
/*half-size-box*/
.half-size-box
{	
	position: relative;
	float: left;
	width: 210px;
	min-height: 200px;
	height: auto;
	background: #fbfed7;
	border: solid 1px #666;
	margin: 10px 0 10px 5px;
}
/*important-info*/
.important-info
{
	position: relative;
	float: left;
	width: 440px;
	height: auto;
	min-height: 100px;
	background: #fedddf;
	border: solid 1px red;
	color: #000;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
/*notice-board-info*/
.notice-board-info
{
	position: relative;
	float: left;
	width: 440px;
	height: auto;
	min-height: 100px;
	background: #eee;
	border: solid 1px blue;
	color: blue;
	margin: 10px 0 10px 0;
}
/*coloured panels*/
.bluepanel
{
	clear: both;
	position: relative;
	float: left;
	width: 440px;
	height: auto;
	min-height: 150px;
	background: #d7edfe;
	border: solid 1px blue;
	color: #000;
	margin: 10px 0 10px 0;
}
.greenpanel
{
	clear: both;
	position: relative;
	float: left;
	width: 440px;
	height: auto;
	min-height: 150px;
	background: #e5fccc;
	border: solid 1px green;
	color: #000;
	margin: 10px 0 10px 0;
}

.half-size-box p, .important-info p, .notice-board-info p, .bluepanel p, .greenpanel p
,.half-size-box h5, .important-info h5, .notice-board-info h5, .bluepanel h5, .greenpanel h5
{
	padding: 10px 10px 0 10px;
}