/* Resets --------------------------------- */

* { padding: 0;margin: 0;border: 0;}
p { margin: 0 0 15px 0;}
ul li{ margin: 0 0 0 50px; padding: 0 0 0 10px;}


/* helpers -------------------------------- */
/*columns*/
.col-26     {width:25%; }
.col-25     {width:24.5%; }
.col-30     {width:29.5%;}
.col-35     {width:34.5%;}
.col-50     {width:49.5%;}
.col-70     {width:69.5%; padding: 0 20px 0 0;}
/*floats*/
.clr        {clear: both;}
.flt-right  {float:right;}
.flt-left   {float:left;}
.img-right  {float:right; margin: 0 0 0 7px;}
.img-left   {float:left; margin: 0 7px 0 0;}
/*fonts*/
.small{font-size:1em; color: #888; }/*paddings*/
.pad-top-20 {padding: 20px 0 0 0;}
/*margins*/
.mar-top-20{margin: 20px 0 0 0;}


/* colors ----------------------------------*/

/* main layout ------------------------------*/
body, html {
font-family:Verdana, Arial, Helvetica;
font-size:12px;
background:url(kivotos_bgimg.jpg) repeat-x 0 0;
text-align: center; 
color:#555;
}
#mainContainer {
background:url(kivotos_body.jpg) repeat-y 0 290px;
width: 920px;
margin: 0 auto;
text-align: left;

}
#outer{
background:url(kivotos_bodytop.jpg) no-repeat 0 0;
padding: 20px 0 0 0;
width: 920px;
margin: 0 auto;
text-align: justify; 
}
#float-wrap{
padding: 0 0 200px 0;
height:500px;
background:url(kivotos_topfooter.jpg) 0 bottom no-repeat;
width: 920px;
margin: 0 auto;
}
#header{
width: 920px;
margin: 0 auto;
}
#upfooter {
width:920px;
clear:both;
height:200px;
}
#subfooter {
height:137px;
}
.leftsub{
background:url(kivotos_leftfooter.jpg) 0 0 no-repeat;
height:137px;
width:670px;
}
.rightsub{
background:url(kivotos_rightfooter.jpg) 0 0 no-repeat;
height:137px;
width:250px;
}
#footer {
border-top: 2px solid #fff;
background:#89C1D8;
clear:both;
height:50px;
padding: 10px 0;
text-align:center;
color: #fff;
font-size:.8em;
font-weight:500;
}

/* design elements and logos --------------------------*/
a#pro:link,a#pro:visited,a#pro:hover,a#pro:active{
margin: 55px 0 0 ;
float:left;
display:block;
width: 250px;
height:30px;
}

/* global navigation and links --------------------------*/
a:link, a:visited{
color:#4BD0EC;
font-weight:600;
font-size:.9em;
text-decoration: none;
}
a:active, a:hover{
color: #91E0FF;
text-decoration: none;
}
.navigation{

background:url(kivotos_catbg.jpg) no-repeat 0 0;
}
.navigation ul {
padding:33px 0 0 65px;
}
.navigation ul li {
padding: 0;
margin: 0;
list-style: none;
height: 15px;
}
.navigation ul li a:link, .navigation ul li a:visited{
display:block;
margin: 0 0 3px 0;
padding: 0 0 0 20px;
font-size:.8em;
text-decoration: none;
color: #7C7C7C;
font-weight: 600;
height: 15px;
}
.navigation ul li a:active, .navigation ul li a:hover, .navigation ul li a#navselected{
background:url(kivotos_subcat_list.jpg)  0 0 no-repeat;
text-decoration: none;
height: 15px;
}
.navigation ul li a span{
line-height: 15px;
height: 15px;
}


/* Contact form ---------------------------------------------------*/
.contactform{
margin: 40px 0 0 0;
float:right;
width: 600px;
}

.cssform{
width: 400px;
padding: 50px;
}
.cssform p{
background:none;
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}
.cssform label{
color:#1E5D80;
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input{ 
border:1px solid #000;
width: 250px;
}
.cssform #btn{
background-color: #1E5D80;
margin: 10px 0 0 125px;
border:1px solid #000;
color:#fff;
font-weight:600;
width:100px;
}
.cssform textarea{
color:#000;
border:1px solid #000;
width: 250px;
height: 100px;
}
* html .threepxfix{
margin-left: 3px;
}

.cssform img{
float:left
}

/* Gallery categories list ---------------------------------------------------*/
a.gallery{
padding:5px;
margin:8px;
color:#444;
font-size:1.2em;
border:2px solid #ccc;
display:block;
width:130px;
float:left;
}
a.gallery span{
font-weight:500;
font-size:.7em;
display:block;
}
a.gallery img{
margin: 5px auto;
display:block;
width:100px;

}
/* Gallery images */
.gallerycontainer{
position: relative;
}
.gallery-thumb img{
padding: 10px;
width:65px;
height:55px;
}

/* latest news*/ 

h1, h4{
font-weight:500;
font-size:1.4em;
color: #bf0e28;
margin: 0 0 20px 0;
}
td{
font-size:1.3em;
vertical-align:top;
padding: 0 0 25px 0;
}
td.list{
font-size:.9em;
width:80px;
color:#888;
}
/*partners */
#cycle {
float:right;
margin:10px 300px 0 0;
}
#cycle img{
width:200px;
height:120px;
}
.thankyou{
color: #222222;
font-weight:700;
font-size:.8em;
text-align:center;
padding: 30px;
width:280px;
}
.thankyou span{
font-weight:500;
font-size:1.2em;
color:#E53E36;
font-weight: bold;
}

/* donation banners */
#donate {
width:122px;
margin: 5px auto 0 auto;
padding-bottom: 10px;
}
#donate a{
background:url(kivotos_donate.jpg)  0 0 no-repeat;
width:122px;
height:122px;
display:block;
}

#donate a span{
display:none;
}


/* addbanner */
#addbanner {
width:212px;
margin: 20px auto 0 auto;
}
#addbanner a{
background:url(kivotos_link.jpg)  0 0 no-repeat;
width:212px;
height:84px;
display:block;
}

#addbanner a span{
display:none;
}


/* volbanner */
#vol{
width:122px;
margin: 5px auto 0 auto;
padding-bottom: 10px;
}
#vol a{
background:url(kivotos_vol.jpg)  0 0 no-repeat;
width:122px;
height:122px;
display:block;
}

#vol a span{
display:none;
}


/* brobanner */
#bro{
width:122px;
margin: 5px auto 0 auto;
padding-bottom: 10px;
}
#bro a{
background:url(kivotos_brochure.jpg)  0 0 no-repeat;
width:122px;
height:193px;
display:block;
}

#bro a span{
display:none;
}



/* Frontpage news */
.frontnews{
float:left;
width:470px;
padding: 0 40px 0 0;
}

.frontnews h4{
font-size:1.4em;
}

.frontnews  td{
vertical-align:top;
padding: 0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
}



/* winbank */

a#winbank{
display:block;
background:url(kivotos_winbank.jpg)  0 0 no-repeat;
width:170px;
height:50px;
}
a#winbank span{
display:none;
}

/* donations */
.donateTable{

	font-size:0.7em;
	margin: 10px;
}
.donate {
	background: #f8e5bb;
	border: 1px solid #e9a759;
	padding: 10px;
	margin: 0px;
	font-size: 1.0em;
}
.imgdonate {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.block {
	font-size: 2.0em;
	text-align: left;
	color: #242424;
}
.bank {
	font-size: 1em;
}
.imgNews {
	margin: 0px 0px 0px 10px;
	background: #f8f7f7;
	border: 1px solid #eae7e7;
}