/* test.css */

body {
/* background-image:url(bkgnd.gif); */
background-repeat:repeat;
}

#sideMenu{
	width:100%;
	float:left;
	padding-left:0px;
	padding-right:0px;
	height:100%;
}

/***** STYLING FOR HEADER AREA ********/

#headerArea{
    width:100%;
    heigth:100%;
    font-family: calibri;
}

#headerArea #picHolder{
    float:left;
    height:100%;    /*Approx value based on frame rows-height/width ratios*/
    width:100%;     /*Approx value based on frame rows-height/width ratios*/
    margin-right:0%;
}

#headerArea #picHolder img{
    width:80%;      /*Approx value based on frame rows-height/width ratios*/
 /*       height:80%;   */  /*Approx value based on frame rows-height/width ratios*/ 
    align:top;
    margin:10%;
}
    
#headerArea h1{
    font-size:2em;
    font-weight:bold;
    margin:0%;
    padding:0%;
}

#headerArea h2{
    font-size:1.5em;
    font-weight:normal;
    margin:0;
    padding:0;
}

/************* END STYLING FOR HEADER AREA ***************/


/************* STYLING FOR CONTENT AREA ******************/

#contentAll{
    font-family: calibri;
}

#contentEntry{
    clear:left;
    color:black;
    border:0;
    padding:0;
    margin:0;
    font-family: calibri;
/*    font-family:arial,helvetica, sans-serif;*/
}

#contentEntryemail{
    clear:left;
    color:black;
    border:0;
    padding:0;
    margin:0;
    font-family: calibri;
/*    font-family:arial,helvetica, sans-serif; */
}

#contentEntry h1{
    align:top;
    width:22%;
    float:left;
    font-size:1.2em;
    font-weight:bold;
    padding: 0em 0em 3em 0em;   /*Pad downwards so that things down "wrap around" before end of item*/
    margin:0em;    
}

#contentEntryemail h1{
    align:top;
    width:22%;
    float:left;
    font-size:1.2em;
    font-weight:bold;
    padding: 0em 0em 0em 0em;   /*Pad downwards so that things down "wrap around" before end of item*/
    margin:0em;    
}

#contentEntryData{
    align:top;
    margin:0em;
    padding-top:0em;
    padding-bottom:2em;
    font-family: calibri;
}

#contentEntryData p{
    align:left;
    font-size:1em;
    padding:0;
    margin:0;
}

#imgHolder{
padding-right:20%;
padding-left:0%;
float:right;
height:50%;
width:25%;
}

#imgHolder img{
height:400px;
width:250px;
}

/************* END STYLING FOR CONTENT AREA ******************/    


/************* MENU UTILITY STYLING **************************/

#dhtmlgoodies_menu{
    font-size:1em;
	font-family:calibri;	/* Font for main menu items */
	width:100%;	 /*Width of main menu */
}

#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0;	/* No margin - needed for Opera */
    width:100%;
}

#dhtmlgoodies_menu ul{
	margin:0;	/* No <ul> air */
	padding:0;	/* No <ul> air */
}

#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:12%;
    width:85%;
}



#dhtmlgoodies_menu	li a{	/* Main menu links */
	text-decoration:none;	/* No underline */
	color:white;	/* Black text color */
	height:100%;	/* 20 pixel height */
    	width:100%;
	line-height:120%;	/* 20 pixel height */
    	font-size:75%;
	vertical-align:middle;	/* Align text in the middle */
	border-bottom:1px solid #000;	/* Black border */
	background-color:#005DAB;	/* WBS-bule color */
	margin:1px;	/* A little bit of air */
	padding:1px;	/* Air between border and text inside */
    display:block;
}

#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#FFF;
	background-color:#317082;
}

.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	border:0px solid #000;
	background-color:#005DAB;
	font-family:arial;
	text-align:left;

}

.dhtmlgoodies_subMenu ul{
	margin:0;
	padding:0;
}

.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin:0;
	padding:1;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}


.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */
	color:white;	/* Black text color */
	height:100%;	/* 16 pixels height */
    width:100%;
	line-height:120%;	/* 16 pixels height */
    font-size:75%;
	padding:1px;	/* 1px of "air" inside */
    border-bottom:1px solid #000;	/* Black border */
    display:block;	/* Display as block - you shouldn't change this */
}

.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#FFF;	/* White text */
	background-color:#317082;	/* Blue background */
}


/****************** END STYLING FOR MENU UTILITY ********************/
