/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html,body {
    margin: 0;
	padding: 0;
	height: 100%;
}
body {		
	font-family: verdana, helvetica, sans-serif;
	font-size:70%;
	text-align: center;
	color: #404040;
	background-color: #ffffff;
	height: 100%;
}
		
#container {
	margin-left:auto;
	margin-right:auto;
	width: 980px; 
	padding:0;
	min-height:100%;
	text-align: left;
	background: #ffffff url(images/newMainBG.gif) repeat-y left top;
    position:relative;
}
/* commented backslash hack v2 \*/ 
* html #container {height:100%;}		
* html #container {width:980px;w\idth:980px;}

/* end hack */ 

#mainheader {
	position:absolute;
	left:0;top:0;
	height: 10px;
	width:100%;
	background-color: #ffffff;
	z-index:1;
}
#header {
	height: 10px;
	width:100%;
	background-color: #ffffff;
	margin: 0px 0px 5px 0px;
	border-top: 1px solid #e6e6e6;
	position:relative;
	z-index:2;
	overflow:hidden;
}

* html #mainheader {height:10px;he\ight:10px}
* html #header {height:10px;he\ight:10px}

#header-image {
    position: relative;
    float: left;
    top:27px;
    left:-13px;
    width: 405px;
    height: 207px;
}

#mainnav {
	width:100%;
	height: 20px;
	background-color: #ffffff;
	position:relative;
	z-index:2;
}
* html #mainnav{height:22px;he\ight:20px}		
#content {
	width: 773px;
	padding:0;
	float: right;
}
#sidebar p, #mainnav p, #header p,#footer p  {margin:1px 0px 5px 0px;}	
#sidebar {
	float: left;
	width: 170px;
	padding:0 ;
}

#contentMain {
    position: relative;
    float: left;
    top:45px;
    left:-13px;
    width: 610px;
}

#registrationDetails {
    border: 0px solid green;
    position: relative;
}

#rightBar {
    position: relative;
    float:right;
    margin:-106px 0px 0px 0px; 
    padding:0;
}

a {color: #404040;text-decoration: underline;}

a:hover {color: #404040;text-decoration: none;}

h1, h2, h3 {
    color: #404040;
    font-weight: bold;
    padding: 0;
    background-color: transparent;
    margin-bottom:10px;
}

h1 {
    font-size: 115%;
    color: #b50000;
    background-color: transparent;
    position: absolute;
    margin: -65px 0px 0px 12px;
    width: 300px;
}

h2 {
    font-size: 105%;
    color: #b50000;
    margin-top: 9px;
    margin-bottom :2px;
}

#footer	{
	position:absolute;
	bottom:0;
	width:100%;
	height:25px;
	margin-bottom: 0px;
	border: 0px solid purple;
}

*html #footer {
    margin-bottom: -3px;
}

#footer p {margin:0;padding:0}


.divider1 {
	width:100%;
	height:0px;
	overflow:hidden;
	position:relative;
}

#clearfooter {height:95px;width:100%;clear:both}

.blank , .blank2 {
	position:absolute;
	left:547px;
	width:7px;
	height:0px;
	overflow:hidden;
	border-top:	1px solid #fff;
}
.blank {top:-1px;}
.blank2 {bottom:-1px;border-top:1px solid #fff;
}

#navigation {
    margin: 40px -6px 0px 0px;
    text-align: right;
    height:380px;
}

#address {
    position: absolute;
    bottom: 30px;
    width: 150px;
    font-size:80%;
    color: #ffffff;
    text-align: right;
    background-color: transparent;
}

#address a {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
}

#address a:hover {
    color: #ffffff;
    text-decoration: underline;
    background-color: transparent;
}

/*************************
TOP NAV
**************************/
#topNav {
    position: absolute;
    top:0px;
    left:195px;
    background: url(images/img-top-nav-bg.gif) no-repeat;
    margin: 0px 0px 0px 0px;
    width: 786px;
    height: 32px;
}

ul.topNavigation,ul.topNavigation li {
    margin:3px 0px 0px 6px;
    padding:0;
    list-style-type:none;
}

ul.topNavigation li {
    float:left;
    width: 8em;
    font-size:90%;
    margin-right: 3px;
    background-color: #e2e2e2;
    color: #B40001;
}

ul.topNavigation a {
    display:block;
    width:62px;
    padding: 3px 0px 5px 0px;
    font: 95% Verdana,Arial,sans-serif;
    background: #e2e2e2;
    color: #B40001;
    text-decoration:none;
    text-align:center;
    font-weight: bold;
}

ul.topNavigation a:hover {
    display:block;
    width:62px;
    padding: 3px 0px 5px 0px;
    font: 95% Verdana,Arial,sans-serif;
    background: #e2e2e2 url(images/img-tabBG.gif) no-repeat;
    color: #B40001;
    text-decoration:none;
    text-align:center;
    font-weight: bold;
}

.selected {
    display:block;
    width:62px;
    padding: 3px 0px 5px 0px;
    font: 95% Verdana,Arial,sans-serif;
    background: #e2e2e2 url(images/img-tabBG.gif) no-repeat;
    color: #B40001;
    text-decoration:none;
    text-align:center;
    font-weight: bold;
}

/**************************/

.valid a {
    color:#b0b0b0;
    border-bottom: 1px dashed #b0b0b0;
    text-decoration: none;
    background-color: transparent;
}

.valid a:hover {
    color:#b0b0b0;
    border-bottom: 0px;
    text-decoration: none;
    background-color: transparent;
}

.registration {
    color: #b0b0b0;
    background: transparent;
}
/*************************
RIGHT BOXES
**************************/

.logBoxHeader {
    background: transparent url(images/img-logboxheader.gif) no-repeat;
    font-weight: bold;
    color: #ffffff;
    padding: 0px 0px 0px 5px;
}

.logBoxContent {
    background-color:#ffffff;
    color: #404040;
    padding: 0px 0px 0px 3px;
    border-left: 1px solid #b40001;
    border-right: 1px solid #b40001;
}

.boxHeader {
    background: transparent url(images/img-boxheader.gif) no-repeat;
    font-weight: bold;
    color: #ffffff;
    padding: 0px 0px 0px 5px;
}

.boxImage {
    background-color:#b40001;
    padding: 0px 1px 0px 1px;
    color: #ffffff;
}

.boxContent {
    background-color:#b40001;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

.boxBottom {
    background: url(images/img-boxbottom.gif) no-repeat;
}

.logBoxBottom {
    background: url(images/img-logboxbottom.gif) no-repeat;
}
/**************************/
.forminput {
    font-size: 100%;
    color: #404040;
    background-color: transparent;
    border: 1px solid #808080;
    font-family: verdana, arial, sans-serif;
}

.submitButtonLogin  {
    background-color: #f0f0f0;
    border: 1px solid #c0c0c0;
    padding: 0px;
    margin: 5px 17px 0px 0px;
    font-size: 100%;
    color: #404040;
}

.smalltext {
    font-size:85%;
}

.highlighttext {
    font-size: 100%;
    color: #b50000;
    margin-top: 9px;
    margin-bottom :9px;
    font-weight:bold;
    background-color:#FAEDED;
    padding:8px;
    border:1px solid #E9B2B2;
}

.portfolioSubText {
    font-style: italic;
    color: #946262;
    font-size: 90%;
}

.smallText {
    font-style: italic;
    font-size: 80%;
}

form {   
    display:inline;
}

.whitelink {
    color:#FFFFFF;
}

.whitelink:hover {
    color:#FFFFFF;
}

.inputBox {
    width: 225px;
    border: 1px solid #bebebe;
    font-size: 110%;
}

.inputBoxShort {
    width: 70px;
    border: 1px solid #bebebe;
    font-size: 110%;
}

.errorformtext {
    width: 225px;
    border: 1px solid #bebebe;
    font-size: 110%;
    background-color: #e8e8e8;
}

.errorformtextSelect {
    width: 230px;
    border: 1px solid #bebebe;
    font-size: 110%;
    background-color: #e8e8e8;
}

.formtext {
    width: 225px;
    border: 1px solid #bebebe;
    font-size: 110%;
}

.formtextSelect {
    width: 230px;
    border: 1px solid #bebebe;
    font-size: 110%;
}

.submitButton {
    background-color: #f0f0f0;
    border: 1px solid #c0c0c0;
    padding: 0px;
    margin: 5px 17px 0px 0px;
    font-size: 100%;
    color: #404040;
    margin-top: -10px;
    margin-bottom: 30px;
}

select {
    width: 230px;
    #width: 231px; /* Hash in front means that Firefox won't read the line */
    color: black;
	position: relative; height: 20px; top: -2px; right: 3px; /* need top and right values to position box */
	#top: -2px;
	font-size: 110%;
}

/* Safari won't read below or anything after the next statement */
.selectContainer {
  border: 1px solid #bebebe;
  position: relative; overflow: hidden;
  width: 225px; height: 16px;    /* width and height of the border around the select list */
  #width: 227px;#
}

.mainTable td {
    padding-bottom: 5px;
}

.inputAmount {
    border: 1px solid #bebebe; 
    font-size: 110%; 
    width: 90px;
}

.submitButton {
    background-color: #f0f0f0;
    border: 1px solid #c0c0c0;
    padding: 0px;
    margin: 5px 17px 0px 0px;
    font-size: 100%;
    color: #404040;
    margin: -15px 0px 0px 5px;
}

.imgBorder {
	border: 1px solid #b50000;
}
