/* CSS layout - proaxima2008.css */
body, div, p {
	margin: 0px; padding: 0px; border: none;
}
body {
	background-image: url(../images/gradient2.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: left bottom;
}
body, div, p, table, td, th, input, textarea, select, li {
	 font: 10pt Tahoma, Arial, Helvetica, sans-serif;
}

a, a:link, a:visited { font-weight: bold; text-decoration: none; color: #006699; background-color: white; }
a:hover, a:active { font-weight: bold; text-decoration: none; color: white; background-color: #006699; }

a.bookmark { color: black; text-decoration: none; }

#banner {
	position: relative;
	margin: 1em auto 0 auto;
	width: 64em; /*85%;*/
	height: 85px;
	background-color: white;
}

#logo {
	width: 210px;
	height: 65px;
	position: absolute;
	left: 10px;
	top: 10px;
	background-image: url(../images/logo-210.png);
}

#caption {
	margin-left:210px;
}
#caption p {
	text-align: right;
	padding: 0.5em 1em;
}

#nav {
	position: relative;
	margin: 0 auto;
	width: 64em; /*85%;*/
	background-color: #5B90C6;
	color: white;
}
#nav .padding {
	width: 167px;
	position: absolute;
	left: 0px;
	right: 0px;
	border-right: 1px white dotted;
	padding: 0.25em 0;
}
#menu {
	margin-left: 167px;
	overflow: hidden;
	white-space: nowrap;
   	padding: 0.25em 0;
}
html {
}
#header {
	position: relative;
	margin: 0 auto;
	width: 64em; /*85%;*/
	height: 75px;
	background-color: white;
}
#header .padding {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/topbarimage.gif);
	background-repeat: no-repeat;
	height: 75px;
	width: 252px;
}
#header #title {
	margin-left: 252px;
}
#title p {
	font-family: Haettenschweiler;
	text-align: right;
	font-size: 26pt;
	/*font-variant: small-caps;*/
	/*font-weight: bold;*/
	color: #5B90C6;
	padding: 1em 0.5em 0em;
	position: relative;
	bottom: 0px;
	right: 0px;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 64em; /*85%;*/
	background-color: white;
	height:auto;
	/*
	display: none;
	height: 400px;
	overflow: auto;
	scrollbar-base-color: #eee;
	scrollbar-arrow-color: #999;
	*/
}

#sideBar {
	width: 167px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right: 1px silver dotted;
	/* 
	padding-bottom: 2em;
	overflow:hidden;
	*/
	background-color: white;
}

#pageContent {
	margin-left: 167px;
	/*
	height: 500px;
	background-color: white;
	*/
	padding: 1em;
	overflow: auto;
}

#pageContent blockquote {
	color: black;
}

#pageContent p {
	line-height: 1.4em;
	padding-bottom: 1em;
}

#footer {
	background-color: #5B90C6;
	color: white;
	margin: 0 auto;
	width: 64em; /*85%;*/
	height: 22px;
	/*
	position:fixed;
	bottom:0px;
	left: 5%;
	*/
}
#footer .left { /*width:50%;*/ white-space: nowrap; float: left; padding: 0.25em; }
#footer .right { float: right; /*margin-left: 50%; text-align: right;*/ padding: 0.25em; white-space: nowrap;}

.sideBarHeading {
	margin: .75em 0;
	padding: 5px 0px;
	font-style: normal;
	font-weight: bold;
	color: #006699;
	text-align: center;
	background-color: #EEEEEE;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-variant: small-caps;
}

#navcontainer ul {
	margin-left: 0;
	font-size: .8em;
}

#menu ul { margin: 0; padding: 0; }
#menu ul li { display: inline; white-space: nowrap; }

#menu ul li a {
	background-color: #5B90C6;
	color: white;
	font-weight: normal;
	text-decoration: none;
	border-right: 1px solid #fff;
	padding: 0.25em 0.75em;
}

#menu ul li a:hover { background-color: #006699; color: white; }
#menu ul li.active a { background-color: #036; color: white; }

/* News links */
a.newslink, a.newslink:visited {
	color: black;
	text-decoration: none;
	font-weight: normal;
}
a.newslink:hover, a.newslink:active {
	background-color: white;
	color: #006699;
	text-decoration: underline;
	font-weight: normal;
}

/* white link */
a.whitelink, a.whitelink:visited {
	background-color: #5B90C6;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
a.whitelink:hover, a.whitelink:active {
	background-color: #5B90C6;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

/* nav link */
a.navlink, a.navlink:visited {
	color: black;
	text-decoration: none;
	font-weight: normal;
}
a.navlink:hover, a.navlink:active {
	background-color: white;
	color: #006699;
	text-decoration: underline;
	font-weight: normal;
}

img { border-style: none; }
img.imageLeft { float: left; clear: left; margin: 0px 15px 15px 0px; }
img.imageRight { float: right; margin: 0px 0px 15px 15px; }
.album { float: left; width: 310px; /*height: 80px;*/ padding: 10px 0 10px 0; text-align: center; }

.logo {
  font-family: Haettenschweiler;
  font-size: 30pt;
  text-align: center;
  padding: 1em;
  /*line-height: 2.1em;*/
}
.logoLeft {
  font-family: Haettenschweiler;
  color: #999999;
}
.logoRight {
  font-family: Haettenschweiler;
  color: #5b90c6;
}

table tbody th { text-align: right; }
label { font-weight: bold; }


/* Support ticket formatting */
span.error { color: #903; font-weight: bold; }
#infomessage, #warnmessage, #errormessage { border-top: 1px solid; border-bottom: 1px solid; text-align: center; font-weight: bold; line-height: 1em; padding: 0.3em; margin: 0; }
#infomessage { background-color: #cfc; border-color: #093; color: #093; }
#warnmessage { background-color: #ccf; border-color: #039; color: #039; }
#errormessage { background-color: #fcc; border-color: #903; color: #903; }