/* CSS Document */

@import url(../css/tpp-base.css);

/*section layout and size control
theoverallpage*/
#page {width:800px; margin:10px auto; overflow:hidden; background-color: white; }

/*section layout and size control
headerarea*/
#header img {border: none; padding:0;}
#header{width: 800px; height:92px; background-color: #E1E1E1;
}

/*section layout control
leftpanel*/
#panelleft h1 {font-size:110%; font-weight:normal; padding: .25em}
#panelleft h2 {font-size:100%; font-weight:normal; font-variant:small-caps; letter-spacing:.2em; padding: .25em }
#panelleft h3 {font-size:90%; font-weight:normal; padding: .25em }
#panelleft h3#value {text-align: center; }
#panelleft li {margin: .5em; padding: .5em;}
#panelleft p {padding:.25em;}

/*section layout control
rightpanel*/
#panelright h1 {font-size:110%; font-weight:normal; padding: .25em}
#panelright h2 {font-size:80%; font-weight:normal;  padding: .5em; }
#panelright h3 {font-size:80%; font-weight:normal; padding: .25em;  text-align: left;  }
#panelright li {margin: .5em; padding: .5em;}
#panelright h3#value {text-align: left; }
#panelright p {padding:.25em; }


/*section layout control
mainbody*/
#mainbody h3 {padding:.5em; text-align: center; }
#mainbody p {padding: .5em;}

/*section layout control
menu*/

.menuOn {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #C5D8CE;
	padding-left: 8px;
	height: 25px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	color: #5C5C5C;
}

.menuOver {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #C5D8CE;
	padding-left: 8px;
	height: 25px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	color: #5C5C5C;
}
.menuOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #DCE3EE;
	padding-left: 8px;
	height: 25px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	color: #5C5C5C;
}

/*subsection layout control
logointerlink*/
#logointerlink p {padding: .5em;}

/*section size control*/
#body {width: 800px; position:relative; float:left; margin:0; padding:0; background-color: #D4D4D4; overflow:auto; }
#mainbody {width:800px; float:right; }
#logointerlink {width:800px; float:left; background-color: white}
#panelleft{
	width: 220px;
	height:100%;
	color:#666666;
	float:left;
	background-color: #F3F2ED;
	border-right-style: line;
	border-right-color: #E1E1E1;
}
#panelright{ width: 565px; height:100%; color: black; float:right; margin: 0px; padding: 2px 0px;}
#footer {width:800px; float:right; font-size: 80%; background-color: #E1E1E1;}

/*section layout control
otherstuff*/
img {border:none;  margin-left: 0px;  padding: 2px 4px;   }
ul {font-weight: normal;  margin-left: 6px;  }


/*Specific Classes*/
.specialcomment {color: white;  font-weight: normal;  margin-left: 3px;}
.smalltext {font-size: 10px; color: #000000;}
.sectionheader {color: #2E5D8B;  font-weight: bold;  font-size: 16px; }
	
/*link styles */
a:link {color: #00486C; font-weight: bold; text-decoration: none;}
a:visited {	color: #696969; text-decoration: none;}
a:hover {color: #399;	text-decoration: underline;}
a:active {color: #1350FF; text-decoration: underline;}

a.packageofferheading:link {color: white; font-weight: bold; text-decoration: none;}
a.packageofferheading:visited {	color: black; text-decoration: none;}
a.packageofferheading:hover {color: white;	text-decoration: underline;  background: #66C3FF; }
a.packageofferheading:active {color: #03F; text-decoration: underline;}

