/* Sofianos group CSS Document D0FAFF  00cccc ccffff #D7F0F5 #C3DFEB #99FFFF  #00B4CC #006699 #0099cc #99ccff - #ff0066 #ff9999 #ffcccc*/
* {  
margin: 0; 
padding: 0; 
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size:80%;
background:#D7EEF5 /*url(../buttons/divbg.gif) */ url(../buttons/rightbg.gif) repeat-y 800px;
}

/**********links**********/
a {
color:#006699;
text-decoration:none;
}
a:hover, #topnav a:hover {
color:#ff0066;
}
a img {
border: 0; 
}
#topnav a {
display:block;
padding:5px;
color:#0099CC;
}
#footer a { 
color:#A5F0FF;
}
a h5 {
color:#fff;
padding:8px 8px 8px 30px;
background:#0099CC url(../buttons/hdbg.gif) no-repeat right bottom;
}
a:hover h5  {
color:#fff;
background:#ff0066 url(../buttons/hdbga.gif) no-repeat right bottom;
}
#content div.gallery a img { 
border:1px solid #D0FAFF; 
}
#content div.gallery a:hover img, #content div.gallery a:active img { 
border:1px solid #0099CC; 
}

/**********basic rules**********/
#content p, #content div.fade p, #content ol li {
margin-bottom:8px;
} 
#content div.fade p {
margin-left:25px;
} 
#content p img.imgleft {
float:left; 
padding:10px 20px 10px 0; 
}
#content p img.imgright {
float:right; 
padding:10px 0 10px 20px; 
}
#content p, #content div.fade p, #content ol li,  #content ul li {
line-height:140%;
} 
#content ol li {
margin-left:25px;
}
#content ul {
padding:0 0 0 20px;
margin:0 0 16px 10px; 
}
#content ul li {
margin:0 0 2px 0;
}
#content ul.bg {
list-style-type:none;
padding:0;
margin:15px 0; 
}
#content ul.bg li {
background-color:#A5F0FF;
margin:0;
padding:3px 10px 5px 10px;
}
#content ul.bg li.even {
background-color:#BCE9FA;
}
#content ul.bd {
width:68%;
list-style-type:none;
padding:0;
margin:10px 0; 
}
#content ul.bd li {
/*margin:5px 0;??????*/
padding:8px;
border:1px solid #0099CC; 
background:#fff;
}
#content ul.bd li img {
vertical-align: middle;
padding:3px 5px 3px 5px;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
line-height:120%;
}
h1, h4 {
color:#ff0066; 
}
h1, h2 {
text-align:center; 
}
h1 {
font-size: 200%;
}
h2 {
font-size: 120%; 
margin: 5px 0 10px 0;
color:#069;  
}
h3 {
font-size: 130%; 
text-align:center;
color:#006699;
margin: 10px 0 15px 0;
}
h4 {
font-family:Georgia, serif;
letter-spacing:8px;
font-size: 200%;  
color:#ff0066;
padding:5px 0 15px 0;
}
h5 {
font-size:130%; 
color:#fff;
padding:8px 8px 8px 30px;
background:#0099CC url(../buttons/hdbg.gif) no-repeat right bottom;
margin: 10px 0 0 0;
}
h6 {
font-size:120%;  
padding:0px 0 8px 0;
color:#006699;
}
table {
text-align:left;
border-collapse:collapse; 
}
th {
color:#006699;
}
td, th {
background-color: #BCE9FA;
border-bottom:2px solid #0099CC;
border-top:2px solid #0099CC;
padding:10px;
}
tr.odd th, tr.odd td {
background-color:#A5F0FF;
border-bottom:2px solid #55BEEB;
border-top:2px solid #55BEEB;
}
#content div.imghome {
padding:5px;
margin:0 0 20px 0;
background:#A5F0FF;
text-align:center;
}
#content div.imghome table {
text-align:center;
}
#content div.imghome table.home1 {
width:240px;
margin:0 175px;
}
#content div.imghome table.home2 {
width:480px;
margin:0 55px;
}
#content div.imghome table td {
border:none; 
background:none;
padding:2px 10px 10px 10px; 
vertical-align:top;
}
#content div.imghome table td.padup {
padding:10px 10px 2px 10px; 
}
#content div.gallery {
padding:20px;
margin:10px 0 20px 0;
background:#A5F0FF;
text-align:center;
}
#content div.gallery p {
margin:0;
}
#content div.gallery p.click {
font-size:90%;
margin:15px 0 10px 0;
} 
#content div.fade {
padding:8px 20px 25px 8px;
margin: 0 0 15px 0;
background:#A5F0FF url(../buttons/divbg.gif) repeat-x bottom;
}

/**********layout divs**********/
#container {
width:100%;
min-height:600px;
}
#main {
width:800px;
/*float:left;*/
}
#main{
background-color:#A5F0FF;
}
#header {
width:800px; 
background:#D0FAFF  url(../buttons/headerbg.gif) no-repeat right top;
}
#topnav {
position:absolute; 
top:115px; 
left:660px;
font-size:90%;
}
#right {
position:absolute;
left:800px;
top:0;
}
#leftnav {
float:left;
width:150px;
background:#A5F0FF;
}
#content { 
background:#D0FAFF url(../buttons/girlbg.gif) no-repeat bottom right;
width:600px; 
margin:0 0 0 150px;
padding:25px; 
/*position:relative; top:0px; left:0px; float:left;*/
}
#footer, #bottomnav {
width:640px; 
margin-left:150px;
text-align:center;
}
#bottomnav {
padding:5px 5px 5px 5px;
font-size:80%;
color:#0099cc;
background-color:#BCE9FA;
clear:both;
}
#footer {
padding:5px 5px 10px 5px;
clear:both;
color:#BCE9FA;
font-size:85%;
}

/*************form elements************/
form.formin{
background-color:#D7EEF5;
padding:20px;margin:20px 0;
width:80%;
}
label {
float:left;
display:block; 
width:200px;
}
input[type=text], textarea, select {
background: #BCE9FA;
padding:2px;
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
color:#006699;
border:none;
}
input[type=submit],input[type=reset]/*input[type=button]*/ {
font-size:12px;
background: #BCE9FA;
color:#006699 ;
border:none;margin:0px;
padding:5px;
}
input[type=submit]:hover, input[type=reset]:hover { 
color:#fff ;
background:#0099cc;
position:relative;
top:-2px;
cursor:hand;
}

/************* navigation ***********/
#leftnav ul {
margin: 0;
padding: 0;
color: #FFF;
list-style-type:none;
background:#A5F0FF url(../buttons/leftbg.gif) repeat-y left top;
}
#leftnav ul li.sub {
margin: 0 0 0 15px;
}
#leftnav ul li a, #leftnav ul li.nolink, #leftnav ul li.sub a {
display: block;
color: #FFF;
text-decoration: none;
/*border-bottom: 1px solid #A5F0FF;*/
}
#leftnav ul li.nolink {
background:#006699 url(../buttons/navbg1.gif) repeat-x bottom;
width: 125px;
padding: 4px 10px 5px 15px;
}
#leftnav ul li a {
background:#006699 url(../buttons/navbg1.gif) repeat-x bottom;
width: 125px;
padding: 4px 10px 5px 15px;
}
#leftnav ul li.sub a {
background:#09c url(../buttons/navbg2.gif) repeat-x bottom;
width: 113px;
padding: 4px 10px 5px 12px;
}
#leftnav ul li a:hover, #leftnav ul li a:active {
color: #FFF;
background:#55BEEB url(../buttons/navbg.gif) no-repeat right bottom;
}


/*#leftnav ul {
margin: 0;
padding: 0;color: #FFF;
list-style-type:none;
background:#A5F0FF url(../buttons/leftbg.gif) repeat-y left top;
}
#leftnav ul ul {
margin: 0 0 0 15px;
}
#leftnav ul li a, #leftnav ul ul li a, #leftnav ul li.nolink {
display: block;
color: #FFF;
text-decoration: none;
}
#leftnav ul li.nolink {
background:#006699 url(../buttons/navbg1.gif) repeat-x bottom;
width: 125px;
padding: 4px 10px 5px 15px;
}
#leftnav ul li a {
background:#006699 url(../buttons/navbg1.gif) repeat-x bottom;
width: 125px;
padding: 4px 10px 5px 15px;
}
#leftnav ul ul li a, #leftnav ul ul li a {
background:#09c url(../buttons/navbg2.gif) repeat-x bottom;
width: 113px;
padding: 4px 10px 5px 12px;
}
#leftnav a:hover, #leftnav a:active {
color: #FFF;
background:#55BEEB url(../buttons/navbg.gif) no-repeat right bottom;
}
*/