@import url('nav.css');
@import url("subnav.css");

html { margin: 0px; padding: 0px; }

body {margin:0px auto; padding: 0px ; text-align: center; background-color:#ffffff;}
.clear { clear: both; }

.leftalign {float: left; margin-right: 10px;}

/*************** fonts *****************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#4D4D4D;
}

/*This line fixes issues of transparency for PNGs in IE 5.5 and 6. Two files must exist to make this work - iepngfix.htc and blank.gif. */
img, div { 
behavior: url(/iepngfix.htc) 
}

img {border: none;}

#hometestimonial_content {float: left; width:268px; height:224px; background:#fff; border: 0px; background-image:url(/images/hometestimonialarea.jpg); background-repeat:no-repeat; overflow:hidden; color:#262626;}
#hometopimage {float: left; width: 529px; height:224px; margin: 0px;  padding: 0px; border:0px; color:#262626;}

#testimonial_content {float: left; width:268px; height:173px; background:#fff; border: 0px; background-image:url(/images/testimonialarea.jpg); background-repeat:no-repeat; overflow:hidden; color:#262626;}
#topimage {float: left; width: 529px; height:173px; margin: 0px;  padding: 0px; border:0px; color:#262626;}

.homeleftcontenttext {padding: 0px 10px; font-size: 12px; line-height:normal; color:#4D4D4D;}
#leftcontent {float: left; width: 268px;background: #FFFFFF; text-align:left;}
#centercontent {float: left; width: 519px; margin: 0px 0px 0px 10px;  padding: 0px; border:0px; text-align:left; font-size:12px; line-height:16px;}
/* working styles for inflexible sizing of main content 
#homecentercontent{float: left; width: 529px; height:427px; margin: 0px; padding: 0px; border:0px; text-align:left; overflow:hidden; background-image:url(/images/homecontentbkg-427.jpg); font-size:12px;}
.homecentertext{margin: 8px 20px 0px 20px; height:143px; overflow:hidden; color:#102e47 }
*/


/* replaced styles to allow for flexible text sizing*/
#homecentercontent{float: left; width: 526px; margin: 0 0 0 3px; padding: 0px; border:0px; text-align:left; background-image:url(/images/ws_homecontent_bg.png); background-repeat: no-repeat; background-color: #8ea5bb; font-size:12px;}
.homecentertext{margin: 8px 20px 0px 20px;  color:#102e47 }


/*kym add for mock*/
.homecentertextmock{margin: 8px 20px 0px 20px; height:100px; overflow:hidden; color:#102e47 }
#homecentercontentmock{float: left; width: 529px; height:415px; margin: 0px; padding: 0px; border:0px; text-align:left; overflow:hidden; background-image:url(/images/mocks/homecontentbkgmock.jpg); font-size:12px;}

#banner {background:#fff; height:40px; border-top:0px solid #000; border-right:1px solid #000; border-left:0px solid #000; voice-family: "\"}\""; voice-family: inherit; height:39px; }

#container {width:797px; border:0px; margin:0px auto;}

html>body #banner {height:39px;}
		
h1, h2, h3 {font-weight:bold;color:#476f91;}

h1 {
	font-size: 22px; /* 16x1.375=22px */
	line-height: 36px;/* 16x1.636=36px */
	margin: 0;
}

h2 {font-size: 18px; margin: 0px;line-height: 24px;}
.error {font-size: 18px; margin: 0px;line-height: 24px; color:#FF0000; font-weight:bold;}

p, td, form  {
	font-size: 12px; /* 16x0.875=12px */
	margin: 18px 0; /* 14x1.286=18px */
	text-align:justify;
	}

ul, .text{
	font-size: 12px; /* 16x0.875=12px */
	text-align:justify;
	}

.lgtext { font-size: 14px; /* 16x0.875=14px */}
.smtext { font-size: 11px; /* 16x0.875=14px */}
.smrtext { font-size: 10px; /* 16x0.875=14px */}


#content {padding: 0px; text-align: left; background-color:#FFFFFF;}
#container {padding: 0px; background-color:#FFFFFF; border:0px;}

#header { height: 78px; width:797px; background-color:#FFFFFF; margin: 0px; padding: 0px; border:0px;}


#footer {
	font-size: 10px; /* 16x0.125em=18px */
	text-decoration: none;
	color: #4D4D4D;
}

/*
hr {border: 0px; color:#4D4D4D; height: 1px; width: 100%; text-align: left; }
*/

/* Form */
form {padding border margin: 0px; z-index:-1;}
input.homeform {width:150px;height:20px;padding:0px;margin:0px;margin-top:0.3em; border: 1px solid #4D4D4D;background-color:#FFFFFF;}
.submithome {background:#999999; border-width:1px; border-color:#4D4D4D; border-style:solid;font-weight:bold; color:#FFFFFF; margin:5px 0px 0px 0px; height:20px;width:150px;}
.box, input {width:200px;height:20px;padding:0px;margin:0px;margin-top:0.3em; font-size:12px; border: 1px solid #4D4D4D;background-color:#FFFFFF;}
textarea {width:250px;height:150px; padding:0px;margin:0px;margin-top:0.3em; border: 1px solid #4D4D4D;background-color:#FFFFFF;}
.submit {background:#999999; border-width:1px; border-color:#4D4D4D; border-style:solid;font-weight:bold; color:#FFFFFF; margin:5px 0px 0px 0px; height:23px;width:200px;  z-index:-1;}
select{background: #FFFFFF; border: 1px #4D4D4D outset; color: #4D4D4D; vertical-align:middle; padding: 0px 0px 0px 4px; height:22px;  z-index:-1;}
input.radio {width:15px; height:15px;padding:0.2em;margin:0px;margin-top:0.3em; border:0px;  z-index:-1;}
input:focus, input.sffocus { background-color:#FFFFFF; }

label {padding:4px 0px;width: 75px; height:10px; border:0px; margin:0px 5px 0 px 0px; float: left;text-align: left;display: block;}
label.home {padding:4px 0px;width:60px; height:10px; border:0px; margin:0px 5px 0 px 0px; float: left;text-align: left;display: block;}

#formtext {width: 100px; padding:2px 10px; float:left; z-index:0}
#formfield {width: 420px; padding:2px 10px; position:relative; float:left;  z-index:0;}

div.row { clear: both; padding-top: 3px; }
div.row span.formtext { float: left; width: 100px; padding:2px 10px; text-align: right;  }
div.row span.formfield { float: right;  width: 420px;  padding:2px 10px; text-align: left;  } 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

.subnavbox {background-image:url(images/subnavbox.jpg);background-repeat:no-repeat; width:255px; height:147px; overflow:hidden; margin:0px auto; text-align:left;	padding:0px; font-size: 14px;float:left /* 16x0.875=12px */}

/* Testimonials */
.homequote {font-size:17px; font-style:italic;padding: 8px 10px 0px 10px; text-align:left }
.homesource {font-size:13px; font-weight:bold;padding: 0px 10px; text-align:left }

.quote {font-size:17px; font-style:italic;padding: 8px 10px 0px 10px; text-align:left }
.source {font-size:13px; font-weight:bold;padding: 0px 10px;  text-align:left }

p.quote { margin:5px 0px;}

.breadcrumb {font-size:10px; font-weight:normal;padding:0px; }

/* Links */
a, a:visited {font-weight: normal; color: #262626; text-decoration:underline; }
a:hover, a:active {font-weight: normal;color: #262626; text-decoration: underline; }

.rightlink {float:right; width: 100px; padding: 5px; margin:0px 0px 5px 10px; text-align:center; border:1px #4D4D4D solid; background-color:#dddddd}

/* RSS Feed */
.rss-button{font-weight:bold;}
.rss-button a{}

#rss-menu{ padding:0px 10px; width:100px; border:solid 1px #262626; margin-top:10px; float:right; margin-left:10px;}
#rss-menu a:link, #rss-menu a:visited {color:#262626; display:block;}
#rss-menu a:hover{color:#666666; text-decoration:none;}
#rss-menu h2{ border:0; margin:0; border-bottom:solid 1px #CCCCCC; color:#000000; display:block; font-weight:bold; font-size:12px; margin-bottom:10px; padding:6px 0px; }
#rss-menu ul, #rss-menu ul li{ border:0; margin:0; padding:0; list-style:none;}
#rss-menu ul li{ height:20px; text-indent:104px; margin-top:3px;}

.feed-yahoo{background:url(/images/pic/feed-yahoo.png) no-repeat;}
.feed-newsgator{background:url(/images/pic/feed-newsgator.png) no-repeat;}
.feed-netvibes{background:url(/images/pic/feed-netvibes.png) no-repeat;}
.feed-bloglines{background:url(/images/pic/feed-bloglines.png) no-repeat;}
.feed-xml{background:url(/images/pic/feed-xml.png) no-repeat;}
.feed-google{background:url(/images/pic/feed-google.png) no-repeat;}


.signup {margin-left: 35px;}


.videoboxes {
	
}

.box-left {
	float: left;
	width: 150px;
	
	
	
}

.box-right {
	margin-left: 160px;
	width: 150px;
	
	
}

.sidebarbox {
padding-top: 15px; 
padding-right: 10px; 

}