
body {
	font-family: Verdana, Arial;
	font-size: 11px;
	background-color: #EEEEEE;
}

a.siteLinks, a.siteLinks:visited {
	text-decoration: none;
	color:#3198FF;
}
a.siteLinks:hover {
	color: #ff0000;
	text-decoration: underline;
}

/* TEMPLATE OF MAIN TABLE ATTRIBUTES */
table.main{
	width: 800px;				/* the width of the main table */
	border-left: 0px solid #DDDDEE;  	/* left border is a tint of sky blue */
	border-right: 0px solid #DDDDEE; 	/* same as above */
	border-top: 0px solid #DDDDEE;   	/* same as above */
	border-bottom: 0px solid #DDDDEE;	/* same as above */	
	border: 1px solid #DDDDEE;
	font-size: 10px;				/* size of font in the table */
}
div.logo{
	background-image:url('./images/logo.jpg');
	background-color: #000000;
	border: 0px solid #FFF;
	height: 219px;
	border-bottom:1px solid #DDDDEE;
}
div.menu {
	padding: 0px;
}
td.menuBar{
	/* border-bottom: 2px solid #000000;	/* menu border bottom is black */
	border-bottom: 1px solid #DDDDEE;  /* menu border is blueish */
	border-top:0px solid #DDDDEE;
	/*border-top: 1px solid #55A5D5;
	/*border-right: 1px solid #DEE6EF;*/
	padding: 1px 5px 1px 0px;		/* padding of the edges */
	/*background-color: #E0E0E0;		/* #DDDDEE background color is a tint of sky blue */
	/*background-color: #DEE6EF;		/* #DDDDEE background color is a tint of sky blue */
	height: 25px;				/* height of menu section */
}
td.title, div.title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*color:#55A5D5;*/
	color:#5585D5;
	font-weight:bold;
}
.title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#55A5D5;
	font-weight:bold;
}

font.newsdate{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	font-weight:500;
	font-style:italic;
	color:#2A79FF;
}
td.content{
	background-color: #FFFFFF;		/* background color of content section */
	padding-top: 20px;		/* padding of edges in content section */
	padding-left: 15px;
	padding-right: 10px;
	border: 0px solid #000000;		/* border size of content */
	vertical-align: top;			/* align text to top right */
	width: 640px;				/* width of content area */
}
td.text{
    padding: 5px 10px 5px 10px;
	font-family:Arial, Verdana;
	font-size:12px;
}
td.rightContent{
	border-left:0px solid #000000;		/* left border of ad */
	background-color: #FFFFFF;		/* background color of ad content */
	/*background-color: #F5F5FA;		/* background color of ad content */	
	padding: 40px 0px 0px 0px;		/* padding of the right side where the ad table is */
	vertical-align: top;
	width: 230px;
	font-size: 10px;	
}
table {
	font-size: 11px;		/* set default font size of all content in tables to size 11 */
	font-family: Verdana, Arial	/* set default font family */
}


/* TEMPLATE FOR RIGHT CONTENT */
div.rightBody {	
	border:0px solid #FFFFFF;
	border-right: 0px;
	vertical-align:top; 
	height:50px; 
	background-color:#FFF;
	height:auto;	
	padding: 5px 20px 5px 20px;
	font-size:10px;
}
div.rightFooter {	
	height: 19px;
}
div.rightHeader {
	/*background-color:#DEE6EF; */	
	padding: 5px 20px 5px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#F0F0F0;
	background-image: url('./images/right_box_header_bg.jpg');
}

/* TEMPLATE FOR VIDEOS */
a.youtube, a.youtube:visited {
	text-decoration: none;
	color:#3399FF;
}
a.youtube:hover {
	color: #ff0000;
	text-decoration: underline;
}
a.videoname, a.videoname:visited{
	text-decoration: none;
	color:#0000ff;
}
a.videoname:hover{
	color:#ff0000;
	text-decoration:underline;
}




/* TEMPLATE FOR MENU ITEMS */

#info h3 {margin-bottom:200px;}
/* style the outer div to give it width */
.menu {
    width:750px;
    height:25px;
    font-size:0.85em;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
}
.menu ul ul {
    width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
    float:left;
    /*width:150px;*/
    position:relative;
    text-align: left;
}
/* style the links for the top level */
.menu a, .menu a:visited {
    display:block;
    font-size:11px;
    text-decoration:none;
    /*color:#000;
    /*width:139px;*/
    /*color: #525252;*/
	color: #fff;
    width: 75px;
    height:25px;
    border-left: 0px solid #fff; /*#55A5D5;*/
    border-top:1px solid #fff;
    /*border-width:1px 1px 0 0;
    /*background:#758279;*/
    /*padding-left: 10px;*/
    line-height:24px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
    /*width:150px;*/
    /*w\idth:139px;*/
    width: 86px;
    w\idth: 75px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
    /*background:#949e7c;*/
    background:#D9E1EA;
    border-bottom: 1px solid #fff;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
    /*background:#c9ba65;*/
    background:#848C95;
}
.menu ul ul :hover > a.drop {
    /*background:#c9ba65;*/
    background:#848C95;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
    background:#DEE6EF;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}
/* style the third level hover */
.menu ul ul ul a:hover{
    /*background:#A09A8B; /*b2ab9b*/
    background:#999999;
}
.menu ul ul ul :hover > a {
    background:#999999;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
    visibility:hidden;
    position:absolute;
    /*bottom:31px;*/
    left:0;
    width:150px;
}
* html .menu ul ul {
    /*bottom:30px;*/
    top:24px;
	t\op:25px;
}
/* position the third level flyout menu */
.menu ul ul ul{
    /*left:150px;
    bottom:0;*/
    top: 0;
    left: 121px;
    width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
    left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
    border-collapse:collapse;
    position:absolute;
    left:0;
    /*bottom:-1px;*/
    top: 0;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
    background:#D9E1EA;
    color:#000;
    height:auto;
    line-height:1em;
    padding:5px 10px;
    /*width:129px*/
    width: 100px;
    /* yet another hack for IE5.5 */
}
* html .menu ul ul a{
    /*width:150px;
    w\idth:129px;*/
    width: 100px;
    w\idth:100px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
    color:#fff;
    /*background:#949e7c;*/
    background:#848C95;
}
.menu :hover > a, .menu ul ul :hover > a {
    color:#fff;
    /*background:#949e7c;*/
    background:#848C95;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
    visibility:visible;
    height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
    display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
    display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
    display:block;
    bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
    display:block;
    bottom:0;
}
