html, body, strong, li
{
	margin: 0;
	padding: 0;
	
	

}
body
{
	background: #f1f4f7 url(/images/imgBackground.gif);
	background-repeat: repeat-x;
	margin: 0px auto;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	font-family: Arial;
	color: #5d5c5c;
}


/*html tags*/
a{
	color: #ff8600;
	text-decoration: none;
	line-height: 18px;

}
a:hover{
	text-decoration: underline;
	line-height: 18px;
}

b{
	color: #DE9C39;	
	line-height: 18px;
}

em{
	font-style: italic;
	line-height: 18px;
}


strong{
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 18px;
}

h2{
	color: #044374;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}
h3{
	color: #ff8600;
	font-weight: bold;
	font-size: 11px;
}
p{
	padding: 3px 0;
	line-height: 1.5em;
}

/*structure*/
#wrapper{
	width: 860px;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}
#header{
		background: #ffffff url(/images/imgBackground.gif);
		position: relative;
		height: 70px;
}
#headerleft{
position: absolute;
top: 24px;
left: 0px;
}

#headerright{
	position: absolute;
	top: 40px;
	left: 595px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

#headerright2{
	position: absolute;
	top: 40px;
	left: 530px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}


#headersearchbox{
	position: absolute;
	top: 39px;
	left: 695px;
	color: white;
	font-size: 11px;
}

ul#navlist
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navlist li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#content{
	background-color: #fff;
	
}

#mainContent{
	width: 648px;
	background: #fff url(/images/imgVertDots.gif) repeat-y right top; 
	float: left;
	min-height: 360px;
	line-height: 19px;
}
#mainContent h2{
	padding-bottom: 5px;
}
#mainContent h3{
	padding: 3px 0 8px;
}
#sidebarContent{
	
	width: 210px;
	background-color: #fff;
	float: left;
	
}

/*sidebar content*/
ul#contactlist{
	list-style-type: none;
	padding-top: 5px;
	color: #ff8600;
}
#contactlist li{
	padding: 3px 0;
}

ul.medialist{
	padding: 5px 0;
	color: #ff8600;
}
.medialist li{
	padding: 3px 0;
	
}
#pageTitle{
	float: left;
}
#pageicons{
	color: #ff8600;
	margin-right: 5px;
	float: right;
}
.padContent{
	margin: 0 14px 5px 19px;
}
#bottombackground{
	clear: both;
	margin: 0px auto;
	width: 860px;
}
#footer{
	text-align: right;
	padding: 12px 0;
	margin: 0px auto;
	width: 860px;
	font-size: 10px;
}

.horzDivider{
	padding: 10px 0 15px 0;
}
.whitespace{
	height: 25px; clear: both;
}
.cleardivs{
	clear: both;
}
.spacer{
	height: 20px;
}

.galleryhidden{
	display: none;
}

ul#flyoutlist li{
	background-color: #245b85;
	border-bottom: 1px solid #b0c3d3;
	width: 213px;
}
ul#flyoutlist li { display: block; list-style: none; margin: 0;  float: left; position: relative; }
ul#flyoutlist a { display: block; padding: 5px; color: #ffffff; }
ul#flyoutlist *:hover { background-color: #49769a; color: #ffffff; text-decoration: none;}


#web20{
	display: none;
	position: absolute;
	top: 145px;
	left: 0;
	height: 103px;
	width: 212px;
	z-index: 100;
}
#cms{
	display: none;
	position: absolute;
	top: 145px;
	left: 215px;
	height: 103px;
	width: 213px;	
	z-index: 100;
}
#businessapps{
	display: none;
	position: absolute;
	top: 145px;
	left: 431px;
	height: 103px;
	width: 213px;
	z-index: 100;
}
#aboutus{
	display: none;
	position: absolute;
	top: 203px;
	left: 647px;
	
	width: 213px;
	z-index: 100;
}


/*spacegallery*/
.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 50%;
}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/spacegallery/blank.gif);
}


#myGallery {
	float: left;
	width: 300px;
	height: 250px;
}
#myGallery img {
	border: 2px solid #52697E;
}
#myGallery a.loading {
	background: #fff url(../images/spacegallery/ajax_small.gif) no-repeat center;
}
#myGalleryText{
	float: left;
	margin: 60px 0px 0 20px;
}

/*landing page site galleries*/
#siteGallery{
	background: url(/images/imgLandingSitesBackground.gif);
	padding-top: 20px;
	width: 610px;
	height: 175px;
}
#siteGallery ul{
padding-left: 35px;
}
#siteGallery li{
	padding-right: 27px;
	float: left;
	display: inline;
}


/*topnav*/
/* Basic code - don't modify */
 #topnav { display: block; margin: 0; padding: 0; position: relative; }
  #topnav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #topnav a { display: block; }
  #topnav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; background-color: #90abc1;}
  * html #topnav ul { line-height: 0; } /* IE6 "fix" */
  	#topnav ul a { zoom: 1; filter:alpha(opacity=100);-moz-opacity:100;opacity:100; } /* IE6/7 fix */
    #topnav ul li { float: none; }
    #topnav ul ul { top: 0; }
    
/* Essentials - configure this */
#topnav ul { width: 140px; }
#topnav ul ul { left: 140px; }

/* Everything else is theming */
#topnav {  height: 22px; }
#topnav *:hover { text-decoration: none;}
#topnav a { color: white; font-size: 11px; padding: 6px; line-height: 1; font-weight: normal;}
  #topnav li.hover a {  }
  #topnav ul { top: 22px; }
    * html #topnav ul li a { background-color: #ffffff; }
      #topnav ul li.hover > a { background-color: #49769a; color: #ffffff; } 
   #topnav li ul a { border-top: 1px solid #90abc1; border-left: 1px solid #90abc1; border-right: 1px solid #90abc1; }
/* #topnav ul a { border-bottom: none;  } - I also needed this for IE6/7 */
* html #topnav li ul a {border-top: 0px solid #90abc1;}

#topnav li ul li a{ background-color: #245b85; color:  #ffffff;}
#topnav li ul li a:hover{background-color: #49769a; color:  #ffffff;}
/*end top nav*/