*
{
    margin: 0px;
    padding: 0px;
}

body
{
    background: #ffffff url(images/topBG.jpg) no-repeat 0 0;
}
html
{
    font: small/1.4 "Lucia Grande" , Tahoma, sans-serif;
    color: #232556;
}
img
{
    border: none;
}
a img
{
    border: none;
}
p
{
    padding-bottom: 7px;
}
h1, h2, h3, h4
{
    font-family: "Lucia Grande" , Tahoma, sans-serif;
    color: #8196AB;
}
h1
{
    font-family: 'Dancing Script' , cursive;
    color: #102133;
    font-size: 48px;
    text-shadow: 0px 1px 1px #A5B5C5;
}
h2
{
    font-size: 26px;
    color: #003366;
    line-height: 35px;
    padding-bottom: 10px;
}
h3
{
    color: #102133;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: bold;
    margin-bottom: 5px;
}
h4
{
    color: #000000;
    font-size: 12px;
    display: block;
}
h1 b, h2 b, h3 b, h4 b
{
    visibility: hidden;
}
h1 a:hover, h3 a:hover, h4 a:hover
{
    text-decoration: none;
}
ul
{
    list-style: none;
}
ol
{
    margin-left: 25px;
    margin-bottom: 10px;
}
a:link, a:visited
{
    text-decoration: none;
    color: #D56A00;
    background-repeat: no-repeat;
}
a:hover
{
    text-decoration: underline;
}
a b
{
    visibility: hidden;
}

.clear2column
{
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0px;
    height: 0px;
    clear: both;
}
.floatL
{
    float: left;
}
.floatR
{
    float: right;
}
.smallText
{
    padding: 0px 0px 20px 0px;
    font-size: 80%;
    display: block;
}
.smallText p
{
    padding-top: 2px;
    padding-bottom: 0px;
}
.smallTextTbl
{
    font-size: 85%;
    display: block;
}
.trans { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.noTrans { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.whiteTrans
{
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color: #FFFFFF;
    display: block;
    height: 20px;
    margin-bottom: 30px;
}
/*---------homepage image hovers----------------*/
a.hover1 img
{
    height: 0px;
    width: 0px;
    border-width: 0px;
}
a.hover1:hover img
{
    position: relative;
    top: 20px;
    left: 0px;
    height: 398px;
    width: 314px;
    float: left;
}

/*  -------- Divs - Page building elements --------------  */
#miniLinks
{
    height: 25px;
    display: block;
}
#wrapper, #headerPadder
{
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px;
}
.padder
{
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px;
}
#header
{
    display: block;
    background-color: #5C070A;
}
#fullContent
{
    display: block;
}
#topper
{
    background-position: center bottom;
    display: block;
    background-image: url(images/cloudBG.jpg);
    background-repeat: no-repeat;
    background-color: #8196AB;    
}
#topper h1
{
    display: block;
    padding-top: 50px;
    padding-bottom: 130px;
}
#rightBar
{
    float: right;
    width: 320px;
}
#mainContent
{
    display: block;
    margin-right: 320px;
    position: relative;
}
#newsPanel
{
    background-position: center bottom;
    display: block;
    background-image: url(images/bottomTop.jpg);
    background-repeat: no-repeat;
    padding-top: 0;
    padding-bottom: 0px;
    height: 250px;
}
#memberBox
{
    background-position: center -50px;
    display: block;
    padding-top: 10px;
    padding-bottom: 40px;
    background-image: url(images/bottombot.jpg);
    background-repeat: repeat-y;
}
#memberBox .thirds
{
    padding: 10px;
    margin-right: 20px;
    color: #C9DBED;
    background-image: url(images/transBG.png);
    width: 280px;
}
#memberBox .quaters
{
padding: 10px;
    margin-right: 20px;
    color: #C9DBED;
    background-image: url(images/transBG.png);
    width: 200px;
}
#memberBox .thirds h3, #memberBox .quaters h3
{
    color: #CBD4DD;
}
#footer
{
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 20px;
    height: 300px;
    clear: both;
    color: #FFFFFF;
}

/* specific text elements */

.summary
{
    font-weight: bold;
}

/*------------------text elements per block---------------------------------*/
#newsPanel h3
{
}
#newsPanel p
{
}
#newsPanel a:link, #newsPanel a:visited
{
    color: #102133;
}
#memberBox h3
{
  
}
#memberBox p
{
    color: #DFDFFF;
}
#memberBox a
{
    color: #FFFFFF;
}
#memberBox img
{
    padding: 2px;
    float: left;
    background-color: #3F439A;
    margin-right: 10px;
}


/* --------------------------------------------- */
#mainContent p
{
    padding-right: 40px;
    color: #4C4C4C;
}
#mainContent p a, #mainContent h2 a
{
}

#mainContent a:hover
{
}
#mainContent h3
{
    padding-right: 40px;
    letter-spacing: normal;
    text-transform: capitalize;
}
#mainContent ul
{
    padding-right: 40px;
    padding-bottom: 10px;
}
#mainContent img.photoLittle
{
    float: left;
    padding: 2px;
    margin: 5px 35px 10px 0px;
    background-color: #5A5EBC;
    width: 100px;
}
#mainContent img.photo, #mainContent .googleMap
{
    float: left;
    padding: 2px;
    margin: 5px 35px 10px 0px;
    background-color: #5A5EBC;
}
#mainContent img.png
{
    float: left;
    padding: 2px;
    margin: 5px 35px 10px 0px;
}
#mainContent ul li
{
    background-position: 0px 2px;
    display: block;
    padding-left: 18px;
    background-image: url(images/linksbtn.png);
    background-repeat: no-repeat;
}
#mainContent .googleMap
{
}
.mainbullets a
{
    background-position: 0px 2px;
    display: block;
    padding-left: 18px;
    background-image: url(images/linksbtn.png);
    background-repeat: no-repeat;
}
.bullets a
{
    background-position: 0px 2px;
    display: block;
    padding-left: 18px;
    background-image: url(images/linksbtn.png);
    background-repeat: no-repeat;
}
.archive ul ul a
{
    background-position: 0px 2px;
    display: block;
    padding-left: 18px;
    background-image: url(images/linksbtn.png);
    background-repeat: no-repeat;
}
.halfs
{
    width: 480px;
    float: left;
}
.twothirdsHomepage
{
    display: block;
    margin-left: 320px;
    position: absolute;
}
.twothirdsRHS
{
    display: block;
    margin-left: 320px;
}
.twothirdsLHS
{
    display: block;
    margin-right: 320px;
}
.thirds
{
    float: left;
    width: 320px;
}
.thirdsR
{
    float: right;
    width: 320px;
}
.quaters
{
    float: left;
    width: 240px;
}

.sixthBox
{
    float: left;
    width: 213px;
    padding-top: 28px;
}
.sixthBox li a, .quaters li a, #memberBox .thirds li a
{
    padding-left: 20px;
}
.sixthBox p, .sixthBox ul, .quaters p, quaters ul
{
    padding-right: 20px;
}

.locationBox
{
    display: block;
    margin-bottom: 15px;
}

.blackBox h4
{
}


/* used for positioning inside photo select or location select controls */
.floatLbox
{
    float: left;
    font-size: 80%;
}
.floatRboxlocation
{
    padding: 20px;
    border: 1px solid #C1D3FB;
    float: right;
    font-size: 85%;
    background-color: #FFFFFF;
    margin-left: 15px;
    margin-right: -60px;
}
.floatRboxFileedit
{
    padding: 5px 15px 5px 15px;
    border: 1px solid #C1D3FB;
    float: right;
    font-size: 85%;
    background-color: #FFFFFF;
    margin-right: 20px;
    width: 400px;
}

/* -------------- Logo ------------------------------------- */

#logo
{
    width: 940px;
    height: 100px;
    display: block;
    padding-right: 20px;
}
#logo h1 a:link, #logo h1 a:visited
{
    background-position: 0px 10px;
    background-image: url(images/kitves_logo.png);
    background-repeat: no-repeat;
    height: 100px;
    float: left;
    width: 220px;
}
#logo a.EUflag, #logo a.FPlogo
{
    border: 1px solid #4D0709;
    float: right;
    width: 100px;
    height: 81px;
    margin: 10px 0 0 10px;
    background-repeat: no-repeat;
}
#logo a.EUflag
{
    background-image: url(images/EU_flag.jpg);
}
#logo a.FPlogo
{
    background-image: url(images/7thFrameworkSmall.jpg);
}
#logo a:hover
{
    text-decoration: none;
}
/* --------------------------------------------- */

a.allLinks
{
    background-image: url(images/wand.png);
    background-repeat: no-repeat;
}
a.contact
{
    background-image: url(images/email.png);
    background-repeat: no-repeat;
}
a.partnerZone
{
    background-image: url(images/group.png);
    background-repeat: no-repeat;
}
a.addressBook
{
    background-image: url(images/book_addresses.png);
    background-repeat: no-repeat;
}
a.ECZone
{
    background-image: url(images/eu_flag_icon.png);
    background-repeat: no-repeat;
}
a.settings
{
    background-image: url(images/wrench_orange.png);
    background-repeat: no-repeat;
}

p.exclaim
{
    background-image: url(images/icons/exclamation.png);
    background-repeat: no-repeat;
    display: block;
    padding-left: 20px;
}
span.exclaimBox
{
    background-position: left center;
    background-image: url(images/icons/exclamation.png);
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid none solid solid;
    display: block;
    background-color: #F4F4FF;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-left: 100px;
    padding-left: 20px;
}
a.login
{
    background-image: url(images/icons/lock_open.png);
    background-repeat: no-repeat;
}
a.logout
{
    background-image: url(images/icons/lock.png);
    background-repeat: no-repeat;
}
a.register
{
    background-image: url(images/icons/pencil.png);
    background-repeat: no-repeat;
}
#mainContent .link a, #rightBar .link a, #memberBox .link a, .GridMain .link a
{
    padding-left: 20px;
}
h4.link a
{
    padding-bottom: 20px;
}
h4.link a i
{
    display: block;
    background-color: #435465;
    padding: 3px 5px 3px 15px;
    color: #FFFFFF;
    margin-top: 15px;
}
#rightBar a
{
}
/* ----------------------- menus styling ---------------------------------- */

/* miniLinks */
#miniLinks ul
{
    float: right;
    width: 430px;
    margin-top: 20px;
}
#miniLinks ul li
{
    float: left;
    
}
#miniLinks a, #miniLinks p
{
    padding: 5px 0px 5px 19px;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    margin-left: 20px;
    display: block;
    text-transform: uppercase;
    background-position: 0px center;
}

#miniLinks p
{
    margin-right: 18px;
}
#miniLinks a:hover
{
    color: #8196AB;
}

/* dropdown menu */
#mainMenu
{
    background-position: center center;
    display: block;
    background: url(images/mainmenuBG.jpg) no-repeat;
    background-color: #102133;
}
#mainMenu ul
{
    display: block;
    height: 40px;
    width: 960px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-top-color: #102133;
    border-bottom-color: #102133;
    margin-right: auto;
    margin-left: auto;
}
#mainMenu ul
{
    list-style: none;
}
#mainMenu ul li
{
    position: relative;
    float: left;
    display: inline;
}
#mainMenu li ul
{
    border: 1px solid #7E8F8A;
    padding: 1px;
    position: absolute;
    left: 0px;
    top: 23px;
    display: none;
    width: auto;
    color: #FFFFFF;
    background-image: url(images/dropBG.png);
}
#mainMenu a:link, #mainMenu a:visited
{
    padding: 10px 60px 10px 0;
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-shadow: 0px 2px 3px #3D4196;
}
#mainMenu a:hover, #mainMenu a.up
{
    color: #BB5E00;
}
#mainMenu .drop a:link, #mainMenu .drop a:visited
{
    display: block;
    color: white;
    text-transform: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    width: 110px;
    font-size: 12px;
}
#mainMenu .drop a:hover
{
    color: #E5E1D5;
    background-image: none;
}
#mainMenu li:hover ul, #mainMenu li.over ul
{
    display: block;
}

/* Parners menu */
#partnerMenu
{
    display: block;
    background-color: #668099;
}
#partnerMenu ul
{
    display: block;
    height: 40px;
    list-style: none;
    margin-right: auto;
    margin-left: auto;
    width: 960px;
}
#partnerMenu ul li
{
    position: relative;
    float: left;
    display: inline;
}

#partnerMenu a:link, #partnerMenu a:visited
{
    padding: 10px 60px 7px 0;
    display: block;
    text-decoration: none;
    color: #112234;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 0.2em;
}
#partnerMenu a:hover, #partnerMenu a.up
{
    color: #ffffff;
}

#partnerMenu li:hover ul, #partnerMenu li.over ul
{
    display: block;
}

/* ----------------- drop down header menu ----------------------- */
.dropMenus
{
    display: block;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url(images/dropDash.png);
    margin-top: 0px;
}
.docs
{
    background-position: 100px -8px;
    margin-left: 130px;
}
.blog
{
    background-position: 30px -8px;
    margin-left: 170px;
}
.WPS
{
    background-position: 100px -8px;
    margin-left: 450px;
}
.dropMenus ul li
{
    float: left;
}
.dropMenus .up a:link, .dropMenus .up a:visited
{
    color: #2C3942;
}

.dropMenus a:link, .dropMenus a:visited
{
    padding: 5px 10px;
    color: #FFFFFF;
    font-size: 9px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 7px;
    float: left;
    background-color: #668099;
}
.dropMenus .add a
{
    background-position: 0px 6px;
    background-repeat: no-repeat;
    background-image: url(images/addTiny.png);
    padding-left: 14px;
}
.dropMenus a:hover
{
    text-decoration: none;
    color: #B95C00;
}

/* menu cloud boxes */
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: 20px;
    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: 100%;
    margin-left: -20px;
}
.menubox h2 span
{
    display: block;
    border: 1px dashed #C2CDE7;
    padding: 5px 4px 5px 10px;
    background-color: #54697D;
    font-size: 90%;
}
.stitchbox
{
    padding: 2px;
    background-color: #364452;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.bluebox, .registerbox
{
    padding: 10px;
    background-color: #EDF0F3;
    border: 1px solid #E0E6EB;
    margin-right: 20px;
}
.bluebox p
{
    text-align: left;
    font-size: 85%;
}

/* RHS bar menu */

#rightBar .menuItems
{
    margin-top: 15px;
}
.menuItems ul li
{
    margin-bottom: 15px;
}


/* ----------------inner div builders ---------------------------------- */
.eventsbox, .menuItems, #rightBar .thirdsBox, #wrapper .bullets, .newsbox
{
    display: block;
    padding: 15px 20px 15px 20px;
    margin-top: 0px;
}
.blackBox
{
    display: block;
    padding: 10px 0px 5px 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.quoter
{
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: right;
}
p.quoter
{
    color: #B0B7E3;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 22px;
    line-height: 34px;
    margin-right: 20px;
    text-shadow: 0px 2px 3px #FFFFFF;
}
p.quoter a
{
    color: #4952BA;
}
p.quoter a:hover
{
    color: #888DD2;
    text-decoration: none;
}
/* -------------- images ------------------------------------- */

/* homepage image */

img.hpImg, .thirdsR object
{
    padding: 5px;
    border: 1px solid #E6E6FE;
    width: 310px;
    background-color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 10px;
}
.thirdsR object.videoBG
{
    background-image: url(images/laserImg.jpg);
    display: block;
}

/* mainContent styling */

#mainContent .contentThird
{
    float: left;
    width: 320px;
}
#mainContent .contentThird
{
    margin-top: 20px;
}

/* image links */
.imageLink a
{
    display: block;
    padding-top: 210px;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
.imageLink a.WJC
{
    background-image: url(images/laserImg.jpg);
}
.imageLink a.EDM
{
    background-image: url(images/wireImg.jpg);
}
.fitPhoto img
{
    width: 600px;
}

/* -------------- fonts ------------------------------------- */


/* font styling */

.textSmall
{
    font-size: 85%;
}

p.newsdate
{
    display: block;
    font-style: italic;
}
p.blueHeaders b
{
    font-size: 90%;
    color: #4A85FF;
}
p.blueHeaders
{
    margin-right: -40px;
}
/* vallidation styles */

p.redtext
{
    color: #D56A00;
}

/* asp controls */
.widelabel
{
    display: -moz-inline-block;
    display: inline-block;
    width: 100px;
}

/* table format */

.GridMain
{
    border: 1px solid #A1B1C1;
    background-color: #CDD5DE;
    width: 620px;
    font-size: 90%;    
}
.GridRow
{
    background-color: #CDD6DE;
    vertical-align: top;
}
.GridSelectedRow
{
    background-color: #102133;
    color: #FFFFFF;
    vertical-align: top;
}
.GridSelectedRow .blueHeaders span
{
    background-color: #435465;
    color: #FFFFFF;
    vertical-align: top;
}
.GridHeader
{
    font-weight: bold;
    background-color: #435465;
    color: #FFFFFF;
    text-align: left;
    padding-left: 5px;
}
.GridHeader th
{
    text-align: left;
}
.AltGrid
{
    background-color: #CDD6DE;
    vertical-align: top;
}
.GridMain th
{
    padding: 3px;
}
.GridMain td
{
    padding: 7px 3px 7px 3px;
    white-space: normal !important;
}

.GridMain .GridHeader a
{
    color: #CDD5DE;
}
.GridMain a
{
    color: #C66300;
}

/* textBox styling */

.fullTB
{
    width: 580px;
}

/* clubsite styling*/


/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #F5F7FA;
    padding: 5px 5px 5px 10px;
    margin: 2px 0 5px 0;
    vertical-align: top;
    background-color: #EBEEF3;
}
.controlblock td
{
    padding-top: 3px;
    padding-bottom: 3px;
}
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom-color: #F3F4F8;
}

.addressBox
{
    border: 1px solid #324D65;
    padding: 5px;
    margin: 5px 0 5px 0;
    vertical-align: top;
    background-color: #385670;
    line-height: 1.2em;
}

.commentBox
{
    border-width: 1px;
    border-color: #FFFFFF;
    padding: 10px 0px 10px 10px;
    margin: 0px 60px 5px 0px;
    background-color: #CDD5DE;
    line-height: 1.2em;
    display: block;
    border-top-style: solid;
    border-bottom-style: solid;
}
.comments
{
    padding: 0px;
    margin: 0px 60px 10px 0;
    line-height: 1.2em;
    display: block;
}
.companyAddress
{
    padding: 2px 5px 2px 5px;
    float: right;
    width: 200px;
}

/* Command buttons on pages */
.actionbuttons
{
    text-align: right;
    float: right;
    color: #FFFFFF;
}
#mainContent .actionbuttons
{
    text-align: right;
    float: none;
    color: #FFFFFF;
    display: block;
    margin-right: 20px;
}
a.orangeBtn
{
    border: 1px solid #FF870F;
    float: right;
    padding: 5px;
    background-color: #FF9A32;
    color: #FFFFFF;
    margin-left: 5px;
}
a.orangeBtn2
{
    border: 1px solid #FF870F;
    float: right;
    padding: 5px;
    background-color: #FF9A32;
    color: #FFFFFF;
    margin-right: 20px;
    margin-top: 20px;
}
a.orangeBtnList
{
    border: 1px solid #FF870F;
    padding: 3px;
    background-color: #FF9A32;
    color: #FFFFFF;
    margin-right: 0px;
    margin-top: 2px;
    display: block;
}
/************************************************************************
* 
* Photo selection controls
*
************************************************************************/

#popupbody
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #E4E4E4;
    font-size: 0.7em;
}

#popupinner
{
    border: 1px solid #EAEAEA;
    margin: 5px;
    background: #C0C0C0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popupbody h2
{
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}

.selected, .unselected
{
    width: 70px;
    text-align: center;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
}

.unselected
{
    background-color: #2C3942;
    border: 1px solid #252525;
    color: #DADADA;
}

.selected
{
    background-position: #B3C1CE;
    background: #B3C1CE;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.scrollablelist
{
    overflow: auto;
    height: 230px;
    width: 400px;
    border: 1px solid #B3C1CE;
    background-color: #E3E9EE;
}

.scrollablelist2
{
    overflow: auto;
    height: 230px;
    width: 180px;
    border: 1px solid #E3E9EE;
}


.scrolledtable
{
}

.selectablephoto
{
    background-position: center;
    background: #B3C1CE url(images/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #7E97AB;
    padding: 2px;
}

.contextbuttons
{
    margin: 5px 3px 5px 3px;
}
/************************************************************************
* 
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */
.listitem
{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 5px;
}
.listitem h1, .listitem2 h1
{
    color: #999999;
    font-size: 24px;
    text-transform: capitalize;
}
.listitem h4, .listitem2 h4, .menuItems h4 a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.listitem h4 a, .listitem2 h4 a, .newsitem h3.title, .form h6, .menuItems h4 a
{
    text-decoration: underline;
}
#newsPanel .thirds h4 i
{
    color: #000000;
    text-decoration: none;
}
.listitem h6, .listitem2 h6
{
    text-align: center;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #CCD6D7;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-weight: bold;
    font-style: italic;
    padding-top: 5px;
}
.listitem h6, .listitem2 h6, .form h6
{
    font-size: 14px;
    margin-bottom: 5px;
}
.listitem h6 i, .listitem2 h6 i
{
    font-style: normal;
    color: #DEDEA3;
    padding-right: 5px;
}
.listitem h6 a, .listitem2 h6 a
{
    color: #7E97AB;
}
.listitem h6 b, .listitem2 h6 b
{
    font-size: 90%;
    font-weight: normal;
}
.listitem a:link, .listitem a:visited
{
}




/* surrounds the buttons for list items */
.editbuttons
{
    padding-top: 6px;
}

/* floats the image and thumbnail off to the left */
.thumbnail
{
    float: left;
    padding-top: 5px;
    margin-right: 15px;
}
.floatleft
{
    float: left;
    padding-bottom: 5px;
}
.floatright
{
    float: right;
    padding-bottom: 5px;
    padding-left: 5px;
}
.floatleft img, img.floatleft
{
    margin-right: 15px;
}

/*used to clear the float for the thumbnail */
.clearlist
{
    display: block;
    clear: left;
}

/* Used by the page number control */
.nextlink
{
    padding-right: 0px;
    float: right;
    margin-right: 20px;
    width: 100px;
}
.prevlink
{
    padding-left: 0px;
    float: left;
    width: 100px;
}
.toggletops
{
    text-align: center;
    display: block;
    padding-bottom: 30px;
}
.toggletops h2
{
    margin-right: 40px;
}
.toggletops h3
{
    margin-right: 140px;
    margin-left: 120px;
    display: block;
    text-align: center;
    margin-top: 50px;
}
.PageNumbers
{
    display: inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    padding-right: 2px;
    color: #000000;
    font-weight: bold;
}
.newscrumbs
{
    letter-spacing: 0.4em;
}

/* Used in the two column lists */

.membercard
{
    background-color: #F1F4F8;
    border: 1px solid #E9ECF2;
    padding: 10px;
    display: block;
    width: 230px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.membercard2, .membercard3
{
    border: 1px solid #205060;
    padding: 5px;
    display: block;
    width: 565px;
    margin-right: 10px;
    margin-bottom: 3px;
}
.membercard2
{
    background-color: #205065;
}
.membercard2 h3 i
{
    color: #7E97AB;
    font-size: 80%;
    font-style: normal;
}
.membercard3
{
    background-color: #193F4A;
    color: #FFFFFF;
}
.ViewMoreBtn
{
    float: right;
    font-size: 85%;
    padding-right: 18px;
}
.ViewMoreBtn a.down
{
    background-image: url(images/bullet_arrow_down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 16px;
}
.ViewMoreBtn a.on
{
    background-image: url(images/linksbtn.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 16px;
}
.editPanel a
{
    float: left;
    padding: 15px 5px 0px 0px;
    font-size: 8px;
    background-image: url(images/bullet_wrench.png);
    background-repeat: no-repeat;
    color: #F3F3DE;
    margin-left: -10px;
    margin-top: -5px;
}

.clearcard
{
    clear: left;
    height: 0;
}
.clearcard2
{
    height: 2px;
    width: 750px;
    display: block;
}

#membercardcolumnleft
{
    float: left;
    position: relative;
}
#membercardcolumnright
{
    margin-left: 226px;
}
.membercard p
{
}

/************************************************************************
* 
* Image functionality
*
************************************************************************/

.photo
{
    background-position: center;
    background: url(images/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #FFFFFF;
    padding: 2px;
}

.picture
{
    background: url(images/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #FFFFFF;
    padding: 2px;
    margin: 5px;
}

/* add hover border to href thumbnail images */
/*todo: rectify whether these should be .photo instead */

.thumbnail a:link img, .thumbnail a:visited img
{
    border: 1px solid #DDDDA2;
}
.thumbnail a:hover img
{
    border: 1px solid #DDDDA2;
}

/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall
{
    border: 1px solid #BB5E00;
    padding: 5px;
    color: #FFFFFF;
    font-size: 9px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EC7600;
    margin-left: 1px;
}
.buttonsmall-ovr
{
    border: 1px solid #435465;
    padding: 5px;
    color: #FFFFFF;
    font-size: 9px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #BB5E00;
    margin-left: 1px;
}
.buttonsmall a:hover
{
    border: 1px solid #435465;
    padding: 5px;
    color: #FFFFFF;
    font-size: 9px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #BB5E00;
    margin-left: 1px;
}
.dissabledBtn
{
    border: thin solid #E2E2E2;
    background-color: #CCCCCC;
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    padding-right: 15px;
    float: right;
}

/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel
{
    vertical-align: top;
    text-align: right;
}

/* value column */
.formvalue
{
    vertical-align: top;
}



/************************************************************************
* 
* Compact Event list
*
************************************************************************/


/* define event grid view columns */
/* todo: use or remove */

.eventlistdate
{
    padding-right: 4px;
}
.eventlisticon
{
    text-align: center;
}
.eventlisttime
{
    text-align: center;
    width: 95px;
}
.eventlistevent
{
    font-weight: bold;
}
.eventlistlocation
{
    /* no styles needed at this time */
}
.eventlist td
{
    padding-bottom: 4px;
}

/*
.eventlist, .eventlist td, .eventlist tr
{
    border-style:none;
}
*/

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* extender */

.extCalendar .ajax__calendar_container
{
    border: 1px solid #CDD5DE;
    color: #000000;
}
.extCalendar .ajax__calendar_today, .extCalendar .ajax__calendar_active
{
    color: #FFFFFF;
    background-color: #668099;
}
.extCalendar .ajax__calendar_hover
{
    background-color: #CDD5DE;
}


/* Surrounds the calendar */
.eventmonth
{
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    position: relative;
}
.eventmonthtable2
{
    width: 320px;
    color: #668099;
}
.eventmonthtable a
{
    font-size: 80%;
    color: #BB5E00;
}

.eventmonthtable2 a
{
    font-size: 80%;
    color: #BB5E00;
}
.eventmonthtable .calendarlink a
{
    padding-top: 5px;
    padding-left: 5px;
    width: 75px;
    display: block;
}
.eventmonthtable2 .calendarlink2 a
{
    background-position: 0px 0px;
    font-size: 1px;
    background-repeat: no-repeat;
    background-image: url(images/informationSml.png);
    display: block;
    width: 12px;
    height: 12px;
}
.dayNumber
{
    float: right;
    clear: none;
    padding: 2px;
    background-color: #668099;
    color: #FFFFFF;
}
.dayNumber2
{
    padding: 1px;
    background-color: #668099;
    color: #FFFFFF;
    font-size: 8px;
}
.caldays
{
    display: table-cell;
    width: 100px;
    text-transform: uppercase;
}
.caldays2
{
    display: table-cell;
    text-transform: uppercase;
    font-size: 8px;
}
.calcurrentmonth, .calcurrentmonth2
{
    background-color: #CDD5DE;
}

.calothermonth, .calothermonth2
{
    background-color: #D5DCE3;
}
.calcurrentday, .calcurrentday2
{
    background-color: #5C070A;
    color: #FFFFFF;
}
.calweekend, .calweekend2
{
    background-color: #7B92A8; /*  width: 15%; */
}


.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
    margin: 2px;
    text-align: left;
    height: 90px;
    vertical-align: top; /* needed for positioning the dayNumber part */
    border: 2px solid white; /* 'cellspacing' */
}
.calcurrentmonth td, .calcurrentmonth td, .calothermonth td, .calcurrentday td, .calweekend td
{
    border: 2px solid white;
}
.calcurrentmonth2, .calothermonth2, .calcurrentday2, .calweekend2
{
    margin: 1px;
    text-align: left;
    height: 35px;
    vertical-align: top; /* needed for positioning the dayNumber part */
    border: 1px solid #FFFFFF;
}
.calcurrentmonth2 td, .calothermonth2 td, .calcurrentday2 td, .calweekend2 td
{
    border: 1px solid #FFFFFF;
}
/* used as the cssclass of the small calendar */


#memberBacker a
{
    display: block;
    background-image: url(images/membersArea.png);
    background-repeat: no-repeat;
    padding-top: 110px;
    padding-left: 70px;
    padding-bottom: 60px;
}
#memberBacker a:hover
{
    text-decoration: none;
}
#memberBacker p
{
    font-size: 12px;
    color: #CC6633;
    padding-left: 15px;
    font-weight: bold;
    font-style: italic;
}

/* icon builders */
/*    icons  */
h4.arrow
{
    background-image: url(images/icons/arrow_right_48.png);
    background-repeat: no-repeat;
    padding-left: 60px;
    margin-left: -60px;
    display: block;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 5px;
}



span.phoneIcon, p.phoneIcon
{
    background-image: url(images/icons/phone.png);
    background-repeat: no-repeat;
    padding-left: 15px;
}
span.emailIcon, p.emailIcon
{
    background-image: url(images/icons/email.png);
    background-repeat: no-repeat;
    padding-left: 19px;
}
p.emailIcon, p.phoneIcon
{
    margin-left: 20px;
    display: block;
}
.inner li a
{
    padding-left: 20px;
}
a.services
{
    background-image: url(images/icons/wrench.png);
}
a.addMember
{
    float: right;
    padding: 5px;
    background-color: #BB5E00;
    color: #FFFFFF;
    margin-right: 20px;
    margin-top: 20px;
}
a.addnews
{
    background-image: url(images/icons/page_white_edit.png);
}
a.addevent
{
    background-image: url(images/icons/date_add.png);
}
a.addlocation
{
    background-image: url(images/icons/map_add.png);
}
a.location
{
    background-image: url(images/icons/map.png);
}
a.folders
{
    background-image: url(images/icons/application_add.png);
}
a.subpage
{
    background-image: url(images/icons/application_cascade.png);
}
a.addalbum
{
    background-image: url(images/icons/photo_add.png);
}
a.photos
{
    background-image: url(images/icons/photos.png);
}
a.group
{
    background-image: url(images/icons/group.png);
}
a.committee
{
    background-image: url(images/icons/chart_organisation.png);
}
a.logout
{
    background-image: url(images/icons/lock_open.png);
}
a.register
{
    background-image: url(images/icons/pencil.png);
}
a.arrow
{
    background-image: url(images/icons/bullet_go.png);
}
a.social
{
    background-image: url(images/icons/cup.png);
}
a.addDoc
{
    background-image: url(images/icons/application_get.png);
}
a.person
{
    background-image: url(images/icons/user.png);
}
a.weblink
{
    background-image: url(images/icons/link_add.png);
}
a.linkView
{
    background-image: url(images/icons/link.png);
}
a.emailSend
{
    background-image: url(images/icons/email_go.png);
}
.add a, .addNews a, .addPhotoAlbum a, .attention a
{
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-bottom: 10px;
}

.add a
{
    background-image: url(images/add.png);
}
.addNews a
{
    background-image: url(images/icons/page_white_edit.png);
}
.addPhotoAlbum a
{
    background-image: url(images/icons/folder_picture.png);
}
.attention a, a.attention
{
    background-image: url(images/icons/exclamation.png);
}
p.info
{
    padding-left: 20px;
    background-image: url(images/information.png);
    background-repeat: no-repeat;
    background-position: left top;
}
p.tick
{
    padding-left: 20px;
    background-image: url(images/icons/tick.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.smallbtns a.editBtn
{
    background-image: url(images/page_white_edit.png);
    padding-left: 20px;
    background-repeat: no-repeat;
}
.smallbtns
{
    float: right;
    width: 30px;
}
.smallbtns a.deleteBtn
{
    background-image: url(images/icons/delete.png);
    padding-left: 20px;
    background-repeat: no-repeat;
}
a:link.editBtn, a:visited.editBtn
{
    background-image: url(images/page_white_edit.png);
}

.downloadBtn a:link, .downloadBtn a:visited
{
    background-image: url(images/icons/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;
}
a:link.gotoFolder, a:visited.gotoFolder
{
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.downloadBtn a:hover
{
    background-image: url(images/download_ovr.gif);
}

a.fileactionBtn
{
    background-image: url(images/icons/exclamation.png);
}
a.viewfileBtn
{
    background-image: url(images/eye.png);
}
a.gotoFolder
{
    background-image: url(images/folder_go.png);
    padding-left: 20px;
}

p.download
{
    background-position: left center;
    display: block;
    padding-left: 23px;
    background-image: url(images/download.gif);
    background-repeat: no-repeat;
    padding-top: 5px;
}
.date
{
    background-position: left center;
    display: inline-block;
    padding-left: 23px;
    background-image: url(images/date.png);
    background-repeat: no-repeat;
    padding-top: 0px;
}
#rightBar a.editIcon
{
    background-position: right;
    background-image: url(images/icons/page_white_edit.png);
    background-repeat: no-repeat;
    float: left;
    padding-right: 18px;
}

h4.warning
{
    background-image: url(images/icons/warning_48.png);
    background-repeat: no-repeat;
    padding-left: 48px;
    font-size: 14px;
    padding-bottom: 30px;
    color: #FF9900;
}
p.actions
{
    background-image: url(images/icons/paper_content_pencil_48.png);
    background-repeat: no-repeat;
    padding-left: 48px;
    font-size: 12px;
    padding-bottom: 10px;
    color: #DC6A00;
    font-weight: bold;
}

/*mini icons*/

.miniIconLinks
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.miniIconLinks li
{
    float: left;
    margin-right: 5px;
}
.resultsLink a, .mediaLink a, #mainContent .downloadLink a
{
    background-position: left bottom;
    display: inline-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/icons/link.png);
    background-position: left 2px;
    display: inline-block;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-bottom: 10px;
    text-decoration: underline;
}
.downloadLink a
{
    background-image: url(images/downloadPic.png);
}

.mapIcon a
{
    background-position: right top;
    padding-right: 120px;
    background-image: url(images/map.png);
    background-repeat: no-repeat;
}


span.phoneIcon
{
    background-image: url(images/phone.png);
    background-repeat: no-repeat;
    padding-left: 15px;
}
span.emailIcon
{
    background-image: url(images/email.png);
    background-repeat: no-repeat;
    padding-left: 19px;
}
p.comments
{
    background-repeat: no-repeat;
    padding-left: 19px;
    font-style: italic;
}
p.postedBy a
{
    background-repeat: no-repeat;
    padding-left: 19px;
    font-style: italic;
}
#mainContent p.postedBy a:link span.noStyle, #mainContent p.postedBy a:visited span.noStyle
{
    font-style: normal;
    text-decoration: none;
    margin-left: 20px;
}
p.postedBy a.noIcon
{
    background-image: none;
    padding-left: 0px;
}
#mainContent p.postedBy, #mainContent p.comments
{
    color: #668099;
}
#mainContent p.postedBy a, #mainContent p.comments a
{
    color: #668099;
    text-decoration: underline;
}
p.postedBy a
{
    background-image: url(images/user_suit.png);
}
p.comments
{
    background-image: url(images/comments.png);
}

/* checkbox type styles*/

.chkbox input
{
    color: black;
    border-style: none;
    font-family: Tahoma;
    font-size: 11px;
    padding-right: 2px;
}
.chkbox td
{
    padding-right: 8px;
}

.chkboxRepeater
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.chkboxRepeater p
{
    color: #000000;
}
.chkboxRepeater a
{
    padding: 2px;
    color: #000000;
    background-color: #ECE9D8;
}
.chkboxRepeater a:hover
{
    background-color: #D2CBA4;
    color: #FFFFFF;
    text-decoration: none;
}
.chkboxRepeater p b
{
    font-weight: bold;
}
.chkboxRepeaterEdit
{
    border: 1px solid #F4F5ED;
    padding: 5px;
    vertical-align: top;
    background-color: #FBFBF7;
    display: block;
    margin-top: 20px;
}
/*-----------------------notification styles--------------------*/
.lockedOut
{
    display: block;
    background-color: #BB5E00;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

/* Accordian */

.accordionHeader
{
    padding: 5px;
    background-color: #000000;
    color: #FFFFFF;
    display: block;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 2px;
}
.accordionHeader H6
{
    background-position: right;
    background-image: url(images/bullet_arrow_down.png);
    background-repeat: no-repeat;
}
.accordionHeaderSelected
{
    padding: 5px;
    background-color: #E6E6FE;
    color: #435465;
    display: block;
    font-weight: bold;
    margin-bottom: 2px;
}
.accordionContent
{
    padding: 20px 0px 10px 20px;
    font-size: 85%;
    color: #43586D;
    background-color: #FFFFFF;
}
.floatHalfway a:link, .floatHalfway a:visited
{
    color: #000000;
    font-weight: bold;
}

#floatRfiller
{
    float: right;
    width: 180px;
}

/* toggle menu */

.menuHeaderDisplay
{
    cursor: hand;
    background-position: left 4px;
    cursor: pointer;
    display: block;
    padding-left: 14px;
    background-image: url(images/addTiny.png);
    background-repeat: no-repeat;
}
.red
{
    background-color: #00FF00;
}
.menuDisplay
{
    display: none;
    visibility: hidden;
}
.menuUp
{
    background-color: #00FF00;
    visibility: visible;
    display: block;
}
.menuUpGlow
{
    background-color: #EEEED0;
    visibility: visible;
    display: block;
}

/*-------------------- toggles ----------------------------*/


ul.archive ul
{
    display: none;
    list-style: none;
}
ul.archive ul ul
{
    display: inline-block;
    list-style: none;
    margin-left: 15px;
}

ul.archive li
{
    display: block;
    padding: 0px;
    margin: 0px;
    float: none;
    clear: left;
}

.archive li h4 a
{
    display: block;
    padding-top: 7px;
    padding-bottom: 3px;
    margin-left: -17px;
}

.archive a
{
    padding-left: 16px;
    cursor: pointer;
}

a.expanded
{
    background-image: url(images/minusTiny.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 16px;
}
a.collapsed
{
    background-image: url(images/addTiny.png);
    background-repeat: no-repeat;
    background-position: left 3px;
}
.archive ul a
{
    display: block;
    font-weight: normal;
    margin-left: 10px;
    padding-left: 15px;
}
#rightBar .archive ul a
{
    background-position: left 3px;
    font-size: 100%;
    background-image: url(images/icons/linksbtn.png);
    background-repeat: no-repeat;
}
.archive a.hide
{
    color: #7E97AB;
}
#rightBar ul.archive li a:hover
{
    text-decoration: none;
}
#rightBar .archive ul a:hover
{
    text-decoration: none;
    color: #000080;
}
.archive a i, a.hide i
{
    color: #7E97AB;
    font-style: normal;
    text-decoration: none;
}
.bullets a i
{
    color: #DAE1E7;
    font-style: normal;
    text-decoration: none;
    padding-right: 7px;
}
.archive .footer
{
}
.archive .footer span
{
    display: none;
}


/* form box styling */
.latestBlogpost
{
    display: block;
    padding: 10px 20px;
    background-color: #FFFFFF;
}
.delimBox
{
    border-width: 1px;
    border-color: #F5F6F8;
    display: block;
    margin-bottom: 15px;
    background-color: #CDD5DE;
    padding-top: 10px;
    padding-left: 10px;
    margin-right: 20px;
    border-top-style: solid;
    border-bottom-style: solid;
    text-align: center;
}
.RHSdelimBox
{
    border-width: 1px;
    border-color: #F5F6F8;
    display: block;
    margin-bottom: 5px;
    background-color: #CDD5DE;
    padding-top: 10px;
    padding-left: 10px;
    border-top-style: solid;
    border-bottom-style: solid;
}
.tableWidth
{
    width: 620px;
}
.blueBox
{
    border: 1px solid #FFFFFF;
    display: block;
    margin-bottom: 5px;
    background-color: #CDD5DE;
    padding-top: 10px;
    padding-left: 10px;
}
.formBox
{
    border: 1px solid #FFFFFF;
    display: block;
    margin-bottom: 20px;
    background-color: #CDD5DE;
    padding-top: 20px;
    padding-left: 20px;
    margin-right: 20px;
}
.formBox p
{
    padding-left: 20px;
}
.formBox label
{
    display: inline-block;
    width: 150px;
    text-align: right;
}
.formBox .shortTB
{
    width: 200px;
}

/* registerBox styling */



/* calendar */

.floatL td
{
    background-color: #246173;
}
.floatL th
{
    padding: 1px;
    background-color: #1A4451;
    color: #FFFFFF;
    font-size: 80%;
}