@charset "windows-1251";
/* CSS Document */

ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote {
	margin: 0;
	padding: 0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #DBDBDB;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #0E1953;
}
a:focus { /*mozilla onfocus border*/
	outline:none;
}
a img {
	border:0;
}
em{
	font-style:normal;
}
#container {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 3px 12px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	/*background:#AFCCEB; */
	background:#054183;
	height:67px;
}
#header #logo{
	height:47px;
	float:right;
	background:url(../images/logowtn.gif) 10px bottom no-repeat;
	width:187px;
}
#logo a#gwtn{
	display:block;
	width:100%;
	height:100%;
}
#header #image {
	color:#fff;
	float:left;
	height:27px;
	width:334px;
	padding:20px 20px;
}
#image a:link,#image a:visited,#image a:hover,#image a:active{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
}
#header #motto {
	height:67px;
	margin:0 187px 0 374px;
	padding:0 15px;/*background:#054183 url(images/logowtn.gif) 15px 8px no-repeat;*/
}
#header #motto ul {
	display:none;/*-------------*/
	padding-top:38px;
	line-height:30px;
	list-style:none;
	color:#fff;
	font-size:13pt;
}
#nav, #nav ul {
	background: #70A4DB;
	border-bottom:3px solid #F90;
	float: left;
	list-style: none;
	width: 100%;
}
#nav li {
	background: #70A4DB;
	border-right:1px solid #609AD7;
	float: left;
	position: relative;
	width:186px;
}
#nav li li {
	border-right:none;
	border-bottom:1px solid #609AD7;
}
#nav li ul {
	display: none;
	position:absolute;
	left:0;
	top:27px;
	border-top: 3px solid #609AD7;
	width: 186px;
	height:100%;
}
#nav a {
	color: #fff;
	background:#70A4DB;
	text-decoration: none;
	display: block;
	width: 156px;
	font-size:11px;
	font-weight:bold;
	min-height:27px;
	line-height:27px;
	padding:0 10px 0 20px;
}
#nav a.current, #nav a:hover {
	background: #F90 none;
}
#nav li:hover, #nav li.jshover {
	background: #333;
}
#nav li:hover ul, #nav li.jshover ul {
	display: block;
}
#nav a.openable{
	background:#70A4DB url(../images/arr.png) left no-repeat;
}
#nav a.current.openable, #nav a.openable:hover {
	background:#F90 url(../images/arr.png) left no-repeat;
}
.wrapper {
	background:#EFF5FB url(../images/sidebar.png) right repeat-y;
	border-bottom:1px solid #C0CFE3;
}
.column3 .wrapper2 {
	background:url(../images/sidebar2.png) left repeat-y;
}
#sidebar {
	background:#DFEBF7;
	float:right;
	width:167px;
	padding:1em 0 1em 20px;
	zoom:1;
}
a.img, a.imgNoLightbox{
	border:1px solid #F90;
	display:inline-block;
	color:#004891;
	margin:1em 0;
	max-width:120px;
	text-decoration:none;
}
a.img:hover,a.imgNoLightbox:hover{
		border:1px solid #70A4DB;
		color:#0E1953;
}
a.img img{
	padding:0;
	width:120px;
	vertical-align:bottom;
}
#mainContent {
	padding: 10px 20px 1em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top:30px;
	margin-right:187px;
	min-height:500px;
}
.column3 #mainContent {
	margin:0 187px;
}
.column3 #sidebar2 {
	background:#fff;
	float:left;
	width:167px;
	padding:1em 0 1em 20px;
}
#mainContent h1, #mainContent h2 {
	font-size:1em;
	margin:.2em 0 1em;
}
#mainContent h3{
	font-size:.8em;
}
#mainContent h4, #mainContent h5 {
	font-size:.7em;
	margin:1em 0;
}
#mainContent p {
	font-size:.7em;
	text-align:justify;
	margin:1em 0;
}
#mainContent a {
	color:#004891;
	text-decoration:underline;
}
#mainContent a:hover {
	color:#0E1953;
}
#mainContent ul{
	font-size:.7em;
	list-style:disc;
	list-style-position:inside;
	margin:1em 0 1em 1em;
}
#mainContent ul ul{
	font-size:1em;
	list-style:none;
	margin:.2em 0 .2em 3em;
}
.halfVis{
	opacity:.5;
}
.halfSize,#mainContent p.halfSize{
	font-size:.6em;
}
#footer{
	color:#DADADA;
	text-align:center;
	padding: 5px 10px 0;  /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
#footer p{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a{
  color:color:#004891;
  font-size:.6em;
}
#footer a:hover{
  color:#0E1953;
}
.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:0;
	font-size: 1px;
	line-height: 0px;
}