﻿*
{
    margin: 0px;
    padding: 0px;
}

body
{
    background-image: url(images/kitves_bg2.jpg);
    background-repeat: no-repeat;
    background-position: center -15px;
    background-color: #FFFFFF;
}
html
{
    font: small/1.4 "Lucia Grande" , Tahoma, sans-serif;
    color: #808080;
}
p
{
    padding-bottom: 7px;
    text-align: justify;
}
h1, h2, h3
{
    font-family: 'Times New Roman' , Times, serif;
}
h3
{
    font-size: 20px;
    font-family: Georgia, serif;
    color: #A30003;
}
h5
{
    color: #8196AB;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}
.attention
{
    padding-left: 20px;
    background-image: url(images/exclamation.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}
h1 span
{
    visibility: hidden;
}
ul
{
    list-style-type: none;
}
a:link, a:visited
{
    text-decoration: none;
    color: black;
}
a:hover
{
    text-decoration: underline;
}
a b
{
    visibility: hidden;
}
.floatR
{
    float: right;
}
.floatL
{
    float: left;
    padding-right: 5px;
}

/* Page building elements */
#bg1
{
}
#bg2
{
}
#wrapper
{
}

/* header elements */

#top
{
}
#header
{
    display: block;
    width: 1060px;
    margin-right: auto;
    margin-left: auto;
    height: 80px;
}
#logo
{
    margin-left: 50px;
}
#logo h1 a
{
    background-position: 0px -20px;
    float: left;
    display: inline;
    width: 125px;
    background-image: url(images/logo1.png);
    background-repeat: no-repeat;
    padding-top: 70px;
}
#logo h1 a:hover
{
    text-decoration: none;
}


/* very top nav elements */



#navpadder
{
    display: block;
    height: 20px;
}
#navpadder ul
{
    float: right;
}
#navpadder ul li
{
    float: left;
    border-color: #833423;
    padding: 2px 5px 3px 5px;
    color: #FFFFFF;
    background-color: #5C070A;
    font-size: 11px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    margin-right: 5px;
}
#navpadder a:link, #navpadder a:visited
{
    color: #CCCCCC;
}
#navpadder a.allLinks
{
    background-image: url(images/wand.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-left: -3px;
}
a.contact
{
    background-image: url(images/email.png);
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-left: -5px;
    padding-bottom: 2px;
}
a.partnerZone
{
    background-image: url(images/group.png);
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-left: -5px;
    padding-bottom: 2px;
}
a.ECZone
{
    background-position: 0px -3px;
    background-image: url(images/eu_flag_icon.jpg);
    background-repeat: no-repeat;
    padding-left: 21px;
    margin-left: -5px;
    padding-bottom: 2px;
}
a.settings
{
    background-position: 2px -2px;
    background-image: url(images/wrench_orange.png);
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-left: -3px;
    padding-bottom: 2px;
}

/*-----------------------*/








#nav
{
    padding-top: 12px;
    margin-left: 200px;
}
#nav ul
{
    list-style: none;
}
#nav ul li
{
    position: relative;
    float: left;
    display: inline;
}
#nav li ul
{
    border: 1px solid #627281;
    padding: 2px;
    position: absolute;
    left: 10px;
    top: 23px;
    display: none;
    width: auto;
    background-color: #4A5E71;
    color: #FFFFFF;
}
#nav a:link, #nav a:visited
{
    padding: 2px 18px 2px 7px;
    display: block;
    text-decoration: none;
    color: #C8D3E1;
    text-transform: uppercase;
    font-family: Verdana;
    font-size: 14px;
}
#nav a:hover
{
    color: white;
}
#nav .drop a:link, #nav .drop a:visited
{
    display: block;
    color: white;
    text-transform: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    width: 150px;
}
#nav .drop a:hover
{
    color: #D6DEE9;
    background-color: #3C4D5B;
}
#nav li:hover ul, #nav li.over ul
{
    display: block;
}

/* picture bar with kites and headings */
#picturebar
{
}
#shortbox
{
    display: block;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}
#topper
{
    display: block;
    margin-right: 300px;
    margin-left: 50px;
    padding-top: 15px;
}
#topper h3
{
    display: block;
    color: #4A5E71;
    padding-left: 75px;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-bottom: 50px;
    font-style: italic;
}

/* page content elements */

#whitecontent
{
}
#contentwrapper
{
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}
#textarea
{
    margin-right: 240px;
    display: block;
    padding-top: 5px;
}
#textarea ul
{
    padding-bottom: 10px;
}
#textarea li
{
    display: block;
    padding-left: 20px;
    background-image: url(images/arrowSingle.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#textarea img
{
    padding: 5px;
    float: right;
    display: inline;
    margin-left: 15px;
}
.newsitem
{
    display: block;
    padding-right: 30px;
    padding-left: 50px;
    padding-top: 20px;
}
.registerbox
{
    padding: 20px 20px 10px 20px;
    background-color: #EDF0F3;
    border: 1px solid #E0E6EB;
}
.bluebox
{
    padding: 10px;
    background-color: #EDF0F3;
    border: 1px solid #E0E6EB;
    margin-right: 30px;
}
.bluebox p
{
    text-align: left;
    font-size: 85%;
}
#rightbar
{
    width: 240px;
    float: right;
}
#rightbarMenu
{
    display: block;
    padding-top: 5px;
    margin-right: 10px;
}
.rightAlign
{
    text-align: right;
    display: block;
    padding-right: 70px;
    font-size: 85%;
}

.validates
{
    color: #CC3300;
    font-size: 80%;
}
p.more, .menubox a:link, .menubox a:visited
{
    padding-left: 20px;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.menubox
{
    padding-bottom: 10px;
}
.menubox ul
{
    padding-bottom: 10px;
}
.menubox a:link, .menubox a:visited
{
    color: #791F1E;
    padding-top: 2px;
    padding-bottom: 2px;
}
.menubox a:hover
{
    background-position: 0px -26px;
    text-decoration: none;
}
.menubox h2
{
    padding: 2px;
    background-color: #364452;
    color: #FFFFFF;
    font-size: 20px;
    margin-right: 30px;
    text-align: center;
}
.menubox #cloud
{
    background-position: 0px bottom;
    padding: 10px 2px 20px 2px;
    background-image: url(images/cloud2.png);
    background-repeat: no-repeat;
    display: block;
    margin-top: -35px;
    width: 260px;
    margin-left: -20px;
}
.menubox h2 b
{
    display: block;
    border: 1px dashed #C2CDE7;
    padding: 5px 4px 5px 10px;
    background-color: #54697D;
}
.stitchbox
{
    padding: 2px;
    background-color: #364452;
    color: #FFFFFF;
    margin-bottom: 10px;
}

#footer
{
    background-image: url(images/bottom.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #3A5276;
    display: block;
    height: 450px;
}
#footercontent
{
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}
#footerPadder
{
    
}

#skybox
{    
}
#loginbox
{
    padding-top: 35px;
    color: #FFFFFF;
    margin-left: 250px;
    clear: right;
}
#loggedInArea
{
    padding-top: 35px;
    padding-bottom: 40px;
    color: #FFFFFF;
    margin-left: 180px;
    clear: right;
}
#loginbox h3, #loggedInArea h3
{
    color: #4A5E71;
    padding-right: 20px;
    padding-top: 15px;
    font-style: italic;
}
p.memberlink a
{
    background-repeat: no-repeat;
    background-image: url(images/arrowRed.gif);
    background-position: left;
    padding-left: 20px;
}

.floatLbox
{
    padding: 10px;
    float: left;
    width: 190px;
    margin-left: 15px;
    color: #C9DBED;
    background-image: url(images/transBG.png);
    margin-top: 40px;
    margin-bottom: 200px;
}
.floatLbox h3
{
    font-size: 90%;
    color: #8E9BB9;
}
.floatLbox a
{
    color: #FF6600;
}


/* heading styling */
h3 b
{
    visibility: hidden;
}
h3.c
{
    background-image: url(images/C.gif);
}
h3.d
{
    background-image: url(images/D.gif);
}
h3.e
{
    background-image: url(images/E.gif);
}
h3.f
{
    background-image: url(images/F.gif);
}
h3.g
{
    background-image: url(images/G.gif);
}
h3.k
{
    background-image: url(images/K.gif);
}
h3.l
{
    background-image: url(images/L.gif);
}
h3.o
{
    background-image: url(images/O.gif);
}
h3.m
{
    background-image: url(images/M.gif);
}
h3.n
{
    background-image: url(images/N.gif);
}
h3.p
{
    background-image: url(images/P.gif);
}
h3.r
{
    background-image: url(images/R.gif);
}
h3.t
{
    background-image: url(images/T.gif);
}

h3.w
{
    background-image: url(images/W.gif);
}
h3 i
{
    font-size: 14px;
    color: #9DADBD;
    margin-left: 22px;
    display: block;
    padding-bottom: 5px;
    padding-top: 1px;
    clear: left;
}
h4
{
    padding-bottom: 7px;
    margin-left: 10px;
    color: #000000;
}


.partnerHeader
{
    display: inline;
    padding-left: 20px;
    color: #800000;
}

/* Partner zone styling */


.fullWidth
{
    display: block;
    padding-bottom: 7px;
    padding-left: 80px;
}
.center
{
    display: block;
    margin-left: 90px;
    visibility: hidden;
}
.floater
{
    margin: 3px;
    border: 1px #9DADBD outset;
    display: inline;
    float: left;
    width: 126px;
    background-color: #7C92A8;
}
.floater h5 a:link, .floater h5 a:visited
{
    padding: 0px 0px 94px 0px;
    margin: 3px;
    display: block;
    color: #FFFFFF;
    background-color: #7C92A8;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.floater h5 a:hover
{
    text-decoration: none;
    color: #CCCCFF;
    background-color: #54697D;
}


#photos a
{
    background-image: url(images/photos.jpg);
}
#demos a
{
    background-image: url(images/fillerS.jpg);
}
#reports a
{
    background-image: url(images/reports.jpg);
}
#funding a
{
    background-image: url(images/7thFramework.jpg);
}



.floatLeftBox
{
    padding: 12px;
    float: left;
    width: 220px;
    margin-right: 15px;
    color: #414B53;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #E3E3E1;
}

.clearzone
{
    height: 1%;
    clear: both;
}

.rightfloat
{
    margin: 10px 10px 0 0;
    display: inline;
    float: right;
    text-align: right;
}


/* asp controls */
.widelabel
{
    display: -moz-inline-block;
    display: inline-block;
    width: 100px;
}

.GridMain
{
    border: 1px solid #EBD785;
    background-color: #E9D3BE;
    width: 100%;
}
.GridRow
{
    background-color: #EEE6C4;
}
.GridSelectedRow
{
    background-color: #192E41;
    color: #FFFFFF;
}
.GridHeader
{
    font-weight: bold;
    text-align: left;
    background-color: #800000;
    color: #FFFFFF;
}
.AltGrid
{
    background-color: #F7F2DF;
}
th
{
    padding: 3px;
}
td
{
    padding: 3px;
}
.GridHeader a
{
    color: #C5C58B;
}




table.stateArt
{
    border: thin dashed #DFDFDF;
}
table.stateArt td
{
    border: thin dashed #DFDFDF;
    vertical-align: text-top;
    text-align: left;
}
table.stateArt p
{
    padding: 4px;
    margin: 0px;
}

/* icon builders */

.arrowFiller
{
    background-image: url(images/membersboxArrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 15px;
}
#arrowfiller1
{
    display: block;
    background-image: url(images/arrows3.jpg);
    background-repeat: no-repeat;
    background-position: 1px top;
}
.add a
{
    padding-left: 18px;
    background-image: url(images/add.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}
.attention a
{
    padding-left: 18px;
    background-image: url(images/exclamation.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}
p.info
{
    padding-left: 20px;
    background-image: url(images/information.png);
    background-repeat: no-repeat;
    background-position: left top;
}

a:link.editBtn, a:visited.editBtn
{
    background-image: url(images/page_white_edit.png);
}
.downloadBtn a:link, .downloadBtn a:visited
{
    background-image: url(images/download.gif);
}
.downloadBtn a:link, .downloadBtn a:visited, a.fileactionBtn, a.viewfileBtn, a:link.editBtn, a:visited.editBtn
{
    background-position: 0px 0px;
    background-repeat: no-repeat;
    font-size: 8px;
    padding: 4px 6px 4px 6px;
    cursor: default;
    color: #FFFFFF;
}
.downloadBtn a:hover
{
    background-image: url(images/download_ovr.gif);
}

a.fileactionBtn
{
    background-image: url(images/exclamation.png);
}
a.viewfileBtn
{
    background-image: url(images/eye.png);
}

p.download
{
    background-position: left center;
    display: block;
    padding-left: 23px;
    background-image: url(images/download.gif);
    background-repeat: no-repeat;
    padding-top: 5px;
}


/*mini icons*/

.miniIconLinks
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.miniIconLinks li
{
    float: left;
    margin-right: 5px;
}
.resultsLink a, .mediaLink a, .websiteLink a, .downloadLink a
{
    background-position: left bottom;
    display: block;
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 18px;
}
.resultsLink a
{
    background-image: url(images/medal.png);
}
.mediaLink a
{
    background-image: url(images/pbp.gif);
}
.websiteLink a
{
    background-image: url(images/world_link.png);
}
.downloadLink a
{
    background-image: url(images/downloadPic.png);
}

.mapIcon a
{
    background-position: right top;
    padding-right: 20px;
    background-image: url(images/map.png);
    background-repeat: no-repeat;
    color: #DEDEA3;
}

/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    padding: 5px;
    border: 1px solid #CC746A;
    color: #CBD4DD;
    height: 26px;
    font-size: 9px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #853423;
}
.floatRmenu ul li
{
    float: left;
    display: block;
    margin-top: 5px;
    margin-left: 2px;
}
.floatRmenu ul
{
    display: block;
    margin-top: 8px;
}
.floatRmenu .up a
{
    color: #CBD4DD;
    background-color: #1F3246;
}
.floatRmenu a
{
    padding: 5px;
    color: #CBD4DD;
    height: 26px;
    font-size: 9px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #853423;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #A9432E;
    border-right-color: #A9432E;
    border-left-color: #A9432E;
}
.buttonsmall-ovr, .floatRmenu a:hover
{
    text-decoration: none;
    color: #CBD4DD;
    background-color: #1F3246;
}

/* forms styling */

td .formlabel
{
    text-align: right;
    vertical-align: top;
}
.dissabledBtn
{
    border: thin solid #E2E2E2;
    background-color: #CCCCCC;
}