/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html   */
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 { background:#fff; line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 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; } a img { border: none; }
/* end reset */


body{ 
	font-family:arial, sans-serif;
	font-size:62.5%;
	background:#3ca7d6 url(../images/bg-body.gif) repeat-x top center;
}

img{
	display:block;
}

.wrapper{ 
	width:908px;
	margin:0 auto;
	font-size:1.2em;
	padding-bottom:20px;
	position:relative;
}

.outercase{
	background:#fff;
	border:1px solid #e0e4e7;
	border-width:0 1px 0 1px;
	padding:0 20px;
}

	#header{
		
	}

		#logo{
			background: url(../images/logo.png) no-repeat top center;
			width:224px;
			height:112px;
			float:left;
			text-indent:-999em;
		}
		
		p.strapline{
			color:#008ac8;
			font-weight:bold;
			float:right;
			text-align:right;
		}
		
		#access{
			text-align:right;
			padding-top:60px;
			float:right;
			width:620px;
		}
			#access li{ 
				display:inline;
				margin-left:5px;
			}
				#access li a{
					color:#000;
					text-decoration:none;
					padding-left:12px;
					display:inline;
				}
				
				#access li a:hover{
					color:#0073bc;
				}
				
				#access li a.selected{
					background: url(../images/arrow.png) no-repeat left center;
					color:#0073bc;
					font-weight:bold;
				}
	#banner{
		background:url(../images/banner.jpg) no-repeat left bottom;
		border-top:4px solid #dfdfdf;
		clear:both;
		height:214px;
		padding-top:10px;
	}
	
		#banner-link{ 
			float:right;
		}
		
	#content{
		clear:both;
		padding-top:20px;
		width:595px;
		float:left;
	}
		
		h1{
			font-size:1.5em;
			color:#0073bc;
			margin-bottom:15px;
		}
		
			h1 span{
				color:#99a39c;
			}
			
		#content p, #sidebar p{ 
			margin-bottom:15px;
			line-height:1.4em;
		}
		
		#swfobject{
			height:222px;
			background:url(../images/bgflash.jpg) no-repeat;
		}
		
		#advert{
			background:#e3e3e3 url(../images/bg-ad-top.png) no-repeat top center;
			margin:20px 0;
			padding-top:10px;
			
		}
			#advert img{
				float:left;
				margin-right:20px;
				padding:3px;
				border:1px solid #1a0101;
			}
			
			#advert h2{ 
				color:#008ac8;
				font-size:1.5em;
				margin-bottom:10px;
			}
			
		#advert .bgbottom{
			background:#e3e3e3 url(../images/bg-ad-bottom.png) no-repeat bottom center;
			padding:0 10px 10px 10px;
			float:left;
			
		}
		
		#advert p a.button{
			float:right;
			width:119px;
			height:28px;
			text-align:center;
			background:url(../images/button.png) no-repeat center;
			font-weight:bold;
			font-size:0.9em;
			color:#fff;
			text-decoration:none;
			line-height:1.2em;
			padding:2px 0;
			margin:20px 5px;
		}
	
	#sidebar{
		width:241px;
		float:right;
		padding-top:20px;
	}
	
	#sidebar a{
		
		color:#333;
		text-decoration:none;
	}
	
	#sidebar a:hover{
		color:#3399FF;
		text-decoration:none;
	}
	
		.side-block{
			background:url(../images/bg-side-block.png) no-repeat bottom center;
			margin-bottom:20px;
			padding-bottom:5px;
			/*zoom:1;*/
		}
			
			.side-block h3{
				background:url(../images/bg-side-header.png) no-repeat top center;
				font-size:1.3em;
				color:#0073bc;
				padding:25px 20px 15px 20px;
			}
		.side-block ul, .side-block p{
			margin:12px;
		}
		
			.side-block ul li{
				margin-bottom:7px;
				padding:0 0 7px 15px;
				border-bottom:1px solid #eee;
				background:url(../images/arrow-list.png) no-repeat left top;
			}
			
			.side-block ul li.no-border{
				border-bottom:0;
				padding-bottom:0;
			}
			
			.side-block ul li:hover{
			color:#6699FF;
			cursor:pointer;
			}
			
		#newsletter fieldset{ 
			padding:12px;
		}
		
		#newsletter legend{ 
			font-size:1.5em;
			font-weight:bold;
			color:#000;
		}
		
			#newsletter_email{
				float:left;
				padding:2px;
				margin-right:3px;
				background:#e3e3e3;
			}
	
	#footer{
		clear:both;
		color:#c1c1c1;
		font-size:0.8em;
		padding-top:10px;
		text-align:center;
	}

.inp{
background:url(../images/inputfiled.jpg) no-repeat;
width:287px;
border:none;
height:23px;
padding:10px 0 0 5px;
float:left;
margin:0 3px 0 0;
}

.clear{
clear:both;
height:1px;
line-height:1px;
font-size:1px;
}

#mytext{
background:url(../images/textarea.jpg) no-repeat;
width:565px;
height:164px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:none;
padding:10px;
}

.button2{
			float:right;
			width:119px;
			height:28px;
			text-align:center;
			background:url(../images/button.png) no-repeat center;
			font-weight:bold;
			font-size:0.9em;
			color:#fff;
			text-decoration:none;
			line-height:1.2em;
			padding:2px 0;
			margin:20px 7px;
			border:none;
}

.left{
width:220px;
float:left;
margin:0 15px 0 0 ;
}

.imgfloat{
float:left;
margin:0 15px 15px 0;
}

#advert a{
color:#3399FF;
text-decoration:none;
}
#advert a:hover{
color:#333;
}

.ortho{
background:#efefef;
border:1px solid #dedede;
padding:20px;
margin:0 0 10px 0;
}
.ortho img{
float:left;
margin:0 10px 10px 0;
}

.ortho a{
color:#3399FF;
text-decoration:none;
}
#outerflash{
position:relative;
float:left;
width:611px;
}

#mafla{
width:880px;
height:270px;
}

#answer{
line-height:16px;
padding:5px;
}

 .toolTip{	cursor:pointer; font-size:12px; line-height:15px; }
 .toolTip:hover{	color:#e95e25; }

 .tip				{ width:295px; font-family:tahoma,arial; background:#ddd; cursor:pointer; border:1px solid #ccc }

 .tip-top			{ background:url(tip-top.png) top left no-repeat; height:26px; width:295px; }

 .tip-title		{ color:#0066FF; font-weight:bold; margin:0 15px 0 15px; padding:10px 0 0 0  }

 .tip-text		{ color:#555; padding:10px 15px 15px 15px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

 .tip-bottom		{ background:url(tip-bottom.png) left bottom no-repeat; width:295px; height:81px; }