/*
OTDSPB.RU
*/
body {
	margin:5px 0 0 0;
	padding: 0;
	background: url(images/bg.png) top repeat-x #243F82;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
             color:#444444;
}

table, td {border: solid 1px #EEEEEE; padding:2px;}

p {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
	font-size:13px;
        color:#444444;
}

h1, h2  {
	margin-top: 0;
	padding-top: 0;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FF7700;
}

h5 {
	margin-top: 10px;
	padding-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
        font-weight: bold;
        line-height:20px;
}

h3, h4  {
	margin-top: 0;
	padding-top: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {font-size:28px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:16px;}


strong {	

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
        font-weight:normal;
        color:#336699;
}


p, ul {
	line-height: 18px;
	font-size: 13px;
}
ul, li {
             list-style:none; 
             list-style-type:none;
}

a {
	text-decoration: none;
             color:#336699;
}
a:visited {
             color:#339966;
}
a:hover {
             color:#CC0000;
}
a.active {
	color: #FF7700;
}

#slogans{
	position: relative; 
	width: 960px; 
	height: 1%;
	margin: 0 auto;
}

#slogan {
	position:absolute;
	top:5px;
	color:#FFFFFF; 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center; 
	width:760px;
}

#slogan2 {
	position:absolute;
	top:120px;
	color:#FFFFFF; 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center; 
	width:760px;
}

/* Header */

#header {
	width: 960px;
	height: 137px;
	margin: 0 auto;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	border-top:solid 1px #FFFFFF;
}

#header h1 {
	float: left;
	width: 740px;
	height: 137px;
	margin: 0;
	padding: 0;
	padding-left:20px;
	background:url(images/left_image.png) no-repeat;
	text-align:left;
	vertical-align:middle;
	line-height:137px;
	color: #FFFFFF;
}

#header h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

#header h2 {
	float: right;
	width: 200px;
	height: 137px;
	margin: 0;
	padding: 0;
	background:url(images/right_image3.png) no-repeat;
	text-align:center;
	vertical-align:middle;
	line-height:137px;
	color: #FFFFFF;
}

#header h2 a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	padding: 5px;
	background:#4396CA;
	color:#FFFFFF;
	text-align:center;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
}

#menu li.active a {color:#FFCC00; text-decoration:none;}

#menu a {
	padding-left: 10px;
	font-weight: bold;
	font-size:13px;
	color: #FFFFFF;
}
#menu a:hover {
	color: #FFCC00;
}

/* Content */
#page {
	padding: 20px;
	min-height: 300px;
	_margin-bottom: 20px;
}

#content {
	width: 960px;
	margin: 0 auto;
	background:url(images/bg_content.png) repeat-y;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}

#colOne {
	float: left;
	width: 760px;
	height:auto;
}

#colTwo {
	float: right;
	width: 180px;
	padding: 10px;
	height:auto;
}

#colTwo h4 {
	color: #669900;
}

#colTwo ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#clear {
	clear: both;
	background:url(images/img2.png) no-repeat;
	height:19px;
}

/* Footer */

#footer p {
	width: 960px;
	margin: 0 auto;
	color:#FFFFFF;
	text-align:right;
	line-height:24px;
	font-size:9px;
}
#noindex {
	width:100%; 
	text-align:center;
}

