/*index page*/
#indTop
{
    width: 992px;
    height: 65px;
    position:relative;
    float: left;
    background-color:#fff;
}
#indTopLeft
{
    width: 260px;
    height: 55px;
    position:relative;
    float: left;
}
#indTopMiddle
{
    margin-top:0px;
    width: 472px;
    height: 65px;
    position:relative;
    float: left;
}
#indTopRight
{
    width: 260px;
    height: 55px;
    position:relative;
    float: left;
}


#indMiddle
{
    width: 992px;
    position:relative;
    float: left;
    background-color: #fff;
}

#indMiddleLeft
{
    width: 220px;
    padding: 20px 0px 10px 10px;
    margin-right: 10px;
    position: relative;
    float: left; 
    line-height: 30px;
}
#indMiddleMiddle
{
    width: 492px;
    position:relative;
    float: left;
    color: #777;
    font-family: Arial;
    font-size: 12pt;
}
#indMiddleRight
{
    margin-right: 10px;
    width: 250px;
    padding: 10px 0px 10px 0px;
    position:relative;
    float: left; 
    line-height: 20px;
    font-size: 10pt;
    color: #777;
}




#indMiddleLeft .occmenu
{
    width: 210px;
    padding: 0px 0px 0px 10px;
    position:relative;
    float: left;
}
#indMiddleLeft .occmenu a
{
    font-size: 12pt;
    color: #999;
    text-decoration: none;
}
#indMiddleLeft .occmenu a:hover
{
    font-size: 12pt;
    color: #99cc00;
    text-decoration: none;
}
#indMiddleLeft .ads
{
    width: 220px;
    padding: 10px 0px 0px 0px;
    position:relative;
    float: left;
    text-align:center;
}
#indMiddleLeft .whitebox
{
    border: solid 1px #ddd;
    width: 200px;
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    position:relative;
    float: left; 
}
#indMiddleLeft .whitebox a
{
    font-size: 8pt;
    line-height: 20px; 
    color: #777; 
    text-decoration: none;
}
#indMiddleLeft .whitebox a
{
    font-size: 8pt;
    line-height: 20px; 
    color: #777; 
}
#indMiddleLeft .whitebox a:hover
{
    font-size: 8pt;
    color: #99cc00;
    text-decoration: none;
}
#indMiddleLeft .whitebox .title
{
    font-size: 12pt;
    line-height: 20px;  
}

#indMiddleMiddle .whitebox
{
    width: 482px;
    position:relative;
    float: left;
    margin: 5px 10px 5px 0px;
}
#indMiddleMiddle .image
{
    width: 270px;
    position:relative;
    float: left;
}
#indMiddleMiddle .bluebox
{
    border: solid 1px #33cccc;
    background-color: #e5ffff;
    width: 450px;
    margin: 20px 10px 0px 0px;
    padding: 10px 10px 10px 10px;
    font-family: Comic Sans MS; 
    font-size: 11pt; 
    color:#333; 
    line-height: 25px;
    position:relative;
    float: left;
}
#indMiddleMiddle .cardtext
{
    width: 210px;
    color: #333;
    font-family: Comic Sans MS, Arial;
    font-size: 12pt;
    position:relative;
    float: left;
    margin-top: 50px;
}
#indMiddleMiddle .text
{
    width: 210px;
    color: #333;
    font-family: Arial;
    font-size: 10pt;
    position:relative;
    float: left;
    margin-top: 20px;
}
#indMiddleMiddle a
{
    color: #777;
    font-family: Arial;
    font-size: 10pt;
}
#indMiddleMiddle a:hover
{
    color: #99cc00;
}

#indMiddleRight .testimonial
{
    width: 244px;
    padding: 5px 5px 5px 5px;
    position:relative;
    float: left; 
}
#indMiddleRight .testimonialSource
{
    width: 244px;
    padding: 0px 5px 5px 5px;
    text-align: right;
    color: #333;
    border-bottom: solid 1px #ddd;
    position:relative;
    float: left; 
}
#indMiddleRight .whitebox
{
    border: solid 1px #ddd;
    width: 200px;
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    position:relative;
    float: left; 
}
#indMiddleRight .whitebox a
{
    font-size: 8pt;
    line-height: 20px; 
    color: #777; 
    text-decoration: none;
}
#indMiddleRight .whitebox a
{
    font-size: 8pt;
    line-height: 20px; 
    color: #777; 
}
#indMiddleRight .whitebox a:hover
{
    font-size: 8pt;
    color: #99cc00;
    text-decoration: none;
}
#indMiddleRight .whitebox .title
{
    font-size: 12pt;
    line-height: 20px;  
}
#indMiddleRight .ads
{
    text-align:center;
    width: 254px;
    padding: 10px 0px 10px 0px;
    position:relative;
    float: left;
    border-bottom: solid 1px #ddd;
}
#indMiddleRight .pinkbox
{
    margin-top: 10px;
    margin-bottom: 10px;
    border:solid 1px #fe99cb; 
    background-color: #fff6ff;
    width: 234px;
    padding: 10px 10px 10px 10px;
    font-family: Arial; 
    font-size: 8pt; 
    color:#777; 
    line-height: 20px;
    position:relative;
    float: left; 
}
#indMiddleRight .pinkbox .title
{
    color: #333;
    font-size: 10pt;
    margin-bottom: 10px;
    position:relative;
    float: left; 
    width: 234px;
}
.info
{
    margin-top: 20px;
    margin-bottom: 10px;
    width:698px;
    font-size: 12pt;
    color: #777;
    position:relative;
    float: left;
    border: solid 1px #ddd;
    padding: 10px 10px 10px 10px;
}
.info b
{
    color: #777;
    font-size:14pt;
}
.info a
{
    color: #777;
    font-size: 14pt;
    text-decoration: none;
}
.info a:hover
{
    color: #99cc00;
}
/*end of index page*/
body
{
    text-align: center;
	background-color: #98dffc;
	padding-top: 15px;
}
body,p,td
{
	font-family: arial;
	font-size: 11px;
	/*vertical-align: top;*/
	color: #001027;
}
.lightText
{
	color: #23272D;
}
a
{
	color: #777;/*color: #fb9b15;*/
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
}
h1
{
	color: #fe99cb;
	margin-bottom: 0;
	font-size: 18pt;
	font-weight: bold;
}
h2
{
	color: #777;/*color: #fb9b15;*/
	margin-bottom: 0;
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
}
h4
{
	color: #777;
	font-size: 10pt;
	margin-bottom: 5px;
	margin-top: 0px;
}
h3
{
	color: #777;/*color: #093557;*/
	margin-bottom: 0;
}
ul
{
    color:inherit;
}
li
{
    color: inherit;
}
.bigText
{
	font-size: 14pt;
	font-weight: bold;
}
a.mediumLink
{
	font-size: 10pt;
	font-weight: bold;
}

div.hideme
{
	display: none;
}
div.showme
{
	display: block;
}
/*-------------------------coloured boxes-------*/
td.outerEnvelope
{
	width: 250px;
	height: 205px;
	background-image: url('../images/env.jpg');
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
}
td.bluewide
{
	width: 225px;
	height: 150px;
	background-image: url('../images/blueMiddle.gif');
	background-repeat: no-repeat;
}
td.bluewidefade
{
	width: 225px;
	height: 150px;
	background-image: url('../images/blueMiddleFade.gif');
	background-repeat: no-repeat;
}
td.bluenarrow
{
	width: 150px;
	background-image: url('../images/blueSide.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.blueFullWidthTop
{
	width: 750px;
	background-image: url('../images/blueFullWidthTopSlice.gif');
	background-repeat: no-repeat;
	height: 34px;
}
td.blueFullWidthTile
{
	width: 750px;
	background-image: url('../images/blueFullWidthTile.gif');
	background-repeat: repeat-y;
}
td.blueFullWidthBottom
{
	width: 750px;
	background-image: url('../images/blueFullWidthBottomSlice.gif');
	background-repeat: no-repeat;
	height: 34px;
}
td.blueoutlinenarrow
{
	width: 150px;
	background-image: url('../images/blueoutlineSide.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.blue520Top
{
	width: 520px;
}
td.blue520Tile
{
	width: 520px;
}
td.blue520Bottom
{
	width: 520px;
}
td.greenwide
{
	width: 225px;
	background-image: url('../images/greenMiddle.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.greennarrow
{
	width: 150px;
	background-image: url('../images/greenSide.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.greennarrowfade
{
	width: 150px;
	background-image: url('../images/greenSideFade.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.greenSideTop
{
	height: 34px;
	width: 150px;
	background-image: url('../images/greenSideTopSlice.gif');
	background-repeat: no-repeat;
}
td.greenSideTile
{
	width: 150px;
	background-image: url('../images/greenSideTile.gif');
	background-repeat: repeat-y;
}
td.greenSideBottom
{
	height: 34px;
	width: 150px;
	background-image: url('../images/greenSideBottomSlice.gif');
	background-repeat: no-repeat;
}
td.orangenarrow
{
	width: 150px;
	background-image: url('../images/orangeSide.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.orangeoutlineStarlight
{
	width: 150px;
	background-image: url('../images/pinksideFadeStarlight.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.orangenarrowfade
{
	width: 150px;
	background-image: url('../images/orangeSideFade.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.orangeoutlineSideTop
{
	height: 34px;
	width: 150px;
	background-image: url('../images/orangeoutlineTopSlice.gif');
	background-repeat: no-repeat;
}
td.orangeoutlineSideTile
{
	width: 150px;
	background-image: url('../images/orangeoutlineTile.gif');
	background-repeat: repeat-y;
}
td.orangeoutlineSideBottom
{
	height: 34px;
	width: 150px;
	background-image: url('../images/orangeoutlineBottomSlice.gif');
	background-repeat: no-repeat;
}

td.orangeoutline400Top
{
	height: 31px;
	width: 400px;
	background-image: url('../images/orangeoutline400Top.gif');
	background-repeat: no-repeat;
}
td.orangeoutline400Tile
{
	width: 400px;
	background-image: url('../images/orangeoutline400Tile.gif');
	background-repeat: repeat-y;
}
td.orangeoutline400Bottom
{
	height: 31px;
	width: 400px;
	background-image: url('../images/orangeoutline400Bottom.gif');
	background-repeat: no-repeat;
}

td.orangeOutline325Top
{
	height: 32px;
	width: 325px;
	background-image: url('../images/orangeoutline325Top.gif');
	background-repeat: no-repeat;
}
td.orangeOutline325Tile
{
	width: 325px;
	background-image: url('../images/orangeoutline325Tile.gif');
	background-repeat: repeat-y;
}
td.orangeOutline325Bottom
{
	height: 32px;
	width: 325px;
	background-image: url('../images/orangeoutline325Bottom.gif');
	background-repeat: no-repeat;
}
td.orange330Top
{
	height: 34px;
	width: 330px;
	background-image: url('../images/orange330TopSlice.gif');
	background-repeat: no-repeat;
}
td.orange330Tile
{
	width: 330px;
	background-image: url('../images/orange330Tile.gif');
	background-repeat: repeat-y;
}
td.orange330Bottom
{
	height: 34px;
	width: 330px;
	background-image: url('../images/orange330BottomSlice.gif');
	background-repeat: no-repeat;
}
td.pinkwide
{
	width: 225px;
	background-image: url('../images/pinkMiddle.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.pinknarrow
{
	width: 150px;
	background-image: url('../images/pinkSide.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.pinknarrowfade
{
	width: 150px;
	background-image: url('../images/pinkSideFade.gif');
	background-repeat: no-repeat;
	height: 150px;
}
td.pink330Top
{
	height: 33px;
	width: 330px;
	background-image: url('../images/pink330TopSlice.gif');
	background-repeat: no-repeat;
}
td.pink330Tile
{
	width: 330px;
	background-image: url('../images/pink330Tile.gif');
	background-repeat: repeat-y;
}
td.pink330Bottom
{
	height: 34px;
	width: 330px;
	background-image: url('../images/pink330BottomSlice.gif');
	background-repeat: no-repeat;
}
/*---------------------------------drop down lists--*/
.selector
{
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #093557;
}
.searchSelector
{
	width: 150px;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #093557;
}
.countryselector
{
	width: 145px;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #093557;
}
select
{
	font-family: arial;
	font-size: 12px;
}
/*---------------------*/


/*---------------------------------input-------*/
input
{
	font-size: 10px;
	font-weight: bold;
	color: #093557
}
.smallInput
{
	width: 70px;
	font-size: 10px;
	line-height: 14px;
	color: #093557;
}
/*---------------------*/
img.cursorHand
{
	cursor: hand;
}

/*----------------------------------Menus--------*/
.titleOccasionMenu
{
	color: #000000;
	cursor: hand;
	text-decoration: none;
}
.titleOccasionMenu:hover
{
	text-decoration: underline;
}
.occasionMenu
{
	color: #093557;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	cursor: hand;
}
.occasionMenu:hover
{
	text-decoration: underline;
}
.bottomMenu
{
	color: #23272D;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	cursor: hand;
}
.bottomMenu:hover
{
	text-decoration: underline;
}
td.BrowseMenu
{
	background-image: url('../images/BrowseBoxTile.gif');
	background-repeat: repeat-y;
	color: #23272D;
}
td.BrowseMenu420
{
	background-image: url('../images/BrowseBoxTile420.gif');
	background-repeat: repeat-y;
	color: #23272D;
}
a.TagMenu
{
	color: #33cccc;
	/*font-size: 10px;*/
	line-height: 14pt;
	text-decoration: none;
	cursor: hand;
}
a.TagMenu:hover
{
	text-decoration: underline;
}
a.BrowseMenu
{
	color: #23272D;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	cursor: hand;
}
a.BrowseMenu:hover
{
	text-decoration: underline;
}
.submenu
{
	text-align: center;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
.submenu:hover
{
	text-decoration: underline;
}
.MainMenu
{
	color: #23272D;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
.MainMenu:hover
{
	color: #99cc00;
	text-decoration: underline;
}
.CardNav
{
	color: #23272D;
	font-size: 12px;
	text-decoration: none;
	font-weight:bold;
}
.CardNav:hover
{
	text-decoration: underline;
}
.CardNavOrange
{
	color: #fd9d15;
	font-size: 12px;
	text-decoration: none;
}
.CardNavOrange:hover
{
	color: #fd9d15;
	text-decoration: underline;
}
.TopMenu
{
	color: #096587;
	font-size: 10px;
	text-decoration: none;
}
.TopMenu:hover
{
	color: #23272D;
}
/*---------------------*/




/*------------------------------------Writing a Card-------*/
.cardBox
{
	font-size: 10px;
	vertical-align: top;
	border: 1px;
	border-color: Black;
	border-style: solid;
	background-color: White;
}

.dashedright
{
	border-right: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
}

/*---------------------*/


/*------------------------------------Index search boxes-------*/
td.searchBox
{
	vertical-align: middle;
	width: 115px;
	text-align: center; 
	background-repeat: no-repeat;
}
td.occSearchBox
{
	background-image: url('../images/OccLabel.gif');
}
td.ctpSearchBox
{
	background-image: url('../images/CtpLabel.gif');
}
td.forSearchBox
{
	background-image: url('../images/WhoLabel.gif');
}



/*------------------------------------Information boxes-------*/
td.infobox
{
	width: 200px;
	height: 100px;
	background-image: url("../images/shpRoundRectServices.gif"); 
	background-repeat: no-repeat;
	font-size: 10px;
	color: #23272D;/*#fc9c15;*/
}
b.infobox
{
	color: #fc9c15;
	font-size: 12px;
}

/*----------------------------------divs--------------------------*/
.hide
{
	display: none;
}
.show
{
	display: block;
}
.mousehand
{
	display: inline;
	cursor: hand;
}

.FrontText
{
    font-family: Comic Sans MS Arial;
    border-bottom: 20px;
}