/* Main page areas */

.panelPage {height: 100%; width: 100%; left: 0; top: 0; position: absolute; right: 0; bottom: 0; visibility: visible; float: none; min-width: 600px; min-height: 400px; }
.panelHeader
{
	height: 6.5em;
	width: auto;
	left: 1em;
	right: 1em;
	top: 1em;
	position: absolute;
	visibility: visible;
	text-align: right;
}
.panelFooter {width: auto; left: 1em; position: absolute; right: 1em; bottom: 1em; height: 6.5em; visibility: visible; }
.panelLeftContent {width: 300px; position: relative; top: 6.5em; left: 1.5em; bottom: 7.5em; height: auto; visibility: visible; }
.panelRightContent {width: 450px; position: relative; top: 6.5em; right: 1em; bottom: 7.5em; height: auto; visibility: visible; }
.panelHeaderLogo {height: 80px; width: auto; position: absolute; top: 0; left: 0; right: 0; overflow: hidden; visibility: visible; }
.panelHeaderLogin {height: 1em; width: 10em; top: 3em; position: absolute; right: 1em; visibility: visible; }
.panelHeaderBreadcrumbs {height: 1em; width: 15em; top: 3em; position: absolute; right: 12em; visibility: visible; }
.panelHeaderMenu {height: 19px; width: 100%; left: 0; position: absolute; right: 0; bottom: 0.5em; visibility: visible; }
.panelFooterMenu {height: 1.5em; position: absolute; bottom: 4em; width: 100%; visibility: visible; }
.panelFooterPhotoExcelCopyright {position: absolute; bottom: 24px; width: 100%; height: 1.5em; visibility: visible; }
.panelFooterIWTSCopyright {height: 1.5em; position: absolute; bottom: 0; width: 100%; visibility: visible; }

/* Basic Tags */
body {background-color: #000000; background-image: url(Images/background.jpg); background-attachment: fixed; margin: 0; padding: 0; text-align: center;
			COLOR: #999999; FONT: 12px arial, verdana, arial, sans-serif; font-weight: bold}


table {font-size: 1em;}
h1, h2, h3, h4 {margin: 0; font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans;}
h3, h4 {margin-top: 1.0em; margin-bottom: 1.12em;	font-weight: bold;}
h3 {font-size: 1.5em; color: #FFFFFF;}
h4 {font-size: 1.3em;}
p {line-height: 1.4em;}
hr {border: 0; border-top: 1px solid #999999; height: 2px;}
img {border-width: 0;}
li {list-style-image: url("Images/ListMarker.gif"); margin-bottom: 4px; text-align: left; line-height: normal; padding-right: 10px; padding-left: 10px;}

/* Page Link Colours */
a:link		{ color: #FFFFFF; text-decoration: none; }
a:visited	{ color: #FFFFFF; text-decoration: none; }
a:active	{ color: #FFFFFF; text-decoration: none; }
a:hover		{ color: #FFFF9C; text-decoration: none; }

.smalllabel {color: #999999;	font-size: 10px; font-weight: bold; font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans;}
.smallhyperlink {color: #FFFFFF;	font-size: 10px; font-weight: bold; font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans;}

.label {color: #999999; font-size: 12px; font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans; font-weight: bold;}
.hyperlink { color: #FFFFFF; text-decoration: none;}

.tablemain {color: #999999;	font-size: 12px; font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans; font-weight: bold;
						width: 752px; border-width: 0; width: 100%;}

/* Main Menu */
.menuheader {height: 20px; border-width: 0px;	border-color: #000000; border-style: solid; text-align: center;}
.staticmenuitemstyleheader
{
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	font-size: 11px;
	font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans;
	font-weight: bold;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: hand;
	line-height: 20px;
	display: block;
	white-space: nowrap;
	background-image: url("Images/menu.gif");
	background-color: #000000;
	color: #FFFFFF;
	position: static;
}
a.staticmenuitemstyleheader:link {background-image: url("Images/menu.gif");	background-color: #000000; color: #FFFFFF;}
a.staticmenuitemstyleheader:visited {background-image: url("Images/menu.gif"); background-color: #000000;	color: #FFFFFF;}
a.staticmenuitemstyleheader:active { background-image: url("Images/menu.gif"); background-color: #000000;	color: #FFFFFF;}
a.staticmenuitemstyleheader:hover {	background-image: url("Images/menuon.gif");	background-color: #0000cc; color: #FFFFFF; border-style: solid; border-width: 1px;	border-color: #ffffff;}
.dynamicmenuitemstyleheader {border-style: solid; border-width: 1px;	border-color: #666666; font-size: 11px;
  font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans; font-weight: bold; text-align:left ; text-indent: 1em;
  padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; cursor: hand; line-height: 20px; width: 8.5em;
  display: block; white-space: nowrap; background-color:#000000; color: #FFFFFF}
a.dynamicmenuitemstyleheader:link {background-color: #000000; color: #FFFFFF;}
a.dynamicmenuitemstyleheader:visited {background-color: #000000;	color: #FFFFFF;}
a.dynamicmenuitemstyleheader:active {background-color: #000000;	color: #FFFFFF;}
a.dynamicmenuitemstyleheader:hover {	background-image: url("Images/menuon.gif");	background-color: #0000CC; color: #FFFFFF;
  border-style: solid; border-width: 1px;	border-color: #999999;}

.button {border-style: solid; border-width: 1px;	border-color: #999999; font-size: 11px;
  font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans; font-weight: bold; text-align: center;
  padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; cursor: hand; line-height: 20px;
  display: block; white-space: nowrap; background-image: url("Images/menu.gif"); background-color:#000000; color: #FFFFFF}

/* Footer Menu */
.menuFooter {margin: 8px auto 2px auto;	font-size: 10px; font-weight: bold; font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans;}
.menuFooter a:link		{ color: #FFFFFF; text-decoration: none; }
.menuFooter a:visited	{ color: #FFFFFF; text-decoration: none; }
.menuFooter a:active	{ color: #FFFFFF; text-decoration: none; }
.menuFooter a:hover		{ color: #FFFF9C; text-decoration: none; }

.footer {color: #999999; font-size: 10px; font-weight: bold; font-family: Arial,arial,Helvetica,helvetica,Verdana,verdana,sans-serif,sans;}
.footer a:link		{ color: #FFFFFF; text-decoration: none; }
.footer a:visited	{ color: #FFFFFF; text-decoration: none; }
.footer a:active	{ color: #FFFFFF; text-decoration: none; }
.footer a:hover		{ color: #FFFF9C; text-decoration: none; }

/* 1 HEADER */

.header {
	/*background-image: url(Images/header.gif);*/
	background-repeat: no-repeat;
	position: relative;
	width: 750px;
	height: 76px;
}


h1 {
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
}

h2 {
	position: absolute;
	left: 37px;
	top: 45px;
	font-size: 11px;
}

.nav {
	position: absolute;
	right: 37px;
	top: 51px;
	font-size: 10px;
}

.nav a:hover
{
	background-image: url("Images/menuon.gif");
	background-color:#0000CC;
	color: #FFFFFF;
	border: #999999 1px solid;
}

.nav a:active
{
	background-image: url("Images/menu.gif");
	background-color:#000000;
	color: #FFFFFF;
}

.nav a:link
{
	background-image: url("Images/menu.gif");
	background-color:#000000;
	color: #FFFFFF;
}

.nav a:visited
{
	background-image: url("Images/menu.gif");
	background-color:#000000;
	color: #FFFFFF;
}

/* 1.1 SHIM */

.shim {
	display: none;
}

/* 2 PAGE */
.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


/* 2.1 ALL PAGES */

#home, #resume, #links, #albums, #photos, #details, #register, #admin-albums, #admin-photos, #admin-details {
	
	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

#sidebar
{
	float: left;
	width: 214px;
	height: 100%;
	margin-left: 10px;
	clear: both;
}

#sidebar1 {
	float: left;
	width: 214px;
	height: 100%;
	margin-left: 10px;
	clear: both;
}

#sidebar2 {
	float: left;
	width: 214px;
	height: 100%;
	margin-left: 10px;
	clear: both;
}

#content {
	margin-left: 10px;
}

#content1 {
	margin-left: 10px;
}

#whatsnew {
	float: left;
	width: 200px;
	height: 100%;
}

#coollinks {
	margin-left: 220px;
}

#resume h4, #links h4 {
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

.buttonbar, .buttonbar-top {
	width: 686px;
	height: 36px;
	background-image: url(Images/photonav.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	text-align: center;
}

/* Inline styles are used because image controls hard code a border property */
.photo_198 
{
	border: 1px solid #999999;
}

/* START CODE FOR THE FORMS */


.shadeform	{ FONT: 12px arial, sans-serif, verdana, sans-serif;
		  COLOR: #000000;
		  background-image: url("Images/shadeform.gif");
		  margin-top:1px;
		  BORDER: #000000 1px solid;
		}


.dropdown 	{ FONT: 12px arial, sans-serif, verdana, sans-serif;
		  COLOR: #000000;
		  margin-top:1px;
		}


.submit-button 	  {
		  background-color:#000000;
		  background-image: url("Images/button.gif");
		  FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  color: #FFFFFF;
		  text-align: center;
		  cursor:hand;
		  BORDER: #999999 1px solid;
		  }


.submit-buttonon  {
		  background-color:#0000CC;
		  background-image: url("Images/buttonon.gif");
		  FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  color: #FFFFFF;
		  text-align: center;
		  cursor:hand;
		  BORDER: #FFFFFF 1px solid;
		  }

.panelcontainer
{ 
width: 750px;
/*margin: 10px auto;*/
clear: both; display: block; float: none; position: static; text-align: center; }


.panelheader
{
padding: .5em;
}

.panelcontentleft
{
text-align: left;
float: left;
/*width: 238px;*/
width: 250px;
margin: 0;
/*padding: 1em;*/
}

.panelcontentright
{
text-align:left;
margin:0;
margin-left: 250px;
/*padding: 1em;*/
max-width: 750px;
}

.panelfooter
{
clear: both;
margin: 0;
padding: .5em;
}