body
{
        font-family: Arial, FreeSans, sans-serif;
}

div#customStyle 
{
        text-align: left;
        width: 1003px;
        margin: 0px auto;
        background-image: url(../images/bk.gif);
        background-repeat: repeat-y;
        background-position: top center;
}

div#mainMast
{
        height: 123px;
        background-image:url(../images/webhaven_international.gif);
        background-position: top center;
        background-repeat: no-repeat;
}



#searchContainer
{
        float: right;
        margin: 0px 10px 0px 0px;
        padding: 0px;
        height: 100px;
        width:225px;
}

#language
{
	padding: 5px;
	text-align: center;
	top: 0;
	width: 60px;
	height: 60px;
	font-size: 10px;
	float: right;
	clear: left;
	display: inline-block;
}

#language img.flag
{
	margin: 5px;
	display: inline-block;
}

div#mainNavigationarea
{
        width: 221px;
        float: right;
        padding: 0px;
        padding-right: 2px;
}


div#mainBody
{
        position: relative;
        width: 975px;
        min-height: 550px;
        margin: 0px 0px 0px 15px;
}

div#mainImage
{
        width: 726px;
}

div#customStyle #strapText
{
        float: right;
        height: auto;
        vertical-align: middle;
        text-align: right;
        color: #003c60;
        font-size: 14px;
        padding: 40px 20px 0px 0px;

}

div#customStyle #strapText h1, div#customStyle #strapText h2
{
        font-size: 24px;
        font-weight: normal;
        line-height: 125%;
}

div#customStyle #strapText h3, div#customStyle #strapText h4, div#customStyle #strapText h5, div#customStyle #strapText h6
{
        line-height: 125%;
}

div#customStyle #strapText p
{
        line-height: 175%;
}               

div#rightContent
{
        clear: all;
	width: 204px;
	margin: 30px 0px 10px 8px;
}

/*main Content text layouts*/


div#twoColumns
{

	width: 100%;
	padding: 10px;
        border-right: #efefef 1px solid;
}

#mainBodyblog div#twoColumns {
border-right: 0px;
}


div#columnLeft
{
        width: 360px;
        float:left;
}


div#columnRight
{
        width: 360px;
        float:right;
}

div#mainContent
{
        width: 726px;
        margin-left: 0px;
        background-image:url(../images/slightshadow.jpg);
        background-repeat: repeat-x;
        height: auto;
        min-height: 400px;
        padding: 0px;
        font-size: 10pt;
        float: left;
}

#mainContent div#twoColumns ol li
{
	list-style-type: none;
	list-style-image: url(../images/ico-bullet.gif);
	list-style-position: outside;
}

div#customStyle h1, div#customStyle h2, div#customStyle h3, div#customStyle h4, div#customStyle h5, div#customStyle h6
{
        color: #252535;
}

div#customStyle h1, div#customStyle h2
{
        line-height: 125%;
        font-weight: normal;
}

div#customStyle h3, div#customStyle h4, div#customStyle h5, div#customStyle h6
{
        line-height: 125%;
}

div#customStyle p
{
        line-height: 150%;
}

div#customStyle h1
{
        font-size: 15pt;
}

div#customStyle h2
{
        font-size: 14pt;
}

div#customStyle h3
{
        font-size: 10pt;
}

div#customStyle h4
{
        font-size: 10pt;
}

div#customStyle h5
{
        font-size: 10pt;
}

div#customStyle h6
{
        font-size: 10pt;
}


div#mainFooter
{

        width: 1003px;
        height: 56px;
        margin: 0px auto;
        background-image:url(../images/btshadow.gif);
        background-position: bottom center;
        background-repeat: repeat-x;
}

div#mainFooter div#footerText
{
        padding-top: 15px;
        font-size: 8pt;
        text-align: center;
}

/*forms */
div.mainText {

}

div#customStyle div.mainText table.contactTable
{
        font-weight: normal;
        font-size: 9pt;
        line-height: 100%;
        color: #111;

}

div#customStyle div.mainText table.contactTable td
{
        white-space: nowrap;
        height: 17px;
        width: 100%;
        padding-left: 10px;
}

div#customStyle div.mainText table.contactTable td.formField input
{
        padding-right: 20px;
}

/* end forms */

/* basic layout templates */

div.textbox
{
        margin: .5em;
	margin-bottom: 1em;
}

/* Light Blue Boxes */

.ibox span.content
{
        padding-bottom: 5px;
        line-height: 150%;
}


.ibox, .iboxFlat
{
	border: 1px solid #9ecde0;
	background: #f0f7fb;
	margin: 2em .5em 1em .5em;
	padding: 0px;
	position: relative;
	bottom: -1px;
}

.ibox div, .iboxFlat div { margin: -1px; }

.ibox div div
{
	background: url(/webhaven1website/images/grad/bl.gif) no-repeat 0 100%;
	margin: 0;
}

.ibox div div div 
{ 
        background: url(/webhaven1website/images/grad/br.gif) no-repeat 100% 100%; 
}

.ibox div div div div
{
	background: url(/webhaven1website/images/grad/tl.gif) no-repeat 0 0;
	position: relative;
	top: -4px;
	margin-right: 5px;
}

.ibox div div div div div
{
	background: url(/webhaven1website/images/grad/tr.gif) no-repeat 100% 0;
	top: 0;
	right: -5px;
	margin-right: 0;
	padding: 1px 5px 1px 5px;
	height: 1%;
}

.iboxFlat div div
{
	background: url(/webhaven1website/images/flat/bl.gif) no-repeat 0 100%;
	margin: 0;
}

.iboxFlat div div div 
{ 
        background: url(/webhaven1website/images/flat/br.gif) no-repeat 100% 100%; 
}

.iboxFlat div div div div
{
	background: url(/webhaven1website/images/flat/tl.gif) no-repeat 0 0;
	position: relative;
	top: -4px;
	margin-right: 5px;
}

.iboxFlat div div div div div
{
	background: url(/webhaven1website/images/flat/tr.gif) no-repeat 100% 0;
	top: 0;
	right: -5px;
	margin-right: 0;
	padding: 1px 5px 1px 5px;
	height: 1%;
}

.iboxFlat span.content p
{
        margin-top: 5px;
        margin-bottom: 2px;
}

.iboxFlat h1, .iboxFlat h2, .iboxFlat h3, .iboxFlat h4, .iboxFlat h5, .iboxFlat h6
{
        margin-top: 5px;
        margin-bottom: 0px;
}


/* End Light Blue Boxes */



div#customStyle a
{
	text-decoration: none;
}


div#mainNavigation
{
        width: 221px;
        height: auto;
        padding: 0px;
        margin: 0px 3px 0px 0px;
}

div#mainNavigation div.navOn
{       
        width: auto;
        display: block;
        border: #45a9da 1px solid;
        padding: 10px 0px 10px 10px;
        margin: 4px 0px 4px 0px;
        background-image: url(../images/bktest.gif);
        background-repeat: no-repeat;
        font-size: 18px;
}

div#mainNavigation div.navOff
{
	width: auto;
        display: block;
        border: #cccccc 1px solid;
        padding: 10px 0px 10px 10px;
        margin: 4px 0px 4px 0px;
        font-size: 18px;
}

div#mainNavigation div a
{
        font-family: Arial, FreeSans, sans-serif;
        color: #006aaa;
        text-decoration: none;
        display: block;
        width: 200px;
}


div#mainNavigation a sup
{
        font-size: 65%;
        text-decoration: none;
}


div#mainNavigation a.menuOn:link, div#mainNavigation a.menuOn:visited
{
	display: block;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	color: #006aaa;
	padding: 5px 0px 5px 10px;
        margin: 4px 0px 4px 0px;
        font-size: 16px;
	background-image: url(../images/leftfadebullet.gif);
	background-repeat: no-repeat;
	background-position: -3px center;
	border: 0px solid;
}

div#mainNavigation a.menuOn:hover

{
	text-decoration: none;
}

div#mainNavigation a.menuOff:link, div#mainNavigation a.menuOff:visited {
	
	display: block;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	color: #006aaa;
	padding: 5px 0px 5px 10px;
        margin: 4px 0px 4px 0px;
        font-size: 16px;
        border: 0px solid;

}

div#mainNavigation a.menuOff:hover

{

	text-decoration: none;
}

div#mainNavigation a.submenuOn1:link, div#mainNavigation a.submenuOn1:visited {
	
	display: block;
	vertical-align: middle;
	text-align: left;
	line-height: 20px;
	height: 19px !important;
	height: 19px;
	text-decoration: none;
	padding-left: 30px;
	color: #006aaa;
	font-size: 12px;
	font-weight:bold;
	background-image: url(../images/menuarrow.gif);
	background-position: 17px top;
	background-repeat: no-repeat;
}

div#mainNavigation a.submenuOn1:hover

{
		text-decoration: none;
}

div#mainNavigation a.submenuOff1:link, div#mainNavigation a.submenuOff1:visited {
	
	display: block;
	vertical-align: middle;
	text-align: left;
	line-height: 20px;
	height: 19px !important;
	height: 19px;
	text-decoration: none;
	padding-left: 30px;
	color: #006aaa;
	font-size: 12px;
}

div#mainNavigation a.submenuOff1:hover

{
	
	
	text-decoration: underline;
}




/*blog*/


div#mainMastblog
{
        height: 123px;
        background-image:url(../images/webhaven_international_blogging.gif);
        background-position: top center;
        background-repeat: no-repeat;

}


div#mainBodyblog
{
        width: 915px;
        min-height: 550px;
        margin: 15px 0px 0px 25px;  
}

div#blog
{

        width: 950px;
}

div#blog div#columnLeft
{
        width: 670px;
        font-size: 10pt;
}

div#blog div#columnRight
{
                width: 215px;
                border-left: 1px solid #ccc;
                min-height: 450px;
                padding-left: 10px;
                padding-right: 2px;
}

div#blog_categoryList
{
        padding: 5px 20px 0px 5px;
        position: relative;
}

div#blog_subscribeList
{
        padding: 5px 20px 0px 5px;
}


.publishDate
{
        font-size: 10pt;
        color: #999;
}

.commentCount, .commentCount a
{
        font-size: 9pt;
        color: #999;
}

.commentText
{
        font-size: 9.5pt;
        color: #666;
}

.replyText
{
        font-size: 8.5pt;
        color: #666;
}

.commentTable td
{
        font-size: 9.5pt;
        color: #333;
}

.replyIcon
{
        margin: 3px 10px 5px 0px;
}

table.subscribeTable td
{
        font-size: 9pt;
        padding: 5px;
}

table.subscribeTable td img
{
        margin-bottom: 3px;
}