html
{
height: 100%;
}
.table1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	background:#F2F2F2;
	border:#CCCCCC solid 1px;
}
.table1 td
{
    margin: 0;
    padding: 2px;
	background:#F2F2F2;
	border-left:#CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}
.table1 th
{
    margin: 0;
    padding: 2px;
	background:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	border-width: 1px; border-style: solid; border-color: #881311;
}
body {
	margin : 0;
	padding : 0;
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-align : center;
	height:100%;
}
#wrapper { /* surrounds the whole layout*/
position : relative;
width : 974px;
height:auto;
margin-top : 0;
margin-bottom : 0;
margin-right : auto;
margin-left : auto;
text-align : left;
background-color : #ffffff;
background-image: url(../images/inverse_swoosh_radan.png); background-repeat:no-repeat;
border-left:#CCCCCC solid 1px;
border-top:solid #ffffff 10px;
border-right:#CCCCCC solid 1px;
z-index:0;
min-height: 100%;
}
* html #wrapper
{
height: 100%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.5;
	font-weight: bold;
	color: #186c99;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color:#333333;
	line-height: 0.8;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color:#333333;
	line-height: 1;
}	
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #186c99;
}

#container { /* contains divs: on right hand column, left sidebar and middle*/
	position :relative;
	float : left;
	margin-top : 150px;
	width : 100%;
	color: #333333;
	z-index:0;
	padding-bottom: 4em;
}
#container a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #186c99;
	line-height: 1.5;
	text-decoration:underline
}
#container a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #186c99;
	line-height: 1.5;
	text-decoration:underline;
}
#container a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #111111;
	line-height: 1.5;
	text-decoration:underline;
}
#container a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.5;
	color: #111111;
	text-decoration:underline;
}
#content {/* contains divs: on right hand column,  middle*/
	position :relative;
	width : 973px;
	margin-left : 0px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	z-index:1;
}
.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #186c99;
}
#planitcontainer { /* contains divs: the middle*/
	position :relative;
	float : left;
	margin-top : 150px;
	width : 100%;
	color: #333333;
	z-index:0;
	padding-bottom: 8em;
}
/* css for sidebar left*/

#sidebar {
	position :relative;
	float : left;
	width : 138px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	top:0px;
}
.tabletitle{
	background: url(../images/sidebar_botton.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align:left;
	width:100%;
	font-weight:bold;
	line-height: 1.3;
	width:143px;
}
table.sidebar {
	color : #333333;
	width:143px;
	font-size: 9pt;
	text-align:center;
}
td.center{
	text-align:center;
}
/* css for header items*/
#header {
left: 0;
width: 100%;
z-index:1;
position: absolute;
top: 0;
height: 152px;
background-image: none;
}
#headerlogo {
	position :relative;
	float : left;
	height : 93px;
	left:20px;
}
#menuholder {
	top:129px;
	float:left;
	left: 165px;
	width:700px;
	font-family: Arial, Helvetica, sans-serif;
	height:29px;
	font-size:10px;
	position:relative;
	z-index:1;
}

/*css for breadcrumbs */
#breadcrumbs a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #aaaaaa;
	text-decoration: underline;
}
#breadcrumbs a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #aaaaaa;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #186c99;
	text-decoration: none;
}
#breadcrumbs{
	float : left;
	top : 10px;
	width : 830px;
	position : absolute;
	text-align:left;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	z-index:0;
	left:152px;
}
.bgimage{
position:absolute;
float:left;
margin-top:24px;
padding-left:5px;
left:150px;
line-height:1.8;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#FFFFFF;
background-image:url(../images/radan_hometitle.JPG);
height:35px;
font-weight:bold;
background-repeat:no-repeat;
width:158px;
}
#contenttext{ /* this div contains the home flash animation or the center image*/
	float : left;
	top : 70px;
	width : 619px;
	position : relative;
	left:10px;
	text-align:left;
	z-index:0;
	padding:3px;
}
#contenttext a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #186c99;
	line-height: 1.5;
	text-decoration:underline
}
#contenttext a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #186c99;
	line-height: 1.5;
	text-decoration:underline;
}
#contenttext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #111111;
	line-height: 1.5;
	text-decoration:underline; 	
}
#contenttext a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5;
	color: #111111;
	text-decoration:underline;
}
#formcontenttext{ /* this div contains the page text with more width*/
	float : left;
	top : 70px;
	width : 800px;
	position : relative;
	left:10px;
	text-align:left;
	z-index:0;
	padding:3px;
}
#generalcontenttext{ /* this div contains the page text with more width*/
	float : left;
	top : 30px;
	width : 800px;
	position : relative;
	left:10px;
	text-align:left;
	z-index:0;
	padding:3px;
}
#pagetitle{
	position:absolute;
	float:left;
	margin-top:27px;
	padding-left:5px;
	left:150px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background:#eeeeee;
	height:35px;
	font-weight:bold;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	color:#186c99;
	height:21px;
	width:619px;
	top: 24px;
	z-index:0;
}
#formpagetitle{ /* this div contains the page title with more width*/
	position:absolute;
	float:left;
	margin-top:27px;
	padding-left:5px;
	left:150px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background:#eeeeee;
	height:35px;
	font-weight:bold;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	color:#186c99;
	height:21px;
	width:800px;
	top:24px;
	z-index:0;
}
#homeflash{ /* this div contains the home flash animation or the center image*/
	float : left;
	top : 60px;
	width : 630px;
	position : absolute;
	left:150px;
	height : 190px;
	text-align:left;
	background-image: url(../images/radan_homeimage.jpg);
	background-repeat:no-repeat;
	z-index:0;
	padding:1px;
}#homeimage{ /* this div contains the home image*/
	float : left;
	top : 5px;
	width : 618px;
	position : relative;
	height :165px;
	text-align:left;
	z-index:0;
}
#readmore{ /* this div contains the read more link*/
	float : right;
	width : 105px;
	position : relative;
	height :20px;
	text-align:left;
	z-index:0;
}
#readmore a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#readmore a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#readmore a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
#tabs{ /* this div contains the tabs on the products page*/
	float : left;
	top : 0;
	width:631px;
	position : relative;
	text-align:right;
	z-index:0;
	border-bottom:solid 2px #186c99;
	left:10px;
}
.tablemiddleimage {
	width:100%;
	height:223px;
}
.tdimagetop{
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	font-size: 10pt;
	text-align:left;
	width:100%;
	color: #FFFFFF;
	font-weight:bold;
}
.tdimagebottom{
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	font-size: 11pt;
	text-align:right;
	width:100%;
	color: #FFFFFF;
	font-weight:bold;
}
#hometext{ /* this div contains the text on homepage*/
	float : left;
	top : 250px;
	width : 619px;
	position : relative;
	z-index:0;
	left:10px;
}
#producttext{ /* this div contains the text*/
	float : left;
	top : 0px;
	width : 619px;
	position : relative;
	z-index:0;
	left:10px;
	border:solid 1px #cccccc;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:15px;
}
#producttext a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #186c99;
	line-height: 1.5;
	text-decoration:underline
}
#producttext a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #186c99;
	line-height: 1.5;
	text-decoration:underline;
}
#producttext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #111111;
	line-height: 1.5;
	text-decoration:underline; 	
}
#producttext a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5;
	color: #111111;
	text-decoration:underline;
}
.clear {
line-height : 0;
font-size : 0;
clear : both;
height : 0;
}
.titlepage {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.5;
	font-weight: bold;
	color: #186c99;
	}
/* css code for right hand column divs */
#border {
	float : right;
	right : 5px;
	width : 180px;
	position: absolute;
	color:#333333;
	z-index:0;
	border:solid 1px #cccccc;
	top:30px;
}
#events {
	top:5px;
	float : right;
	right : 10px;
	width : 180px;
	position : static;
	z-index:0;
	border-bottom:solid 3px #ffffff;
	color:#333333;
}
#news {
	float : right;
	right : 10px;
	width : 180px;
	position: static;
	color:#333333;
	z-index:0;
	border-bottom:solid 3px #ffffff;
	line-height: 10px;
}
#downloads {
	float : right;
	right : 0px;
	width : 180px;
	position : relative;
	z-index:0;
	color:#333333;
}
#planit {
	float : left;
	left : 0px;
	width : 130px;
	position : static;
	z-index:0;
	margin-bottom:15px;
	text-align:center;
}
.tablenews {
	color : #333333;
	width:100%;
}
.tdnewstitle{
	background: url(../images/newsbg_r.JPG);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:center;
	font-weight: bold;
	line-height:1.3;
	height:21px;
}
.tdnews{
	background: url(../images/rightcolumnbg.jpg);
	background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	border-left : solid  #cccccc 1px;
	border-bottom: solid  #cccccc 1px;
	font-size: 8pt;
	text-align:left;
	width:100%;
	padding-top:0;
}
.paragraphtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	font-weight:bold;
	background-color:#eeeeee;
	border-left:solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	line-height: 1.5;
	height:21px;
	padding-left:5px;
}
.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

/* styles for flash*/
#flashbanner
{
	position:relative;
	z-index: 0;
}
/* styles for floating images*/
div.float {
  	float: right;
  	border:double;
  	border-color:#eeeeee;
  	padding:1px;
	margin:6px;
	text-align:center;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	background-color: #cccccc;
}
div.leftfloat {
  float: left;
  padding:3px;
  border-right:#FFFFFF solid 3px;
  border-left:#FFFFFF solid 3px;
}
/* footer styles*/
#ftr {
	position:relative;
	height : 20px;
	background-color : #cecece;
	color : #333333;
	border : solid #dddddd;
	border-width : 1px 0 0 0;
	margin : 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	z-index:0;
}
#ftr a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #111111;
	text-decoration: underline;
}
#ftr a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #111111;
	text-decoration: underline;
}
#ftr a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #186c99;
	text-decoration: none;
}