/*

------------------------------------------------------
Copyright Aleksandar Vacic, www.aplus.co.yu,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. Full 24bit transparent .png files are used
for maximum quality, except on large top
and bottom pictures.

2. Basic text styling based on Owen Briggs'
http://www.thenoodleincident.com/tutorials/typography.
Used time and time again, proven to work.

3. This template uses the Tan Hack (w\idth) to overcome
IE box model issues. Tan Hack explained extensively here:
http://www.positioniseverything.net/articles/box-model.html
------------------------------------------------------

*/

body {
margin-left: 10%; 
margin-right: 10%;
font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size: 176%;
color: #A8B2dd;
background: #3E4857;
/* border-style:solid; border-width:25px; border-color:black;
/* background: #fff url(images/poling3.rev1.jpg) no-repeat top left;
/* background: #627726 winters.500.png forest.jpg ski2s.trans.png winters.500 975x567.jpg
font - color: #a2b955;     (images/winter.rev1.jpg) 
color: #A8B2C1
margin: 0;
 */  

padding: 0;
}

#column { 
width: 62em; 
} 
#imgright { 
float:right;
padding-left: 10px; 
} 
#imgleft { 
float:left;
padding-right: 10px; 
}

h1, h2, h3 {
font-family: "Trebuchet MS", "Palatino", sans-serif;
font-style: italic;
color: #000000;
}

h1 {
font-size: 2.0em;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
}

h2 {
font-size: 1.7em;
margin: 1.2em 0 1.2em 0;
font-weight: normal;
}

h3 {
font-size: 1.4em;
margin: 2.2em 0 2.2em 0;
font-weight: normal;
}

h4 {
font-size: 1.8em;
margin: 1.2em 0em 1.2em 0em;
font-weight: bold;
margin-left: 0%;
width: 17em;
color: #A8B2dd;
}

h5 {
font-size: 1.0em;
margin: 1.2em 0 1.2em 0;
font-weight: bold;
}

h6 {
font-size: 0.8em;
margin: 1.2em 0 1.2em 0;
font-weight: bold;
}

img {
border: 0;
}

ol, ul, li {
font-size: 1.0em;
line-height: 1.5;
margin-top: 0.2em;
margin-bottom: 0.1em; 
}

#p-front {
font-size: 2.0em;
line-height: 1.5;
margin: 1.2em 0 1.2em 0;
color: #AAAAAA
}

p {
font-size: 1.0em;
line-height: 1.3;
margin: 1.0em 0 1.2em 0;
margin-left: 0%
color: #fff;

}
li > p {
margin-top: 0.2em;
}

pre {
font-family: monospace;
font-size: 1.1em;
}

strong, b {
font-weight: bold;
}

a:link, a:visited {
color: #ffffff;
}

a:hover {
color: #000;
}

/* layout */

.skiplinks {
/* no display:none, so this is still visible for screen readers */
position: absolute;
visibility: hidden;
top: 0;
font-size: 1px;
}

/* IE/Mac needs this, or it will show large horizontal scrollbar \*//*/
.skiplinks {
display: none;
}
/**/

#site-name {
margin-bottom: 0.0em;
height: 15px;
position: relative;
}

#content-left {
margin-left: 0%;
padding: 0em 0px 0em 0;
width: 15em;
w\idth: 15em;
float: left;
}

#content-left-plus {
margin-left: 0%;
padding: 0em 0px 0em 0;
width: 19em;
w\idth: 19em;
float: left;
}

#content-left-center {
margin-left: 0%;
padding: 0em 0px 0em 0;
width: 30em;
w\idth: 30em;
float: left;
}

#content-left-22 {
margin-left: 0%;
padding: 0em 0px 0em 0;
width: 22em;
w\idth: 22em;
float: left;
}

#content-left-to-right {
margin-left: 0%;
padding: 0em 0px 0em 0;
width: 40em;
w\idth: 40em;
float: left;
}

#nav-subs {
padding-top: 4em;
width: 250px;/* needed for Opera 6 */
float: left;
}

#info-site {
clear: both;
}

/* top */

#site-name p {
font-family: "Trebuchet MS", "Palatino", sans-serif;
font-size: 2em;
font-style: italic;
letter-spacing: 0.5em;
color: #e2f9a5;
margin-left: 100px;
margin-bottom: 10;
position: absolute;
bottom: 0;
}

/* main navigation */

#nav-main {
position: absolute;
top: 0;
left: 0;
width: 710px;
text-align: right;
}

#nav-main ul {
list-style-type: none;
font-weight: bold;
}

#nav-main li {
display: inline;
padding-left: 1em;
}

#nav-main a {
text-decoration: none;
}

#nav-main li.cur a {
cursor: default;
}

#nav-main li.cur a:link, #nav-main li.cur a:visited {
color: #000;
}

/* sidebox */

.sidebox {
background: url(images/sidebox_top.png) no-repeat top;
padding: 16px 0 0;
width: 200px;
}

.sidebox ul {
margin: 0;
padding: 0;
padding-bottom: 100px;
list-style-type: none;
background: url(images/sidebox_bottom.png) no-repeat bottom;
}

.sidebox li {
margin: 0;
padding: 0 20px 0 50px;
display: block;
}

.sidebox a {
text-decoration: none;
}

.sidebox a:link, .sidebox a:visited {
color: #374219;
}

.sidebox a:hover {
color: #000;
}

.sidebox li.cur {
background: #627726 url(images/sidebox-cur-top.png) no-repeat top;
padding: 0;
padding-top: 7px;
}

.sidebox li.cur a {
font-weight: bold;
background: url(images/sidebox-cur-bottom.png) no-repeat bottom;
padding: 0 20px 7px 50px;
width: 130px;
display: block;
cursor: default;
}

.sidebox li.cur a:link, .sidebox li.cur a:visited {
color: #000;
}

/* bottom */

#info-site {
background: #ffffff no-repeat top;
width: 400px;
min-height: 5px;
}

#info-site a {
text-decoration: none;
}

#info-site a:link, #info-site a:visited {
color: #889e53;
}

#info-site a:hover {
color: #000;
}

#info-site p {
margin: 0;
}

p#info-company {
margin-left: 90px;
float: left;
}

p#info-standards {
margin-right: 50px;
text-align: right;
}

/* IE/Mac needs width on any float, or it will use 100% \*//*/
#info-site {
height: 50px;
}
/**/

/* 
These final statements are to circumvent IE errors:
1. double margin on floated elements
2. incomplete .png support
 */

#container {
height: 1%;
}



.sidebox {
background: url(images/sidebox_top.gif) no-repeat top;
}

.sidebox ul {
background: url(images/sidebox_bottom.gif) no-repeat bottom;
}

.sidebox li.cur {
background: #627726 url(images/sidebox-cur-top.gif) no-repeat top;
}

.sidebox li.cur a {
width: 200px;
w\idth: 130px;
background: url(images/sidebox-cur-bottom.gif) no-repeat bottom;
}

#info-site {
height: 50px;
}

p#info-company {
margin-left: 40px;
}



body {margin: 0;
padding: 0;
font-family: sans-serif;
font-size: .7em;
line-height: 1.4em;
margin-left: 3%;
margin-right: 3%;
}

div#header {padding: 6%;
text-align: center;

margin-bottom: 0px;
border-bottom: double #1668d3 5px;
background-image: url('images/morwebhits1.php.jpg');
background-repeat: no-repeat;
background-position: center; 
}

div#footer {padding: 2%;
text-align: center;
clear: both;
}

div#maincontent {padding: 20%;
text-align: center;
margin-left: 0%;
margin-bottom: 2px;
background-repeat: no-repeat;
background-position: center; 
background-image: url('images/AUT_1249.500x378.jpg');
z-index:-1
}

div.box 
{ border: solid; border-width: thin; width: 75%;
position: relative;
text-align: center;
color: black;
font-weight: bold;
padding-left: 1.0em;
padding-right: 1.0em;
top: -9em;
 }

div#leftcolumn {padding: 8%;
float: left;
text-align: right;
width: 12%;
margin-top: 1em; margin-bottom: 1em; 
}

div#rightcolumn {padding: 0%;
float: right;
text-align: left;
width: 12%;
margin-top: 1em; margin-bottom: 1em; 
}
img.x
{
position:relative;
background-position: center;
left:10px;
top:10px;
height: auto;
width: auto
z-index:-1
}