
html
{
min-height: 100%;
height: 100%
}
body {
margin: 20px 0px 20px 0px; 
padding : 0; 
height : 100%;
background : #676565 url("content_bg_bottom.gif") no-repeat scroll center bottom;  
font-family: "Verdana", Helvetica, sans-serif;
font-size: 100%;
color: #000;
} 
#wrapper {
width : 720px; 
border: 0px solid #666; 
margin : 0 auto;
padding :0px 30px; 
height:auto !important;
min-height:350px;
background-color: #fff;  
background:#fff url("images/gif/content_bg_bottom.gif") no-repeat center bottom;
position: relative;
clear: both;
/*border-bottom:15px solid #0095AA;*/
} 
#top {
margin:0px; 
padding:0px;
height : 80px;
width:720px;
background : #fff url("images/jpg/top_bar_logo.png") no-repeat;
border-top:7px solid #9cd218;
z-index: 0; 
} 
#logo {
margin:0px; 
padding:0px;
height : 110px; 
background : transparent url("images/gif/logo.gif") no-repeat left; 
} 
#content{
width: 460px; 
margin:0px; 
padding: 10px 20px 20px 5px; 
height:100%;
min-height:500px;
float:left;
font-size: .7em;
height:auto !important;
height:400px;
color: #666;
}
#content p, #content ul {

}
h1{
display:none;
}
#content  h2{
position: relative;
font-size: 2em;
font-weight:bold;
color: #9cd218;
letter-spacing: -1px;
/*background: url('images/gif/dotted_line.gif') bottom repeat-x;*/
padding: 25px 0px 5px 0px;
margin: 0px;
font-family : "Trebuchet MS", Verdana, sans-serif; 
}
#content  h3{
position: relative;
padding: 0px;
margin-bottom:0px;
font-size: 1.4em;
font-weight:bold;
color: #666;
letter-spacing: -1px;
font-family : "Trebuchet MS", arial, sans-serif; 
/*text-indent:15px;
background: url('images/gif/0024_chevrons.png') no-repeat 0% 70%;*/
}

.subHeader{
font-size: 1.1em;
line-height:140%;
font-style:italic;
color: #808080;
font-family : "verdana",arial , sans-serif;
padding:6px 0 6px 0;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
margin:0;
margin-top:8px;
/*text-indent:15px;
background: url('images/gif/0024_chevrons.png') no-repeat 0% 70%;*/
}
.list  li{
padding:5px;
list-style:square;
}
a{
color: #9cd218;
text-decoration: underline;
}
a:hover{
background:#9cd218;
padding-bottom:1px;
color: #fff;
text-decoration: none;
}

#sidebaritem{
margin:0px;
margin-top:75px;
height:auto !important;
padding:15px; 
margin-right:5px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
min-height:300px;
background: #eee;
width : 200px;
font-size : .7em;
color : #666;
float:right;

}
#sidebaritem p{
border:0px solid;
width:170px;
letter-spacing:-1px;
text-align:left;
color : #fff;
padding:0px;
}

#sidebaritem h3{
color: #666;
font-weight: normal;
font-size: 1.1em;
background:   url('images/gif/dotted_line.gif') bottom repeat-x;
top: 4px;
padding: 0px 0px 5px 0px;
margin-bottom: 20px;
text-align:right;
}
.sideBox{
float:right;
width:185px;
height:110px;
margin:0px auto;
padding:0px;
background: #fff url('images/gif/bg_side_box.gif') bottom repeat-x;
clear:both;
margin-bottom:10px;
}
.sideBoxTitle{
padding: 0px 5px 4px 5px;
font-size:1.6em;
font-weight:bold;
color:#fff;
margin-top:14px;
clear:both;
}
.sideBoxText{
padding: 8px 15px 5px 15px;
font-size:1.1em;
color:#fff;
margin-top:10px;
clear:both;
}
.sideBoxText a{
color:#fff;
text-decoration:none;
}
.sideBoxText a:hover{
color:#76d8f8;
text-decoration:none;
}
 img.floatright
{
float: right;
margin: 10px 15px 10px 25px;
padding:4px;
border:1px solid #ddd;
}
img.floatleft
{
float: left;
margin: 8px 20px 8px 10px;
padding:4px;
border:1px solid #ddd;
}


.picText
{
padding:0px;
color:#666;
float: right;
margin: 0px;
text-align:center;
}
.picText img
{
margin:5px;
padding:2px;
border:1px solid #ddd;
text-align:center;
}
blockquote {
margin:22px 20px;
padding:3px;
color:#575757;
padding: 0 50px;
background: transparent url("images/blockquote.gif") no-repeat 0 0;
}


img.picA
{
position: relative;
top: -2px;
background: url('images/gif/pic_border.gif') no-repeat;
width: 76px;
height: 74px;
padding: 8px;
}
img.picB
{
position: relative;
top: -2px;
background: url('images/gif/a26.gif') no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}
.clear{
clear: both;
}
#footer	
{
background: #eee url('images/gif/world_bg_footer.gif') top right no-repeat;
width : 100%;
clear: both;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;

}
#footer	p
{
text-align: left;
color: #8C8C73;
font-size : .7em;
margin:0px auto;
padding:15px;
clear: both;
}

#footer p a
{
color: #9cd218;
text-decoration: none;
}
#footer p a:hover
{
background:#9cd218;
color: #fff;
text-decoration: underline;
}
.clear {
clear:both;
overflow:hidden;
}
#navcontainerSide {
margin:0 auto;
width: 100%; 
padding:0px;
position: relative;
float: left;
clear:both;
border:0px solid;
height:100%;
}

#navcontainerSide ul
{
margin-right:0px;
list-style: none;
margin: 0;
width: 100%; 
padding:8px 0px 8px 0px;
border:0px solid;
position: relative;
}
#navcontainerSide ul li
{
position: relative;
border-bottom:2px solid #ddd;
padding:7px 8px 7px 8px;
margin:0px;
list-style: none;
margin-bottom:15px;
background:#716f6f url("images/gif/side_bar_bg.gif") no-repeat;
}
#navcontainerSide ul li p
{
position: relative;
margin:0px;
padding:5px 0px 0px 0px;
list-style: none;
color:#fff;
text-indent:20px;
}
#navcontainerSide ul li.navlistSideNone {
border:0px;
background:#fff;
}

#navcontainerSide ul li a
{
text-decoration: none;
font-weight:bold;
color:#fff;
}
#navcontainerSide ul li a:hover
{

text-decoration: none;
font-weight:bold;
color:#9cd218;
background:transparent;
}

#sideBox1 {
margin: 0px;
padding: 10px;
position: relative;
border-bottom:2px solid #ddd;
color:#fff;
width:180px;
min-height:100px;
background:#404040 url("images/gif/quotes.gif") no-repeat bottom right;
}
#sideBox2 {
width:180px;
min-height:100px;
margin: 0px;
padding: 10px;
position: relative;
border-bottom:2px solid #ddd;
color:#fff;
background:#404040 url("images/gif/udraab.gif") no-repeat bottom right;

}
#sideBox3 {
width:180px;
margin: 0px;
padding: 10px;
position: relative;
border-bottom:2px solid #ddd;
color:#fff;
background:#404040 url("images/gif/galleri.gif") no-repeat bottom right;

}
#sideBox2 h4, #sideBox1 h4, #sideBox3 h4{
position: relative;
font-size: 1.2em;
font-weight:bold;
color: #9cd218;
background: url('images/gif/dotted_line.gif') bottom repeat-x;
padding: 0px;
margin: 0px 0px 4px 0px;
font-family : "Trebuchet MS", Verdana, sans-serif;
}
#sideBox2 p, #sideBox1 p, #sideBox3 p{
border:0px solid;
text-align:left;
color : #fff;
padding:2px 0px 2px 0px;
margin: 5px 0px;
}
#sideBox2 img, #sideBox1 img,  #sideBox3 img{
border:1px solid #ddd;
text-align:left;
color : #fff;
padding:2px;
margin: 3px;
}

#sideBox1 a, #sideBox2 a, #sideBox3 a
{
text-decoration: none;
font-weight:bold;
color:#9cd218;
}
#sideBox1 a:hover, #sideBox2 a:hover, #sideBox3 a:hover
{
text-decoration: underline;
font-weight:bold;
color:#9cd218;
background:transparent;
}
#webdisplayText{
font-size:.6em;
float:right;
padding-top:5px;
color:#999;
padding-bottom:15px;

}
