/* reset thanks to Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Arial, Helvetica;
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* basic code goes here */

.image {
	background-repeat: no-repeat;
	background-image: url('/gui/images/sprite.png');
}

.clearboth { clear: both; overflow: hidden; }
strong { color: #ff8c18; }
b { line-height: 1.5; }

a { text-decoration: none; }
	a:link { color: blue; border-bottom: 1px solid blue; }
	a:visited { color: purple; border-bottom: 1px solid purple; }
	a:active { color: red; border-bottom: 1px solid red; }
	a:hover { color: black; border-bottom: 1px solid black; }

html, body { height: 100%; background-color: white; }

body {
	width: 100%;
	text-align: center;
	position: relative;
	background-repeat: repeat-x;
	background-image: url('/gui/images/body-back.png');
}

	div.container {
		margin: 0 auto;
		width: 980px;
		text-align: left;
	}

		.containerpad {
			padding: 0 35px;
		}

	#headerone, #breadcrumbs, #mainbox {
		background-position: center;
		background-repeat: repeat-y;
		width: 100%;
	}

		#headerone {
			background-image: url('/gui/images/header-back.png');
			height: 96px;
		}
	
		#breadcrumbs {
			background-image: url('/gui/images/header2-back.png');
			height: 20px;
			color: white;
			font-weight: bold;
		}

			#breadcrumbs .containerpad {
				padding: 3px 40px 0 31px;
			}
		
			#breadcrumbs a {
				color: white;
				border-bottom: none;
				padding: 0 4px;
			}
		
		#mainbox {
			background-image: url('/gui/images/main-back.png');
			background-color: white;
		}

			#mainbox .container {
				padding-top: 15px;
			}

		#headerone #logo {
			width: 438px;
			height: 96px;
			border-bottom: none;
			background-position: 0 0;
			background-color: #0059b3;
		}

			#logo a {
				border-bottom: 0;
				display: block;
				width: 100%;
				height: 100%;
			}
			
				#logo a span {
					display: none;
				}
		
		#maincontent { 
			width: 700px;
			float: left;
		}

			#maincontent .padding {
				border-right: 1px solid #e6e6e6;
				padding: 0 15px 0 0;
				margin-bottom: 15px;
				min-height:920px;
  				height:auto !important;
	  			height:920px;
			}

				#searchbox label {
					color: #4da6ff;
					font-size: 18px;
					font-weight: bold;
					vertical-align: middle;
					margin-right: 5px;
				}
			
				#searchbox #submit {
					border: 0;
					background-position: -460px -5px;
					padding: 0;
					width: 85px;
					height: 31px;
					color: white;
					font-weight: bold;
					cursor: pointer; 
					cursor: hand;
					vertical-align: middle;
				}

				#searchbox #search {
					border: 1px solid #8a8a8a;
					width: 200px;
					padding: 6px;
					margin-right: 5px;
					vertical-align: middle;
				}
				
				div.widedivider {
					background-position: 0 -380px;
					height: 34px;
					overflow: hidden;
					width: 100%;
				}
				
				div.smalldivider {
					background-position: 0 -355px;
					height: 34px;
					overflow: hidden;
					width: 100%;
				}
				
				h1 {
					color: #6d6d6d;
					font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
					font-size: 28px;
					font-weight: normal;
					margin-bottom: 15px;
				}
				
				p {
					margin-bottom: 15px;
					color: #6d6d6d;
					line-height: 1.5;
					font-size: 14px;
				}
				
				.bubble, .sidebubble {
					width: 335px;
					margin-bottom: 15px;
				}
				
				.bubble { clear: both; }
					.index { clear: none; }
				
				.bubblecol { width: 335px; }
				
					.sidebubble {
						width: 195px;
					}
					
						.sidebubble a:link {
							color: navy;
							border-bottom: 1px solid navy;
						}

					.left { float: left; }
					.right { float: right; }

					.tl,
                    .bl {
						background-position: 0 -255px;
						height: 12px;
						width: 11px;
						float: left;
						overflow: hidden;
					}

				 	 	.bl {
							background-position: 0 -275px;
						}

					.speech {
						width: 60px;
						height: 26px;
						background-position: -11px -275px;
						float: left;
					}

					.tm,
					.bm {
						background-color: #dff3ff;
						width: 313px;
						height: 11px;
						float: left;
						border-top: 1px solid #4da6ff;
						overflow: hidden;
					}
					
						.bm {
							border-top: 0;
							border-bottom: 1px solid #4da6ff;
							width: 253px;
						}
						
						.sidebubble .tm, 
						.sidebubble .bm {
							width: 173px;
						}

							.sidebubble .bm {
								width: 113px;
							}

					.tr,
					.br {
						background-position: -362px -255px;
						height: 12px;
						width: 11px;
						float: left;
						overflow: hidden;
					}

						.br {
							background-position: -362px -275px;
						}

					.bubblecontent {
						border-left: 1px solid #4da6ff;
						border-right: 1px solid #4da6ff;
						background-color: #dff3ff;
					}

						.bubblecontent .pad {
							padding: 0 10px;
						}

						.bubblecontent h2 a:link,
						.bubblecontent h2 a:visited,
						.sidebubble h2,
						.index .bubblecontent a:link,
						.index .bubblecontent a:visited,
						.index .bubblecontent a:hover {
							color: #4da6ff;
							font-size: 18px;
							line-height: 1.3;
							margin-bottom: 15px;
						}
						
							.bubblecontent h2 a:link,
							.bubblecontent h2 a:visited,
							.bubblecontent h2 a:hover {
								border-bottom: 0;
							}
                            .bubblecontent h2 a:hover{
                                color: #000;
                                font-size: 18px;
                                line-height: 1.3;
                                margin-bottom: 15px;
                            }
                            
                            .index .bubblecontent {
								height: 35px;
                            }
                            
							.index .bubblecontent a:link,
							.index .bubblecontent a:visited,
							.index .bubblecontent a:hover {
								font-weight: bold;
								margin: 0;
								border-bottom: 0;
								padding: 0 0 0 20px;
								background-position: -460px -56px;
							}
							
								.index .bubblecontent a:hover { color: black; }

						.bubblecontent p {
							line-height: 1.3;
							color: #4da6ff;
							font-size: 13px;
							margin-bottom: 0;
							font-weight: bold;
						}
						
						.visit {
							width: 100%;
							clear: left;
						}

                        	.ico {
								height: 64px;
								width: 47px;
								float: left;
							}
							
							.icogroup {
								background-position: 0 -138px;
								width: 73px;
								height: 90px;
							}

							.ico1 {
								background-position: -77px -112px;
							}

							.ico2 {
								background-position: -124px -112px;
							}
							
							.ico3 {
								background-position: -171px -112px;
							}

							.ico4 {
								background-position: -218px -112px;
							}
							
							.ico5 {
								background-position: -265px -112px;
							}

							.ico6 {
								background-position: -313px -112px;
							}

							.ico7 {
								background-position: -361px -112px;
							}

							.ico8 {
								background-position: -77px -181px;
							}

							.ico9 {
								background-position: -124px -181px;
							}

							.ico10 {
								background-position: -171px -181px;
							}

							.ico11 {
								background-position: -218px -181px;
							}

							.ico12 {
								background-position: -265px -181px;
							}

							.ico13 {
								background-position: -313px -181px;
							}

							.ico14 {
								background-position: -361px -181px;
							}
							
							.url {
								float: right;
								line-height: 1.5;
								width: 260px;
							}
							
								.url a:link,
								.url a:visited {
									color: #008000;
									border-bottom: 0;
								}

								.url a:hover {
									border-bottom: 0;
									color: black;
								}
								
								.url strong { font-size: 14px; }
								
								.url a.click:link,
								.url a.click:visited {
									font-weight: bold;
									color: #4da6ff;
								}
								
									.url a.click:hover { color: black; }
								
					ul.catlist {
						width: 335px;
					}

		#sidebar {
			width: 210px;
			float: right;
		}

			#sidebar .pad {

				padding: 13px 0 15px 15px;

			}

			#sidebar strong {
				color: #4da6ff;
				font-size: 18px;
			}

			ul.nav, ul.subnav, ul.catlist {
				line-height: 1.5;
				margin-bottom: 15px;
			}

				ul.subnav {
					margin-left: 15px;
				}
				
					ul.nav a:link,
					ul.nav a:visited,
					ul.catlist a:link,
					ul.catlist a:visited {
						color: #ff8c25;
						font-size: 14px;
						font-weight: bold;
						border-bottom: none;
					}
					
					ul.subnav a:link {
						font-size: 12px;
						color: #4da6ff;
					}
					
						ul.subnav a:visited {
							font-size: 12px;
							color: #0059b3;
						}
					
						ul.nav a:hover,
						ul.catlist a:hover {
							color: black;
						}
						
	#footer {
		background-position: center top;
		background-repeat: no-repeat;
		width: 100%;
		background-image: url('/gui/images/footer.png');
		background-color: white;
	}
	
		#footer div.container {
			padding: 32px 0 15px 0;
			text-align: right;
		}
		
	#contact label {
		line-height: 1.5;
		font-weight: bold;
		font-size: 14px;
	}
		
	#contact input.text,
	#contact select,
	#contact textarea {
		
		border: 1px solid silver;
		padding: 5px;
		display: block;
		margin-bottom: 15px;
				
	}
	
		#contact input.text {
			
			width: 200px;
			
		}