/* Body text */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #009933;
}

/* Table formatting */
 
.tblheader {
	background-color: #006633;
	color: #FFFFFF;
}

.tblheaderpadding {
	padding: 6px;
}

#header1 {	
	font-size: 2em;
}

#header2 {
    font-size: 1.2em;
}

img.logoimgtxt {
    width: 100px;
	height: 100px;
    margin-right: 10px;
	float: left; 
	border: none;
}

#tblcontentarea {
    background-color: #FFFFFF;
    border-bottom: 2px solid #000000;
}

.tblfooter {
	background-color: #006633;
	font-size: xx-small;
	color: #FFFFFF;
	text-align: center;
}

.tblouterborder {
	border: 2px solid #000000;
}

.tblinnerborder { 
    border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 8px; 
}

#tblgreyborder {
	border: 4px solid #EEEEEE;
}

#placeholder {
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

#contentpadding {
	padding: 10px;
}	

#tblthumbnails {
    border-spacing: 8px;
}

#tblthumbnailswidth {
    border-spacing: 8px;
	margin-left: 21px;
	margin-right: 58px;
	
}

#tblthumbnailscentre {
    border-spacing: 8px;
	margin-left: 149px;
	margin-right: 149px;
}

/* Navigation bar */

#nav {
    background-color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	height: 15px;
	overflow: hidden;
	width: 100%;
}

#nav ul {
	list-style: none;
	margin: 0px;
}

#nav li {
	float: left;
}

#nav a {
	/* padding for top right bottom left */
	padding: 5px 10px 5px 10px;
	text-decoration: none;;
	border-right: 2px solid #000000;
	color: #0066CC;
}

#nav a:visited {}
#nav a:hover {
	color: #339966;
	text-decoration: underline;
}


/* Other navigation formatting */

.activelink {
	font-size: 0.75em;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
	
a:hover {
	color: #339966; 
	text-decoration: underline;
}

.nonactivelink {
	font-size: 0.75em;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}

.separators {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	font-style: normal;
	font-weight: bold;
}

/* Text formatting */

p {
	font-size: 0.75em;
	color: #000000;
}

.heading {
	font-weight: bold;
	font-size: 1.0em;
	color: #000000;
}

.heading-centre {
	font-weight: bold;
	font-size: 1.0em;
	color: #000000;
	text-align: center;
	padding: 5px;
}

a {
  text-decoration: none;
}

.mandatoryfield {
	font-weight: bold;
	color: #FF0000;
}

.formboldtxt {
    font-weight: bold;
	font-size: 0.80em;
	text-align: right;
	vertical-align: text-top;
}	

.boldtxt {
	font-size: 0.75em;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}

/* Table formatting */

table.photoindex {
    font-size: 0.80em;
	border-style: solid;
	border-color: #CCCCCC;
}

table.photoindex  th {
    border-width: 1px 1px 1px 1px;
	padding: 2px;
	border-style: solid;
	border-color: #CCCCCC;
}

table.photoindex  td {
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.eventnamecentre {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
}

.eventdatecentre {
    font-size: 0.9em; 
    text-align: center;
    font-weight: bold;
}

.captions {
    text-align: center;
	font-size: 0.80em;
}

.thumbcaptions {
    text-align: center;
	font-size: 0.80em;
}
	
/* Images formatting */

img {
   border: 1px solid;
}

.imgfloat-left {
    float: left; 
}
	
.imgfloat-right {
    float: right; 
	margin-left: 20px;
}

#centre-img-carbonpanel {
    display: block;
    margin-left: 181px;
    margin-right: 181px;
}

.centre-img-carbonsheets {
    display: block;
    margin-left: 6px;
    margin-right: 5px;
}

#centre-img-illdisplaysheet {
    display: block;
    margin-left: 241px;
    margin-right: 242px;
}

#img-illum-margins {
    margin-left: 35px;
    margin-right: 35px;
}

/* Thumbnail positioning */

.thumbnail-portrait1 img{
    display: block;
	vertical-align: middle;
	margin-left: 68px;
	margin-right: 0px;
	border: none;
	width: 75px;
	height: 100px;
}

.thumbnail-portrait2 img{
    display: block;
	vertical-align: middle;
	margin-left: 52px;
	margin-right: 0px;
	border: none;
	width: 75px;
	height: 100px;
}

.thumbnail-portrait3 img{
    display: block;
	vertical-align: middle;
	margin-left: 40px;
	margin-right: 0px;
	border: none;
	width: 75px;
	height: 100px;
}

.thumbnail-portrait4 img{
    display: block;
	vertical-align: middle;
	margin-left: 26px;
	margin-right: 0px;
	border: none;
	width: 75px;
	height: 100px;
}

.thumbnail-landscape1 img{
    display: block;
	vertical-align: middle;
	margin-left: 65px;
	margin-right: 0px;
	border: none;
	width: 100px;
	height: 75px;
}

.thumbnail-landscape2 img{
    display: block;
	vertical-align: middle;
	margin-left: 55px;
	margin-right: 0px;
	border: none;
    width: 100px;
	height: 75px;
}

.thumbnail-landscape3 img{
    display: block;
	vertical-align: middle;
	margin-left: 40px;
	margin-right: 0px;
	border: none;
    width: 100px;
	height: 75px;
}

.thumbnail-landscape4 img{
    display: block;
	vertical-align: middle;
	margin-left: 26px;
	margin-right: 0px;
	border: none;
    width: 100px;
	height: 75px;
}

.thumbnail-landscape5 img{
    display: block;
	vertical-align: middle;
	margin-left: 62px;
	margin-right: 0px;
	border: none;
    width: 100px;
	height: 75px;
}

.thumbnail-landscape6 img{
    display: block;
	vertical-align: middle;
	margin-left: 67px;
	margin-right: 0px;
	border: none;
    width: 100px;
	height: 75px;
}

.photo-centre {
	text-align: center;
	width: 400px;
}

.photo-previous {
	vertical-align: top;;
	text-align: right;
	width: 255px;
}

.photo-next {
	vertical-align: top;
	text-align: left;
	width: 260px;
}
	
.nobulletssingleline {
	line-height: 40px;
	list-style-type: none;
}