/* CSS Document - 06/11/2011 */


body {
	margin: 0;
	text-align: center;/*correct IE bug */
 	background-color: #FFFFFF; 
 	font-family: Tahoma, Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #000000;
	height: 100%;
	background-image:url(../Resources/background.jpg);
	background-repeat: repeat-x;
}

span#hide {/*back to graphic version on the text only version - hide on the graphic version*/
	position: absolute;
	top: -1000px;
}



/**************
common tag
**************/

p {
	border: 0;
	margin: 0;
	padding: 0;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a, a:visited, a:link {
	color: #660000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}
form {
	border: 0;
	margin: 0;
	padding: 0;
}

h1{
	margin-top:0;
	font-size:18px;
}
h1 span{
color: #999999;
}
h2{
	font-size:14px;
	color: #333333;
	margin-top:20px;
}

h3 span{
color: #999999;
}
h4{font-size:14px;
	color: #333333;
	margin-top:20px;
	margin-bottom:0px;
	}


hr{
	background-color:#999999;
	border: 0px;
	height: 1px;
	margin-top: 3px;
	margin-bottom: 16px;
	clear:both;
}

/**************
general class
**************/



.imgAlignMiddle {
	vertical-align: middle;
}

.imgAlignTop {
	vertical-align: top;
}
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}
.imgMargin{
	margin-bottom:10px;
	margin-top:0px;
	margin-right:5px;
	margin-left:0px;
	border: 0px #666666 solid;
}

.imgMarginBottom{
	margin-bottom:10px;
	border: 0px #666666 solid;
}

.imgMarginLeftRight{
	margin-right:5px;
	margin-left:5px;
}
.margin15{
	margin-top: 15px;
}
.button{
	border: #999999 1px solid;
	width: 100px;
	height: 19px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
}


.imgLeftMargin{
margin-right: 15px;
margin-bottom: 15px;
float: left;
margin-top: 7px;
margin-left: 0px;
}
.wideImg{
margin-top: 5px;

}
.imgRightMargin{
float:right;
margin-left:5px;
margin-top:5px;
}

.insightMainLink{
font-size:11px;
margin-top:0px;
margin-top:10px;}

/**************
main structure
**************/

div#global{/* includes everything:  main div  and footer*/
 	margin: auto;
	width: 900px;/* page size */
	text-align: left;
	background:none;/* if changed it will affect the background color of the footer*/
	display: table;/* necessary to work with height 100%*/
	border:1px solid  #666666;
	background-color:#FFFFFF;
}

div#header {
	height: 130px;
	width: 900px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom:1px solid  #666666;
	text-align:right;
	background-image:url(../Resources/header.jpg);
	background-repeat:no-repeat;
}

div#main {
	background-color: #FFFFFF; 
	width: 900px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	background-image:url(../Resources/bkg_main.gif);
	background-repeat:repeat-y;
}

/**** DIV's for the second level ****/
div#mainAbout {
	background-color: #FFFFFF; 
	width: 900px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	background-image:url(../Resources/bkg_main_2.gif);
	background-repeat:repeat-y;
	
}
div#mainServices{
	background-color: #FFFFFF; 
	width: 900px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	background-image:url(../Resources/bkg_main_2.gif);
	background-repeat:repeat-y;
	
}

div#mainNews{
	background-color: #FFFFFF; 
	width: 900px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	background-image:url(../Resources/bkg_main_2.gif);
	background-repeat:repeat-y;
	
}
/**** DIV's for tje second level END****/



div#menuMain {
	width: 900px; 
	height: 20px;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom:1px solid  #666666;
}

/* from here be really carefull of size  margin and padding - if a div doesn't have enough space it will go under the other.

quick reminder :
-> FOR ALL BROWSER : width or height = content size + padding + border.
-> FOR IE : width or height = content size including padding and border.

 */
 

 
 
 
div#columnNav {
	float:left;
	width: 278px;
	min-height: 400px; /* understood by all browser will set the size to that minimum size if not enough content. IE will need a proper height  */
	height: 100%; /* compulsory for the content to push other bloc down  */
	display:block;
	border: 0;
	margin: 0;
	padding: 10px;
}

/***only for the home page***/

div#columnServices{
	float:left;
	min-height: 400px; 
	height: 100%; 
	width:280px;
	display:block;
	border: 0;
	margin: 0;
	padding: 10px;
}
div#columnNews {
	float:left;
	width: 280px;
	min-height: 400px; /* understood by all browser will set the size to that minimum size if not enough content. IE will need a proper height  */
	height: 100%; /* compulsory for the content to push other bloc down  */
	display:block;
	margin: 0;
	border: 0;
	padding: 10px;

}
/***only for the home page END***/


div#columnContent{ /* div that contains the main content necessary to allow a background behind - if no background is needed then get rid of it */ 
	float:left;
	width:600px;/* Width of content carefull of padding and border */
	
}
div#contentHomePages{
float:left;
	width:900px;/* Width of content carefull of padding and border */
	background-color:#FFFFFF;
	min-height:420px;
	height:100%;
}
/* this is a legacy style form the old site */
div#columnContent p.newsheader {
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    color: #C29342; /*switched to new site's news color */
}
/*Bottom link menu*/
div#bottomLink{
	height: 56px;
	width: 900px;
	overflow:auto;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	float:left;
	border-top:1px solid #666666;
}

div#contentAll{
	position:relative;
}
/*Bottom link menu END*/

div#footer{
	height:50px;
	width: 900px;
	display:block;
	border: 0;
	margin: auto;
	padding: 0;
	text-align:right;
	margin-bottom:10px;
	
}


/**************
header class
**************/
p.headerText {
	margin-right:13px;
	text-align:right;
	font-size:11px;
	float:right;
} 
div.accessLinks {
	margin-left:10px;
	margin-top:13px;
	width:300px;
	display:block;
	float:left;
	text-align:left;
	font-size:11px;
}

div#header a, div#header a:visited, div#header a:link{
	color: #660000;
	text-decoration: none;
	font-weight:normal;
	 	font-family: Tahoma, Helvetica Neue,Helvetica,Arial,sans-serif;

}
div#header p{
color:#000000;}

.logoClear{
	width: 430px;
	height: 80px;
	margin-top: 0px;
	display: block;
}

/**************
Menu class
**************/
#menuMain div{
	display:block;
	float:left;
	width:289px;
	height:16px;
	padding:2px;
	font-weight:bold;
	font-size:14px;
	padding-left:8px;
	border-right:1px solid #666666;
}

#menuMain div#menuRight, #menuMain div#menuRightSelected{
border-right:0px;
width:290px;
}

/*class for the DIV within mainMenu*/
#menuLeft, #menuMiddle, #menuRight {
	background-color:#f2f2f2;
}
#menuLeft:hover{
	background-color:#1294a5;
}
#menuMiddle:hover{
	background-color:#8f936e;
}
#menuRight:hover {
	background-color:#c29342;
}
/*class for the DIV within mainMenu EMD*/

/*class for the links*/
#menuLeft a:hover, #menuLeft:hover a, #menuMiddle a:hover, #menuMiddle:hover a, #menuRight a:hover, #menuRight:hover a{
color: #000000;
text-decoration:none;
}
/**LEFT*/
#menuLeft a{
color: #1294a5;
}
#menuLeftSelected{
background-color: #1294a5;
}
#menuLeftSelected a{
color:#000000;
}

/**MIDDLE*/
#menuMiddle a{
color: #7F8463;
}
#menuMiddleSelected{
background-color: #8f936e;
}
#menuMiddleSelected a{
color:#000000;
}

/**RIGHT*/
#menuRight a{
color: #c29342;
}
#menuRightSelected{
background-color: #c29342;
}
#menuRightSelected a{
color: #000000;
}
/*class for the links END*/

.popupMenu { background:#eee; border:1px #333 solid; width:80px; }
.popupMenu a { font-size:11px !important; color:#333 !important; font-weight:normal !important; padding:4px; display:block; }
.popupMenu a:hover { background:#333; color:#eee !important; }

.editTitle a { font-size:11px !important; color:#333 !important; }

/***specific to menu second level***/
div#mainAbout div#colorMenu{
background-color: #1294a5;
display:block;
width:900px;
height:4px;
}
div#mainServices div#colorMenu{
background-color: #8f936e;
display:block;
width:900px;
height:4px;
}
div#mainNews div#colorMenu{
background-color: #c29342;
display:block;
width:900px;
height:4px;
}



/**************
columnNav Class
**************/
.columnNavBox{
border-top:1px dotted #666666;
padding-top:5px;
margin-bottom:10px;
border-bottom:1px dotted #666666;
}

/**** specific to menu about ****/
div#menuAbout{
height:435px;
display:table;
}
div#donation{
border:0px;
height:75px;
background-image:url(../Resources/img_left.jpg);
background-repeat:repeat-x;
}
.leftBox{
border-top:1px dotted #666666;
padding-top:5px;
margin-bottom:10px;
border-bottom:1px dotted #666666;
}
div#menuAbout h3{
color:#1294a5;
margin-bottom:5px;
margin-top:0px;
}
div#menuAbout ul{
padding-bottom:5px;
}
div#menuAbout ul li a{
font-size:13px;
font-weight:bold;
color:#1294a5;
}
div#menuAbout ul li{
line-height:18px;
}
div#menuAbout ul li ul li{
list-style:none;
margin-left:0;
line-height:14px;
}
div#menuAbout ul li ul li a{
font-size:11px;
color: #660000;
font-weight:normal;
}

#bottomLeft{
height:200px;
}
.clearAll{
clear:both;
}

/**** specific to menu services ***/

div#menuServices p{
margin-top:10px;
margin-bottom:10px;
font-size:11px;
color:#666666;
}

div#menuServices ul li a{
font-size:13px;
font-weight:bold;
color:#7F8463;
}
div#menuServices ul li{
line-height:18px;
}
div#menuServices ul li ul li, div#menuServices div.contentBox ul li{
list-style:none;
margin-left:0;
line-height:14px;
}
div#menuServices ul li ul li a, div#menuServices div.contentBox ul li a{
font-size:11px;
color: #660000;
font-weight:normal;
}
div#menuServices select{
width:278px;
margin-bottom:5px;
}
div#menuServices input{
outline-color: invert;
outline-style: none;
outline-width: medium;
padding-bottom: 4px;
}
div.contentBox{
border-top:dotted 1px #999999;
margin-top:5px;
margin-bottom:5px;
padding-top:5px;
padding-bottom:0px;
}
div.contentBox h3{
color:#7F8463;
margin-bottom:5px;
margin-top:0px;
}
div.contentBox span a{
font-size:11px;
margin-top:5px;
display:block;
}
.bkgMiddleBox{
background-image:url(../Resources/bkg_middle_box.gif);
background-repeat:repeat-x;
background-color:#CCCDC0;
padding-top:3px;
padding-bottom:3px;
}

#languages{
margin-left:5px;
font-size:11px;
color:#666666;
}

.flashOnTop{
z-index:-100;
}

/*****specific to menu News *******/
.imgNews{
vertical-align: middle;
margin-bottom:5px;
border-right: 1px #9998a0 solid;
border-bottom: 1px #9998a0 solid;
border-left: 1px #9998a0 solid;
float:right;
margin-left:5px;
}
div.rightBox{
border-bottom:dotted 1px #999999;
margin-top:0px;
margin-bottom:5px;
padding-top:0px;
padding-bottom:5px;
display:block;
width:auto;
}
div.rightBox h3{
color:#c29342;
margin-bottom:5px;
margin-top:0px;
}
div.rightBox div{
margin-bottom:3px;
color:#666666;
display:block;
clear:both;
}
div.rightBox div p a{
font-size:11px;
font-weight:normal;
}

.bottomLink a{
color:#c29342;
}
.bkgRightBox{
background-image:url(../Resources/bkg_right_box.gif);
background-repeat:repeat-x;
padding:4px;
background-color:#dac7a6;
}
div.rightBox span a{
font-size:11px;
margin-top:5px;
display:block;
}

/**************
content class
**************/

div#content{
padding:10px;
}
div#content p{
margin-bottom:10px;
color:#333333;
line-height:16px;
}
div#content h5{
font-size:13px;
margin:2px;
}
div#content ul li{
margin-left:20px;
list-style:disc;
color:#666666;
line-height:16px;
}
div#content ul, div#content ol{
margin-bottom:10px;
}
div#content ol li{
margin-left:20px;
list-style: decimal;
color:#666666;
line-height:16px;
}

div#content input.generalInput, div#content textarea {
border: #999999 1px solid;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 5px;
	padding-top: 3px;
	margin-top: 3px;
	margin-bottom: 16px;
	color: #000000;
	}
div#content input.generalInput{	
height: 20px;
}

div#content .specialInput{
width:15px;
height:15px;
vertical-align: text-top;
}

div#content textarea {
height:100px;}
	


div.subNav{
width:570px;
display:block;
padding:5px;
text-align:right;
border-bottom:#666666 1px dotted;
}
div.subNav a{
font-size:11px;
}
.date{
color:#999999;
font-size:11px;
}

/****************
different table
****************/
/*main table*/
div#content table{
border-collapse:collapse;
border-spacing:0px;
margin-bottom:10px;
margin-top:10px;
width:580px;
}

/*table with td that can have a grey background and border everywhere*/
div#content table.greyHeaderTable{
width:580px;
border-top:1px #666666 solid;
border-left:1px #666666 solid;
border-collapse:collapse;
border-spacing:0px;
margin-bottom:10px;
margin-top:10px;
}
div#content table.greyHeaderTable td{
border-bottom:1px #666666 solid;
border-right:1px #666666 solid;
padding:3px;
}
div#content table.greyHeaderTable td.cellHighlight{
background-color:#EBEBEB;
}

/*table for the team page*/
div#content table.team{
border-collapse:collapse;
border-spacing:0px;
border-top:1px solid #666666;
margin-bottom:10px;
}
div#content table.team td{
padding:5px 10px 5px 0px;
font-size:11px;
}
div#content table.team td.teamImg, .docImg{
width:80px;
}
div#content table.tablePubli{
border-collapse:collapse;
border-spacing:0px;
}
div#content table.tablePubli td{
vertical-align:top;
}
div#content table.tablePubli td h3{
margin-top:0px;
margin-bottom:0px;
}
div#content table.tablePubli td p.download{
margin-top:20px;}


/*table for all the forms*/
table.forms{
width:500px;
}
table.forms td{
vertical-align:top;
}

table.forms td.label{
width:120px;
}
.CheckBoxList{
width:250px;
}


/*diary and informtion service table*/
table.informationTable{
	width:500px;
	border-bottom:  #CCCCCC 1px solid;
	background-color:#f8f7f7;
}
table.informationTable td{
	   border-top: #dfdfdf 1px solid;
	   padding:10px;
 }





/***** specific to about***/
div#mainAbout div#content h1, div#mainAbout div#content p span, div#mainAbout div#content h5{
color:#1294a5;
}
/***** specific to Services***/
div#mainServices div#content h1, div#mainServices div#content p span, div#mainServices div#content h5{
color:#7F8463;
}
/***** specific to News***/
div#mainNews div#content h1, div#mainNews div#content p span, div#mainNews div#content h5 {
color:#c29342;
}


div#mainAbout div#content p span.compStar, div#mainServices div#content p span.compStar, .compStar{
font-size: 14px;
font-style: italic;
color: #ff0000;
}

/**************
thank you and newsletter page
*************/
#columnInfo{
width:300px;
display:block;
background-color:#FFFFFF;
height:420px;
float:left;
}

#columnResponses{
float:left;
width:570px;
padding:10px;
}
#columnResponses h1{
color:#333333;
margin-top:0px;
}
div#columnResponses ul li{
margin-left:20px;
list-style:disc;
color:#666666;
line-height:16px;
}
div#columnResponses ul, div#columnResponses ol{
margin-bottom:10px;
}
div#columnResponses p{
margin-bottom:10px;
color:#333333;
line-height:16px;
}

/**************
GOOGLE SEARCH STYLE
**************/
/* div wrapping the whole search*/
div.gsc-control {
  width: 550px;
  margin-top:30px;
}
/*link color*/
div#columnResponses .gs-result .gs-title, .gs-result .gs-title{
color: #660000;
text-decoration: underline;
}
div#columnResponses .gs-result .gs-title, .gs-result .gs-title *{
color: #660000;
text-decoration: underline;
}
/*copy link disappear*/
.gsc-keeper{
display:none;
}

/*more results link*/

.gsc-results .gsc-cursor-box div.gsc-trailing-more-results a{
display:none;
}
/**************
Bottom Link class
**************/
div#bottomLink div{
display:block;
float:left;
height:51px;
padding-left:5px;
}
div#logo{
text-align:right;
border-right:1px #666666 solid;
width:294px;
padding-bottom:2px;
}

div#search{
padding-top:5px;
background-color:#bec4b5;
border-right:1px #666666 solid;
width:294px;
}


div#newsletter{
border-right:0px #666666 solid;
width:295px;
padding-top:5px;
background-color:#AEAEAE;
}
div#bottomLink div input {
outline-color: invert;
 outline-style: none; 
 outline-width: medium;
 margin-right:5px;
 height:14px;
}
div#bottomLink div input.button {
height:19px;
}
div#bottomLink div p{
margin-top:0px;
font-size:11px;
color:#333333;
margin-bottom:2px;
}


/**************
footer class
**************/
div#footer p{
font-size:11px;
color:#514747;
}
div#footer a, div#footer a:visited, div#footer a:link{
	color: #660000;
	text-decoration: none;
	font-weight:normal;
	 	font-family: Tahoma, Helvetica Neue,Helvetica,Arial,sans-serif;

}


#columnResponses { padding:30px 10px; overflow:hidden; }
#bd { display:block; width:575px; text-align:left; }
#bd ol { margin:0; padding:0; margin-bottom:60px; }
#bd li { margin:0; padding:0; }
#bd .res { margin-bottom:10px; border-bottom:1px grey solid; padding-bottom:10px; }
#bd .res .abstract { margin-bottom:5px; }
#bd .res cite { font-size:11px; color:#aaaaaa; }
#bd h3 { font-size:14px; font-weight:normal; margin:0px 0px 3px 0px; padding:0; }
#bd a:focus { font-weight:bold; background:url(http://dev.ght.vcom/Resources/arrowdark.gif) 0px 5px no-repeat; padding-left:8px; }

#search h3 { font-size:12px; font-weight:normal; color:#660000; margin:0px 0px 3px 0px; padding:0; }

.inputip { font-size:11px; font-weight:normal; margin-top:6px; }

.ajax__calendar { margin:0; padding:0; width:100%; }
.ajax__calendar table { width:100%; }
.ajax__calendar table, .ajax__calendar tbody, .ajax__calendar thead, .ajax__calendar td, .ajax__calendar tr, .ajax__calendar_other { padding:0 !important; margin:0 !important; border:0; text-align:center; width:auto !important; } 
.ajax__calendar td { width:auto; }

.section { background:#ccc; margin:10px 0px; border-top:1px #bbb solid; border-bottom:1px #bbb solid; }
.section .sectionBox { padding:10px; }
.section .sectionBox .title { display:block; font-weight:bold; }
.section .sectionBox .inputBox { display:block; width:240px; padding:3px; margin:4px 0px; }

.ghtevents p { font-size:12px !important; }
.ghtevents p a { font-size:10px !important; }

#slider {
  width: 278px;
  margin: 0;
  position: absolute;
  _overflow: hidden;
  _top:8px;
  _left:-288px;
  _margin:0 !important;
  padding-bottom:10px;
}

.scroll {
  height: 278px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF;
}

.scrollContainer div.panel {
  padding: 0px;
  height: 324px;
  width: 278px; /* change to 560px if not using JS to remove rh.scroll */
}

#mexicanslider { height:290px; }