* {

	font-family: trebuchet ms, sans-serif;

}


input, select {
	font-size: 8pt;
}


ul, ol {
	padding-top: 0;
	margin-top: 0;
}


form {
	margin: 0;
	padding: 0;
}

body{
	background-color:#ffffff;
	background-image:url(images/bodyFade.jpg);
	text-align:center;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

p{
	margin:0;
}

h2{
	font-size: small;
	font-weight: bolder;
	color: #FFFFFF;
}

#container {
  background-color:white;
  width:652px; /*this width should be as wide as your widest element*/
  margin:0 auto; /*this puts the container aligned center*/
  text-align:left; /*this overrides the textalign:center on the body*/
}

#header {
  background-color:green;
  width:652px;
  height:161px;
}

#contentcontainer {
	position:relative;/*this is relative to allow us to absolute position elements inside it*/
	width:100%;
	background-image: url(images/new_new.jpg);
	min-height: 620px;
	height: auto;
}

*html #contentcontainer { height: 650px; }

.number {
	font-weight: bold !important;
	color: #5c5c3a !important;
	font-family: courier !important;

}


#testmenu{

	position:absolute;
	top:0;
	left:0;
	width:219px;
  background-color: #aaaaaa;
}

#menu{

	position:absolute;
	top:0;
	left:0;
	width:219px;
}
	
#loginBox{
	position:absolute;
	top:0;
	left:19px;
	width:193px;
	padding-left: 15px;
	background-image: url(images/logon.gif);
	background-repeat: no-repeat; 
	height: 117px;

	color: #ffffff;
	font-size: 9pt;
}

#loginBox h1 {
	margin: 10px 0px 0px 0px;
	padding: 0;
	font-size: 13pt;
	font-weight: bold;

}
#loginBox h2 {
	margin: 10px 0px 6px 0px;
	padding: 0;
	font-size: 9pt;
	font-weight: bold;

}

#loginBox .button {
	border: 1px #ffffff solid;
	background-color: #007cd3;
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;

}

#loginBox p {
	margin-top:5px;
}

#loginBox a {
	color: #ffffff;
}

#loginBox form{
	margin: 0px 0px 0px 0px;
}

#loginBox input {
	font-size: 8pt;
	border: 1px #ffffff solid;
}



#flagRates {
	position: absolute;
	margin: 120px 0px 0px 20px;
	padding: 8px;
}

#flagRates .rate {
	padding-left: 10px;
	font-size: 8pt;
	color: #660000;

}

#flagRates table tr td {
	padding-bottom: 8px;
}


#flagRates table tr td strong {
	display: block;
	font-size: 8pt;
	color: #000000;
	padding: 0;
	margin: 0;
}

#flagRates h2 {
	color: #444444;
	margin: 0;
	padding: 0 0 10px 0;
}

#rates-footer {
	font-size: 7pt;
	color: #999999;
}


#internationalRates{
	background-image: url(images/intRatesBgrnd.jpg);
	background-repeat: repeat-x;
	height: 141px;
	width:419px;
	position:relative;
}

#internationalRates h2 {
  padding-top:5px;
  margin-top:0;
}

#internationalRates form {
  position:absolute;
  top:10px;
  right:9px;
}

#internationalprice{
  position:absolute;
  top:55px;
  right:10px;
  font-size:18pt;
  color:white;
  font-style:italic;
  font-weight:bold;
}

#internationalRates form select{width:140px;
}

#maincontent{
	margin-left:219px;
	font-size: 8pt;
}


#innerContent * {
	color: #2f6984;
}

#innerContent {
	padding: 10px 20px 10px 10px;
	color: #444444;
}

#innerContent h1 {
	font-size: 13pt;
	color: #015a84;
	padding: 0;
	margin: 0;
	padding-bottom: 4px;
}

#innerContent h2 {
	font-size: 11pt;
	color: #015a84;
	padding: 0;
	margin: 0;
}

#innerContent p {
	margin-bottom: 10px;
}


#container #footer{
	clear: both;
	background-image: url(images/footerBgrnd_new.jpg);
	height:90px;
	font-size: 8pt;
	color: #666666;
}

#container #footer a {
	color: #666666;
}

#container #footer #one {
	float: left;
	padding: 30px 0px 0px 30px;

}

#container #footer #two {
	float: right;
	padding: 30px 30px 0px 0px;
}



#li img{
	border: 1px solid black;	
}

.borderedBoxTiny {
	border: 1px #bbbbbb solid;
	background-color: #fafafa;
	font-size: 8pt;
}

.borderedBoxTiny:hover {
  background-color: #fcffe6;
}

.borderedBoxTiny:focus {
  background-color: #fcffe6;
	border: 1px #999999 solid;
}

.borderedBox {
	border: 1px #bbbbbb solid;
	background-color: #fafafa;
	font-size: 8pt;
	padding: 0px 2px 0px 2px;
}

.borderedBox:hover {
  background-color: #fcffe6;
}

.borderedBox:focus {
  background-color: #fcffe6;
	border: 1px #999999 solid;
}


.aForm th {
	text-align: right;
	vertical-align: top;
	color: #990000 !important;
	width: 160px;
	padding-right: 4px;
}

.error {
	padding-left: 20px;
	color: #ff0000 !important;
}

.inset {
	padding-left: 20px;

}

#userOptions {
	position: absolute;
	margin: 120px 0px 0px 20px;
	padding: 8px;
	font-size: 8pt;
}

#userOptions ul {
	padding: 0;
	margin-left: 20px;
}


#userOptions li {
	padding: 0;
	margin: 0;
}


#userOptions h2 {
	color: #990000;
	margin: 0;
	padding: 0;
	font-size: 13pt;
}

#userOptions strong {
	color: #000099;

}

.block {
	width: 167px;
	margin: 10px 0px 10px 0px;
	border: 1px #eeeeee solid;
	-moz-border-radius: 6px;
	padding: 6px;
}



.tiny * {
	font-size: 7pt;
	font-family: verdana;
}

.tiny th {
	font-size: 6pt;
	font-weight: bold;
}

.tiny td {
	color: #666666;
}





.dataTableCalls * {
	font-size: 7pt;
	font-family: verdana;
}

.dataTableCalls th {
	color: #990000 !important;
}



.odd {
	padding: 0 2px 0 2px !important;
	background-color: #f8f8fd;
	vertical-align: top;
}

.even {
	background-color: #ffffff;
	vertical-align: top;
}

.odd:hover {
  background-color: #fcf7cd;
}

.even:hover {
  background-color: #fcf7cd;
}



hr {
	color: #eeeeee;
	background-color: #eeeeee;
	height: 1px;
	border: 0;
}

.paymentRow {
	vertical-align: top;
}

.paymentRow strong {
	color: #660000 !important;
	vertical-align: top;
	text-decoration: underline;
}

.registerBlock {
	background-color: #f8f6f0;
	padding: 10px !important;
	-moz-border-radius: 10px;
	margin-bottom: 10px !important;
	border: 1px #dddddd solid;
}

.registerBlock:hover {
	background-color: #f8f1db;
}

.registerBlock h2 {
	font-size: 8pt;

}



.tc {
	color: #663333 !important;

}


.tc_nav {
	float: right;

}


.tableList {
	width: 100%;
	border: 1px #f0f0f0 solid;
}

.tableList td {
	padding: 2px 4px 2px 4px !important;
}

.tableList th {
	background-color: #cce47b;
	padding: 2px 4px 2px 4px;
	color: #000000 !important;
}



.distinctionBox {
	background-color: #9DD8FF;
	width:80%;
	border: thin solid #006699;
	padding: 6px;
	margin-left: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 8px;
}

.redTextBold {
	color: #FF0000 !important;
	font-weight: bold;
}



.rateSelected {
	padding: 0px 2px 0px 2px !important;
	width: 8px !important;
	text-align: center;
	background-color: #fcf7cd !important;
	font-weight: bold;
}

.rateNormal {
	padding: 0px 2px 0px 2px !important;
	width: 8px !important;
	text-align: center;
	background-color: #ffffff;
}

.navTable {
	background-color: #e4e4e4;
	width: 300px;
}

.navTable td {
	padding: 0px 8px 0px 8px;
	text-align: center;
	background-color: #ffffff;
	width: 90px;
}

.navTable a {
	text-decoration: none;
}

.navTable td:hover {
	text-decoration: none;
	background-color: #fcffe6;
}

#internationalpriceunit {
	color: #ffffff;
}




.notice {
	padding: 2px 0px 2px 0px;
	border-top: 1px #f3664c solid;
	border-bottom: 1px #f3664c solid;
	background-color: #f3edec;
	text-align: center;
}

.doButton {
	font-weight: bold;

}


.infoTable table {
	border: 1px #000000 solid;
}

.infoTable table tr th {
	background-color: #f0f0f0;
	width: 200px;
}

.required {
	color: #993333 !important;
	margin-bottom: 6px;
	margin-left: 4px;
}


legend {
	font-size: 10pt;
	font-weight: bold;
}

fieldset {
	margin: 6px 6px 20px 6px;
	border: 1px #dddddd solid;
	padding: 4px 10px 0px 10px;
	-moz-border-radius: 6px;

}

