@charset "utf-8";
/* CSS Document */
body,html { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
a, a:hover, a:visited, a:active {
text-decoration: none;
}
body { 
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* external div containing everything */
#outer {
width: 760px;
margin: 0 auto;
position: relative;
padding-bottom: 20px;
background-color: #330033;
}
/* side backgrounds */
#bg-left {
background-image: url(images/template/bgleft.gif);
background-repeat: repeat-y;
width: 150px;
height: 1000px;
position: absolute;
left: -150px;
top: 0px;
}
#bg-right {
background-image: url(images/template/bgright.gif);
background-repeat: repeat-y;
width: 150px;
height: 1000px;
position: absolute;
right: -150px;
top: 0px;
}

/* panw meros */
#header {
background-color: #000000;
width: 760px;
height: 150px;
background-image: url(/images/template/header.gif);
background-repeat: no-repeat;
}
#grammi {
background-color: #cccc99;
padding-top: 0;
width: 760px;
margin: 0;
height: 3px inherit;
}
#titlos {
background-color: #330033;
margin: 0 auto;
height: 70px;
width: 760px;
position: inherit;
padding-bottom: 0px;
}

/* kyrio body */
#main {
width: 730px;
background-color: #330033;
font-size: 14px;
color: #FFFFFF;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
padding-top: 0px;
}
#main a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}
#main a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background:#660066;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}
#main a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}
#main a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}

/* footer */
#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
width: 760px;
background-color: #660066;
}
#footer a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}
#footer a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background:#FF0000;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}
#footer a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}
#footer a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffff99;
font-size: 14px;
font-style: italic;
font-style: bold;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffff99;
font-size: 14px;
font-style: italic;
font-style: bold;
padding-left: 20px;
text-decoration: underline;
}

#main li {
list-style-image: url(/images/template/bullet.gif);
}

.title {
float: right;
vertical-align: middle;
margin-top: 25px;
margin-right: 15px;
}

.imageleft {
margin-left: 0px;
margin-right:5px;
margin-top: 5px;
float: left;
}

.imageright {
margin-left:5px;
margin-right:0px;
margin-top: 5px;
float: right;
}