/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Define body style */
body {
	font: 80%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	background-color: #958B6A; /*light brown */
/*	background:url(/images/bg.gif) center repeat; */
	text-align: center; /* Forces IE 5 to center block-level content */
	margin-top:10px;
  }




/* =IR
  - Phark 
  ---------------------------------------------------------- */

h1, #masthead p {
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	line-height: 0%;
	height: 0;
	font-size: 0;
}

/* Define container in which everything will sit. */
#container {
      min-width:800px;
	_width: 650px;  /*IE hack*/
	width: 800px;
	border:3px solid #351B02; /*Brown*/
	margin: 0 auto 40px auto;
	background:white url(/images/logobottomleft.gif) no-repeat left bottom; 
	text-align: left;
  }

#floattelephone { float: right; position: absolute; right: 130px; top: 15px; font-size: 1.3em; color:#014701; /*Dark green*/}

.bl {background: url(/images/pngs/cornerbottomleft.png) 0 100% no-repeat #e68200; width: 20em}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.cleardivs {clear:both;}
.cleardivs hr {
	border:0;
	color: #CBC6B5; /*light light brown */
	background-color: #CBC6B5; /*light light brown */
  }

/* Define header - the big title at the top*/
h1 {background: url(/images/logo.gif) no-repeat right top;	
	margin: 0;
	letter-spacing:2px;
	padding:0;
	padding-top:2px;
	color:#014701; /*Dark green*/
	font-style:italic;
	text-decoration:none;
	position: absolute;
	height: 125px;
	top: 0;
	left: 0;
	width: 100%;
  } 

h1 a:link, h1 a:visited {display:block;
	height: 100px;/* Not needed due to image replacement. Text-decoration:none; #003300; /*Dark blue*/}
/*#masthead a:hover (text-decoration:underline;}*/
	
	#masthead {
			background: url(/images/banner.gif) no-repeat left top;
			position: relative;
			height: 125px;
			padding: 0;
	}
	


/* Define the footer */
#footer p {
	font-size:80%;
	text-align:right;
	font-family:Tahoma, Verdana, sans-serif;
	padding: 26px 10px 0 0;
	margin:0;
	color: #fff;
  }

#footer {
	clear:both; /*Ensures footer always appears below both columns*/
	height: 78px;
	background:url(/images/png/footer.png) no-repeat 0 100%;  
/*	background:url(/images/png/footerstraightacross.png) no-repeat 0 100%;  */
	font-family:Tahoma, Verdana, sans-serif;
	margin: 0;
  }




/* Define header styles*/
h2 {
	font-size:140%;
	padding: 0;
	color:#014701; /*dark green*/
	margin-top: 0;
  }

h3 {
	font-size:110%;
	font-weight:bold;
	border-top:1px #999999 dotted; /*grey*/
  }

h4 {
	font-size:105%;
	font-weight:bold;
	line-height:100%;
	padding-top:6px;
	margin:0;
  }

h2, h3, h4 {
	font-family:Tahoma, Verdana, sans-serif;
  }



/* Define paragraph styles */
p {
/*	font-size:100%;*/
	color:black;
  }

.reducefont {font-size:90%;}


/*Define floating screenshot*/
#screenshot {
	background:none;
	/*background:url(/images/transpback.gif) fixed repeat;*/
	border:#AABFFF solid 3px; /*summer blue*/
	width:188px;
	height:159px;
	padding:0;
	margin:0;
	position:fixed;
	top:10px;
	left:10px;
  }

.screenshot_adjust {
	position:relative;
	top:-13px;
  }

/* Define how the big logo sits in the bottom left of the browser window */

#logofixedbottomleft {position: fixed; left:0; bottom:-5px; margin:0; padding:0;}


/*Define floating picture of logo*/
.img_float {
	float:right;
	margin:0 0 10px 10px;
	top:0px;
	padding:3px 3px 0 3px;
	background-color:white;
	border:1px solid grey;

  }



/*Define floating icons*/
.icon_float {
	float:left;
	top:0px;
	padding:5px 7px 7px 5px;
  }

.icon_float a:link img, .icon_float a:visited img {
	border: 2px solid #958B6A; /*light brown*/;
  }


/*Define floating logo*/
.logo_float {
	float:left;
	margin:0;
	position:relative;
	top:-47px;
	margin:5px;
	width:53px;
	height:45px;
  }



/* Define blockquote*/
blockquote {
	margin:0 20px 0 30px;
	/*padding:0 10px 0 10px;
	border-left:2px dotted #FFCCFF;
	border-right:2px dotted red;*/
	font-style:italic;
	font-weight:bold;
	color:black;
	line-height:120%;

  }




/* Define style for the nav bar (under the header) */

#navbar ul {
	padding:6px 0;
	margin:0 0 10px 0;/*leaves a gap below the header before and after the navbar*/
	font-size: 1em;
	font-family: Tahoma, Verdana, sans-serif;
	border-bottom:2px solid #351B02; /*brown*/
	width:100%;
	background:#014701; /*dark green*/
    }


#navbar li {
	list-style:none;
	display:inline;
	margin:0 -6px 0 0;
	line-height:145%;
    }

#navbar ul li a {
	padding: 0.6em 1.5em;
	background:#014701; /*dark green*/
	color: white;
	text-decoration: none;
    }

/* Don't forget the focus pseudo-selector as well for keyboard only users */

#navbar ul li a:hover, #navbar ul li a:focus #navbar ul li#buttondown a:hover, #navbar ul li#buttondown a:focus {
	border-bottom:6px solid #351B02; /*brown*/
	color:white;
	text-decoration:underline;
  }	

/*Define the navbar button in the 'on' state */
#navbar ul li#buttondown a {
/*	background-color:#351B02; brown*/
	border-bottom:6px solid #351B02; /*brown*/
	color:white;
  }








/* Define the main content block */
#maincolumn {
	background:url(/images/png/transpback.png) fixed repeat;
	margin: 0 10px 10px 10px;
/*	height:500px;*/
/*	overflow:auto;*/
	border-right:8px solid white;
	padding:12px 17px 1px 10px; /* Indents all text a little bit */
	text-align: left;
	width: 510px;
    }


#maincolumnundomargin {

	background:url(/images/png/transpback.png) fixed repeat;
	margin: 0 10px 10px 10px;
	border:none; 
	padding:12px 17px 1px 10px; /* Indents all text a little bit */
	text-align: left;
    }


/* Define sidebar (in Word Press template) and rightbar (in normal pages) */
#sidebar, #rightbar {
	width:230px;
	float:right;
	border-left:1px solid #339900; /*grass green*/ 
	margin: 0 2px 0 0px;
	line-height:130%;
	padding: 0 6px;
    }

#sidebar p, #rightbar p {font-size:0.9em; margin-left:4px;}
.rightbaritem {border-bottom:1px solid #CCCCCC;}
.rightbaritem h4 {font-size:0.9em; margin:0 0 -8px 4px;}
.rightbaritem h4 a {font-weight: bold; text-decoration:none;}
.rightbaritem h4 a:hover {text-decoration:underline;}

.rightbaritemicon {/*border-bottom:1px solid #CCCCCC; */height: 85px; margin: 0; padding: 0;}
.rightbaritemicon p {padding:25px 120px 0 0; text-align:right; line-height:1em;} 

.rightbarquote {font-size:1.1em;line-height:110%;}	



/*Define the look of the table*/
table, table tr, table td {

	vertical-align:top;
	border:0;
	border-collapse:collapse;
	font-size:1em;
	padding:10px;
	line-height:150%;
}

#linktable td, th {padding:3px 0px 3px 3px;}

#linktable th {

	text-align:left;
	cursor:pointer;
	border-bottom:1px solid #014701; /*dark green*/
  }


#linktable td {border-bottom:1px solid #BCEFA7; /*light green*/}
#linktable td a:link a:visited {display:block; padding:2px 0 2px 2px;}
#linktable td a:hover {display:block; background-color:#003300;color:white; }

.newspage {min-height:83px;}
.newspage h3 {margin-bottom:-3px; padding-top:7px;}
.newspage h3 a {text-decoration:none;}
.newspage h3 a:hover {text-decoration:underline;}
.newspagedate {margin-bottom:-3px; font-size:0.7em; line-height:100%;}


.newspage span {
	float:right;
	padding: 5px;
	margin-top: 7px;
   }

.newspage span img {
	width:103px;
	height:75px;
	border: 2px solid #958B6A; /*light brown*/;
   }

#screentable td {
		border-collapse:separate; 
		padding:7px 9px 7px 5px; 
		background:none; 
		border-bottom:1px solid #BCEFA7; /*light green*/
		/*width: 141px;*/
   }

#screentable, #phototable {font-size:0.9em;}

#screentable img {border: 1px solid #014701; height: 99px; width: 141px;margin:0; padding:0; }
#screentable a:link, #screentable a:visited, #phototable a:link, #phototable a:visited {width: 143px;margin:0; padding:0; }
#screentable a:hover {border-bottom:4px solid #014701; /*dark green*/ padding:0; margin:0 0 -4px 0; }
#screentable p {margin:0; word-wrap: break-word;}


#phototable img {border: 4px solid white; height: 99px; width: 141px;margin:0; padding:0; }

#casestudystrip img {border: 3px solid #958B6A; /*light brown*/; height: 155px; width: 218px;margin:0; padding:0; }
#casestudystrip td p {padding:0; margin-top:0;}
#casestudystrip a:link, #casestudystrip a:visited {margin:0; padding:0;}

#repostable td, #repostable th {padding:3px 0 3px 3px;}

#repostable th {
	text-align:left;
	cursor:pointer;
	border-bottom:1px solid #014701; /*dark green*/
  }


#repostable td {border-bottom:1px solid #BCEFA7; /*light green*/}
#repostable td a:link, td a:visited {display:block; padding:2px 0 2px 20px;}
#repostable td a:hover {display:block; background-color:#003300;color:white; }
.repostableminwidth {width:170px;}






#rightbar, #sidebar, #maincolumn {min-height:450px;
_height: 429px; /* IE hack, not good practice (Get me to explain it to you) - should be placed in a conditional comment*/ 
}

#rightbar h3, #sidebar h3, #screenshot h3, #rightbar h3 a, #sidebar h3 a {
	background: #004600; /* dark green */
/*	background:url(/images/sidebarbg.gif) fixed repeat; */
/*	color:#4D4D4D;*/
	color:white;
	padding: 3px;
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	border-top:0;
	border-bottom:2px solid #958B6A; /*light brown*/
    }



ol {list-style-type: upper-roman;}

#rightbar ul, #casestudystrip ul {list-style-image: url(/images/iconbullet.gif); padding-left: 10px;  margin-left:10px;}

/*Define the entry button on the repository page*/
#enterbutton {
	text-align:center;
	font-size:1.1em;
	line-height:180%;
	
  }
#enterbutton a:link {
	border:2px solid #003300;
	background-color:#BCEFA7;
	color:white;
	padding:7px;
  }

#enterbutton a:hover {background-color:#003300;}

.odd {background-color: #BCEFA7;}

.even {}


/* Redundant as the sidebar inherits the color from the body rule .sidebartext p {color:black;} */


/* Define link colours*/
a:link, a:visited {color:#014701; /*dark green*/}
a:hover {text-decoration:underline;}
/*a:active {color:blue;}*/


.pdfLink {background: url(/images/pdf.gif) no-repeat 0 .5em; }
.docLink {background: url(/images/doc.gif) no-repeat 0 .5em; }
.zipLink {background: url(/images/zip.gif) no-repeat 0 .5em; }
.xlsLink {background: url(/images/xls.gif) no-repeat 0 .5em; }
.pptLink {background: url(/images/ppt.gif) no-repeat 0 .5em; }
.vidLink {background: url(/images/vid.gif) no-repeat 0 .3em; }
.iwbLink {background: url(/images/iwb.gif) no-repeat 0 .5em; }
.gifLink {background: url(/images/gif.gif) no-repeat 0 .5em; }


/* EXTRA WORDPRESS STYLING */

form #commentform {
	width: 500px;
}
form #comment {
	width: 450px;
}

.rss a { font-weight: bold; text-decoration:none; font-size:0.9em;}
.rss a:hover {text-decoration:underline;}
.rss ul li { border-bottom:1px dashed #CCCCCC; margin-left: -38px; list-style-type:none; line height: 120%;}



/* DEFINE THE PANELS IN THE MATRIX TEMPLATE */


#columnright, #paneltopleft, #panelbottomleft, #paneltopright, #panelbottomright {
                width: 245px;
   }

#columnright, #paneltopright, #panelbottomright {
                float: right;
		margin:0 0 10px 5px;
   }


#columnleft {
                margin-right:255px;
   }

/*#paneltopleft, #panelbottomleft {
		margin-bottom:10px;
   }*/

.panelbody {
	background-color: white; 
	margin:0px;
	border:2px solid grey;
	border-top: 0px;
	font-size:95%;
	line-height:130%;
	padding: 10px;

   }

.panelbody p {
	text-align: left;
	padding: 10px;
   }

.panelbody ul {
	text-align: left;
	padding:0;
	margin:0;
   }

.panelbody li {
	padding:2px;
	list-style-type: none;
	border-bottom: 1px solid grey;
   }

.panelbodyodd {background:url(/images/png/transpback.png) fixed repeat;}
.panelbodyeven {background:url(/images/png/transpbackbrown.png) fixed repeat;}


.floatspan {
	float:right;
	padding: 5px 5px 0 5px;
   }

.paneltitle {
	background: url('/images/png/tabletopleftcorner with grey border.png') no-repeat #014701; /*dark green*/
	margin:0px;
	border-right:2px solid grey;
	border-bottom: 0px;
	font-weight:bold;
	color:white;
	padding: 10px;
   }




/* Find a way to replace this code */
.backgrounddarkgreen {
	background: url(/images/png/tabletopleftcorner.png) no-repeat #014701; /*dark green*/
	margin:0px;
/*	border-right:2px solid grey;
	border-bottom: 0px;*/
	font-weight:bold;

   }

td.backgrounddarkgreen {
	color:white;
   }


.backgroundwhite {
	background-color: white; 
	margin:0px;
	border:2px solid grey;
	border-top: 0px;
	font-size:95%;
	
   }

#textrotator { 
	height:90px;
	margin:3px;
	font-size:0.95em;
   }

.pdfLink {padding-left:20px; background: url(/images/pdf.gif) no-repeat 0 .5em; }
.docLink {padding-left:20px; background: url(/images/doc.gif) no-repeat 0 .5em; }
.zipLink {padding-left:20px; background: url(/images/zip.gif) no-repeat 0 .5em; }
.xlsLink {padding-left:20px; background: url(/images/xls.gif) no-repeat 0 .5em; }
.pptLink {padding-left:20px; background: url(/images/ppt.gif) no-repeat 0 .5em; }
.vidLink {padding-left:20px; background: url(/images/vid.gif) no-repeat 0 .3em; }
.iwbLink {padding-left:20px; background: url(/images/iwb.gif) no-repeat 0 .5em; }
.gifLink {padding-left:20px; background: url(/images/gif.gif) no-repeat 0 .5em; }


.breadcrumb {color:red;}