/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html,body {
		margin: 0;
		padding: 0;
}
body {		
		font: small arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-color: #ffffff;
		background-image: url(../images/main-bg.jpg);
		background-repeat:repeat;
}
		
#container {
		margin-left:auto;
		margin-right:auto;
		margin-top:13px;
		width: 760px; 
		min-height:100%;
		text-align: left;
		background: #ffffff;
		border-left: 1px solid #a1a1a1;
		border-right: 1px solid #a1a1a1;
        position:relative;
}

/* commented backslash hack v2 \*/ 
* html #container {height:100%;height:auto !important;}		
* html #container {width:760px;w\idth:760px;height:auto !important;}
* html body{font-size:small;f\ont-size:small}
/* end hack */ 

#mainheader {
		position:absolute;
		left:0;top:0;
		height: 127px;
		width:100%;
		background-color: #fff;
		z-index:1;
}
#header {
		height: 127px;
		width:100%;
		background-color: #D1DCE9;
		margin:0px;
		position:relative;
		z-index:2;
		overflow:hidden;
		background: url(../images/header-bg.jpg) top left no-repeat;
}

* html #mainheader {height:161px;he\ight:160px}
* html #header {height:127px;he\ight:127px}

.logo {margin:65px 0px 0px 10px;}
.strap {margin:5px 0px 0px 70px;}

#mainnav {
	    top: 127px;
		width:760px;
		height: 27px;
		background-color: #f5f5f5;
		position:relative;
		z-index:2;
		background: url(../images/nav-bg.jpg) top left repeat-y;
		padding:0;
		text-align: left;
		margin-bottom:150px;
}

.mainNav {width: 760px; height:27px; padding: 0; margin:0 0 0 24px;}

.mainNav li {
  font-family : arial, sans-serif;
  display : inline; 
  font-size : 85%
}

.mainNav li a {
  margin : 3px 0px 0px 0px;
  padding : 3px 8px 3px 8px; 
  font-weight : bold; 
  float : left; 
  border-right : #FFFFFF 1px solid; 
  color : #FFFFFF; 
  text-decoration : none
}

.mainNav li a:hover {
  text-decoration : none; 
  color : #000000; 
}

* html #mainnav{height:27px;he\ight:27px}		

#content {
		width: 725px;
		margin:15px;
		padding:20px 0 ;
		color: #101010;
		}
		
#extLinks {position: absolute; margin:-20px 0 0 490px; width:300px; height:50px; padding:0;}

.extLinksHeader {font-size: 105%; font-weight:bold; margin-right:8px;}

#content p, #sidebar p, #mainnav p, #header p {margin:0 5px 5px 5px; line-height: 20px;}		
#content a {color: #101010; text-decoration: underline;}
#content a:hover {color: #101010; text-decoration: none;}

#advert {

}

#footer	{
		position:absolute;
		bottom:0;
		width:100%;
		height: 27px;
		background: url(../images/nav-bg.jpg) top left repeat-y;
		color: #ffffff;
		text-align: center;
}
#footer p {margin:0;padding:0; font-size: 75%;}
* html #footer {height:27px;he\ight:27px;}

.divider1 {
	width:100%;
	height:5px;
	overflow:hidden;
	position:relative;
}

#clearfooter {height:27px;width:100%;clear:both}
.blank , .blank2 {
	position:absolute;
	left:176px;
	width:7px;
	height:0px;
	overflow:hidden;
}
.blank {top:-1px;}
.blank2 {bottom:-1px;
}

.pageHeader {font-size:150%;}
.pageHeader span {color:#D12D2C;}

#packDiv ul, li { list-style-type:disc; color: #D12D2C;}
#packDiv span {color: #101010;}

.tempsTab, td {border:0px solid #a9a9a9; border-collapse:collapse;}

.tempsTabHead {background-color: #990000; color: #ffffff; font-size:80%; font-weight: bold; padding:5px; text-align: center;}
.tempsHeadRight {border-right:1px solid #ffffff;}

.flashDrives {width:320px; height:400px; float:right;}

.flashDrives ul li {margin:0; padding:0; list-style-type: none; float:left;}

.flashDrives img {margin:0 10px 10px 0; border:1px solid #dedede;}