/* 
   css Copyright (c) 2005-2006 by Karelia Software. All rights reserved.
   css released under Creative Commons License 
        - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/

a img { border: none; }

/* General styles  */

body {
	text-align: center; /* this is for IE5-PC */
	word-wrap:break-word;
	margin-top: 0px;
/*	background-image: url(../images/bkg.gif); background-repeat: repeat-x; background: #bbb; */
	font-size: 85%; /* was76% */
	color: #777;
	font-family: verdana, arial, helvetica, sans-serif;
}


#page {
	text-align: left; /* this corrects the body-text-align selector strangely not working in IE5.5 though */
}

.clear {
	clear: both;
	height: 10px;
}

#page a:link { color: #6b87b0; font-weight: bold; text-decoration: none; }
#page a:visited { color: #8ba7d8; }
#page a:hover { background: url(g-bk-container.gif); color: #6d89b1; }

.hidden {
    display: none;
}

/* Images embedded in text,  narrow are 200 pixels wide or smaller. */

#main img {
	border: 1px solid #dbdbdb;
	background: url(g-bk-container.gif);
	padding: 10px;
	margin: 10px;
}

#main .pagelet img {
	border: 0;
	margin: 0;
	padding: 0;
}

img.narrow {
	display: block;
	clear: right;
	float: right;
}
img.wide {
	display: block;
	clear: both;
}

#main a:hover img {
	background: #eee;
}

/* Block Level formatting, more or less in descending order */

* {
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;   /* rem from here */
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	margin-top: -.25em;
}



#content {
	width: 889px;   /* rem from here */
}






		#page {
			position: relative;
			background: rgb(255, 255, 255);     /* this is the pagebackground was#fafafa url(g-bk-container.gif) */
			margin: 0 auto;
			padding: 10px;
			width: 889px;
	 	}
	 	
	html>body #page {
  		width: 890px;
		}

			#page-top {
				position: relative;
			}

				#title {
					position: relative;
					background: #fff;   /* url(g-bk-corner.gif) no-repeat bottom left */
					width: 877px;
					overflow: auto;
					border: 1px solid #dbdbdb;
					border-top: 1px solid #dbdbdb; /* 3px */
				}

					#title a img, #title img {
						padding: 18px 0px 0px 22px;  /* 8-0-0-10 then 16-0-0-22 */
						float: left;
					}

					#title p {
						position: relative;
						top: 0;
						margin: 0;
						margin-left: 15px;
						width: 500px;
						padding: 4px;
					}

					h1 {
						position: relative;
						top: 0;
						left: 0;
						width: 500px;
						padding: 4px;
						font-size: 2em;
							font-family: Verdana, Arial, Helvetica, sans-serif;
						margin-left: 15px;
						text-transform: uppercase;
							font-weight: bold;
						color: #004D9C;
						}

						h1 a {
						  text-decoration: none;
						  color: #888;
						  font-weight: normal;
							}
							
							
		.highlite {
	background-color: #EFEFEF;
	padding: 3px;
	display: block;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #004D9C;
}


#contentText {
	float: left;
	width: 500px;
}
.mediumText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;   /* was 11px */
	color: #333333;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #333333;
	font-size: 11px;
}


a {
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #EFEFEF;
}
					
							
							

				#sitemenu-container {
					clear: both;
					margin-top: 9px;
					background: url(extendandprotect4.gif) no-repeat top;  /* worldsync_logo.jpg */
					padding-top: 134px;
					border-bottom: 1px solid #dbdbdb;
					border-top: 0;  /* 1px solid #dbdbdb */
					}

				.home-page #sitemenu-container {
					padding-top: 134px;  /* 265px */
					background: url(extendandprotect4.gif) no-repeat top;  /* globe-art-for-web.gif */
				}
				
				
					#sitemenu-content {
							background: #fafafa;
							margin: 10px 0 0 0;
							border-top: 0px solid #dbdbdb;  /* 3px */
					}

						#sitemenu-content ul {
							background: #fff;   /* url(g-bk-corner.gif) no-repeat bottom left */
							list-style-type: none;
							text-transform: uppercase;
							padding: 12px 0 12px 0;
							text-align: center;
							border: 1px solid #dbdbdb;
							border-width: 0 0px 0px 0px;
						}

						#sitemenu-content li {
							display: inline;
							padding: 3px 0;
							margin: 0 6px;
						background: url('g-bk-arrow.gif') left no-repeat;						
							
						}

							#sitemenu-content a, .currentPage span.in {
								line-height: 1.5em;
							}

							.currentPage span.in {
								font-weight: bold;
								padding-left: 12px;
								color: #6d89b1;
							}

							#sitemenu-content a:link, #sitemenu-content a:visited {
								color: #6b87b0;
								padding-left: 12px;
								text-decoration: none;
							}

							#sitemenu-content a:hover, a:focus, a:active {
								background: #fff left center no-repeat;
								color: #6d89b1;
							}

			#page-content ul {
				margin-top: 15px;
				list-style-type: none;
			}

			ul ul {
				margin-top: 1px!important;
				list-style-type: none;
			}

			ul ul li {
			list-style-image: url(g-bk-arrow.gif);
			padding: 0;
			line-height: 20px;
			margin-left: 15px;   /* was-1.75em; */
			font-size: 11px;
			}

			#page-content li {
				font-size: 11px;
				margin: 0 15 0 20px;          /* was0-0-0-20 */
				line-height: 20px;
				list-style-image: url(g-bk-arrow.gif);
				/* background: url('g-bk-arrow.gif') left no-repeat; */
				border-bottom: 1px solid rgb(153, 153, 153);
				padding: 0;    /* was 4-0-4-5 */
			}

			#page-content li h3 {
				font-size: 11px;
			}

			#page-content li:hover {
				background: #fafafa ; /* url(g-bk-container.gif) */
			}

            #sidebar-container {
				float: left;
				width: 260px; /* was260px */
				margin: 0;
				padding: 0;
				min-height: 50px; /*for newer browsers*/
			}
			
			
	
/* #homecontent {
	position: relative;
} */



#column1 {
	float: left;
	width: 238px; /* was225 */
	margin-top: 10px;
	margin-right: 9px;
	padding-top: 5px;
	padding-left: 20px; /* was25 */
}
#column2 {
	float: left;
	width: 253px; /* was 230 */
	margin-left: 9px;
	margin-top: 10px;
	margin-right: 9px;
	padding-top: 5px;
}
#column3 {
	width: 253px; /* was 240 */
	margin-left: 7px;
	margin-top: 6px; /* was10 */
	float: left;
	padding-top: 5px;
}
#column3 li {
	list-style-image: url(../images/bullet-arrow.gif);
	padding: 0;
	line-height: 20px;
	margin-left: 17px;   /* was-1.75em; */
	font-size: 11px;
}

#DIV1 {
	float: left;
}


#DIV2 {
	float: left;
}		
			
			
			
			
			
			

			/* IE Hack */
			/* Hides from IE5-mac */
			
			html #sidebar-container {
					height: 50px;} 
					 /* for IE, treats height as min-height */
            
			/* End hide from IE5-mac */

		
				#sidebar {
					background: #fff; /*  wasurl(g-bk-corner.gif) no-repeat bottom left */
					color: #5c78a0;
					font-size: 11px;
					margin-right: 18px; /* was10px */
					border: solid #dbdbdb;
					border-width: 1px 1px 1px 1px;  /* 3px 1px 1px 1px */
					padding: 18px 18px 0px 18px; /* was24px */
				}
                #sidebar-container:after { content: url(bk-clear.gif); }

						.pagelet {
							width: 210px; /* was200px */
							word-wrap: break-word;
							overflow: hidden;
							margin-bottom: 5px;
						}

						#main {
							padding: 25px 18px 10px 18px;   /* was25-18-20-18 */
							background: #fff; /*  wasurl(g-bk-corner.gif) bottom left no-repeat */
							word-wrap: break-word;
							border: solid #dbdbdb;
							border-width: 1px 1px 1px 1px;  /* 3px 1px 1px 1px */
						}

				    #main .pagelet {
				    	float: left;
					    background: #fafafa; /*  wasurl(g-bk-container.gif) bottom left no-repeat */
				    	margin: 10px;
				    	padding: 10px;
					}
					
					#main .pagelet.bordered {
					    background: #fff; /*  wasurl(g-bk-corner.gif) bottom left no-repeat */
						border: solid #dbdbdb;
						border-width: 1px 1px 1px 1px;  /* 3px 1px 1px 1px */
					}

					#sidebar .pagelet {
						padding-bottom: 5px;
					}

					#sidebar .pagelet.bordered {
						border: 0px #dbdbdb solid;
					}   
					
					/* anytimeanywheredata */

					#sidebar .pagelet.bordered p {
						padding:0px 5px;
					}

					.pagelet h4 {
						padding: 2px 4px;
						margin-bottom: 5px;
						font-weight:normal;
					}

					#sidebar .pagelet h4 {
					background: #fff  left center no-repeat;
					border: solid #dbdbdb;
					border-width: 1px 1px 1px 1px;  /* 3px 1px 1px 1px */
					padding: 3px 3px 3px 12px;
					}
					
					#sidebar .pagelet.bordered h4 {
						border-width:1px 0px 1px 0px;   /* 2px 0px 1px 0px */
					}

/* photo-page, html-page (in some cases), iframe-page don't have sidebar */
/* Most other pages have sidebars */
				body.allow-sidebar #main {
					float: left;
					width: 549px;
				}

				body.no-sidebar #main h2 {
					text-align: center;
					font-size: 1.5em;
				}

				body.allow-sidebar #main h2 {
					color: #888;
					font-size: 1.5em;
			      background: #fff left center no-repeat;
					border: solid #dbdbdb;
					border-width: 1px 1px 1px 1px;  /* 3px 1px 1px 1px */
					padding: 3px 3px 3px 12px;
				}

					h2, h3 {
						margin-bottom: 10px;
						font-weight:normal;
					}

						.article {
							border-bottom: 1px solid #dbdbdb;
							background: ; /* wasurl(g-bk-corner.gif) bottom left no-repeat */
							padding-bottom: 15px;
							overflow:auto;
							word-wrap:break-word;
						}

							.article-thumbnail {
								float:right;
							}

			#page-bottom {
					clear: both;
					background: #fff; /* url(g-bk-corner.gif) no-repeat bottom left */
					padding: 10px 0px; /* was15px0px */
					border: 1px solid #dbdbdb;
					border-width: 1px 1px 0 1px;
			}

				#page-bottom p {
					padding: 0 15px 0px 25px;
					margin-bottom: 0;
				}


/* Used on index summary pages */

.listing-index li h3 a {
	text-decoration:none;
	font-size: 11px;
	font-weight:normal;
}



/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}



/* Contact Element For IE 7 */
*:first-child+html form.contactElement input.submit {
	padding:0px 10%;	
}