﻿img, div { behavior: url(/pngfix/iepngfix.htc) }/*support png in ie6*/

@media screen
{

/*default styles*/
*{
    
 margin:0;
 padding:0;
 
 }
body 
{
   font-family: Arial, Verdana, Helvetica, Sans-Serif;
   font-size:12px;
   font-weight:normal;
   color:black; 
   background:#fff url(img/bodyBg.gif) top repeat-x;
   text-align:left;
   line-height:1.6em;

}
/**main headline*/
h1, h4{
font-size:20px; 
padding:1em 0 .5em .2em; 
color:#999; 
font-weight:normal; 
float:left;
width:100%;}
/*subheadline*/
h2{
font-size:15px; 
padding:1em 0 .5em .2em; 
color:#999; 
font-weight:normal; 
float:left;
width:100%;}
/* testimonial headline*/
h3{
font-size:15px; 
padding:0em 0 1em .2em; 
color:#999; 
font-weight:normal; 
float:left;
width:100%;}
p
{
padding:.5em;
margin:0;
font-size:12px;
color:#666;
}
ul{
list-style-type:square;
font-size:12px;
color:#666;
padding-left:1.8em
}
a
{
color:#006699;
text-decoration:none;
}

a:hover
{
color:#333;
}
.noBorder{
border:none!important;
}
/*containers*/
#Wrapper{
    width:950px;
    
    text-align:left;

}
/*Header*/
#Header{
width:950px;
height:204px;

}
/*
#Header span{
width:938px;
height:6px;
background:url(img/headerTop.gif) top no-repeat;

}*/
#Logo a{
width:237px;
height:203px;
float:left;
background:url(img/logo.gif) 0 0 no-repeat;
}


/*RadMenu*/
#Menu{
float:left;
width:713px;
height:34px;
background:#334068;

}



/*Page Image*/
#PageImg{
float:left;
width:713px;
height:160px;

}


/*left Col elements*/
.Col1{
width:237px;
float:left;
}
/*container for menu, necessary to keep spacing to ball*/

.SideMenu{
margin-top:3.6em;
 
height:180px;

}

div.SideMenu{

min-height:180px;
height:expression(this.scrollHeight > 180 ? "auto":"180px"); 
}

.Ball{

background:url(img/ball.gif) left no-repeat;
width:122px;
height:140px;
display:block;
padding:0;
}

/*leftnav*/
ul#SectionNavigation{
list-style-type:none;

}
ul#SectionNavigation li{
padding:.3em 0;

}
ul#SectionNavigation li a{
color:#333;
}

ul#SectionNavigation li a:visited{
color:#333;
}
ul#SectionNavigation li a:hover, ul#SectionNavigation a.selected{
color:#006699!important;/*overwrite visited state*/
background:url(img/arrow.gif) left no-repeat;
padding-left:1.2em;
}

/*middle Col elements*/
.Col2{

width:479px;
float:left
}

/*Text Content*/
#Content{
width:950px;
height:auto;
float:left;

padding:0 0 2em 0
}
/*contact page*/
ul.contact{
list-style-type:none;
padding:1em 0 1em .5em;
margin:0;
border-bottom:1px solid #ccc;
}
ul.contact li{

display:block;

padding:.5em .3em;

}
ul.contact li.mail{
background:url(img/mail.gif) 0 3px  no-repeat;
padding-left:30px;

}
ul.contact li.phone{
background:url(img/phone.gif) 0 3px no-repeat;
padding-left:30px;
}
ul.contact li.fax{
background:url(img/fax.gif) 0 3px no-repeat;
padding-left:30px;
}
ul.contact li.mobile{
background:url(img/mobile.gif) 0 3px no-repeat;
padding-left:30px;
}
/*Right Col elements*/

.Col3{

width:230px;
float:right;

}

.Login{
display:none;
background:url(img/loginBg.gif) no-repeat;
width:230px;
height:112px;
}
.Login fieldset{
border:none;
padding:0;
}
.Login h3{
font-weight:bold;
font-size:1em;
padding: .8em 0 0 .8em;
margin:0;
}
.Login ul{

width:100%;
padding:.8em;
padding-top:0;
margin:0;

list-style-type:none;
}
.Login ul li{
float:left;
width:200px;
padding-bottom:.2em;
}
.Login label{
width:50px;
float:left;
font-size:10px;
}
.Login input{
border:1px solid #ccc;
float:left;
padding:.3em;

width:100px;
font-size:11px;
}
.Login li.checkbox{

padding-top:1em;

}

.Login li.checkbox label{

width:120px;
padding-bottom:.2em;
padding-left:0.5em;

}

.Login li.checkbox input{
width:15px;
height:18px;
}
.Login .go{
border:medium none;
float:right;
height:22px!important;
width:40px !important;
background:url(img/goBt.gif) no-repeat;
}
.Login p{
line-height:1.3em;
font-size:11px;
color:#ff9900;
}

.Diagram{

padding-top:138px;
width:220px;
}
/*larger home diagram*/
.Diagram .home{

padding-top:-7px;
}
.Diagram img{
margin-left:-2px;
margin-top:-2px;}

/*footer*/
#Footer{

background:#334068;
color:#FFFFFF;
float:left;
padding:0.3em 0 0.3em 0;

width:100%;

}
#Footer p{
padding:0 0 0 22.3em;
color:#fff;
float:left;
font-size:.9em;
}
#Footer ul{
list-style-type:none;
float:left;
line-height:12px;
padding-top:0.3em;
padding-left:.8em;

}
#Footer ul li{
float:left;
border-left:1px solid #fff;
padding:0 .4em;
}
#Footer ul li a{
color:#fff;
padding:.2em;
font-size:.9em;

}
#Footer ul li a:hover {
color:#ccc!important;
}
#Footer ul li a:visited {
color:#fff
}
/*Zimweb Design*/
.createdByZimweb
{
	z-index: 500;
	height: 30px;
	margin: 0;
	padding:2em 0 2em 2em;
	text-align: left;
	width: 900px;
	float: left;
}
.createdByZimweb img
{
	float: left;
	border: none;
}
.createdByZimweb a
{
	cursor: pointer;
	color: #333;
	height: 25px;
	line-height:normal;
	text-decoration: none;
	width: 136px;
	border: none;
}
.createdByZimweb a:hover
{
font-weight:bold;
}

.createdByZimweb span
{
	float: left;
	width: 100px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	padding-left: 1em;
}

	/* RSS */
	a.subscribe-for-rss
	{
		background: transparent url(img/SubscribeForRss.gif) no-repeat scroll 0 0;
		color: #333333;
		display: block;
		line-height: 16px;
		padding-left: 22px;
		text-decoration: none;
		width: 113px;
		margin-left: 20px;
	}
}
      