body,td,p,li {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
p.head {
	font-weight:bold;
	font-size:14px;
}
body.bg {
	background : #ffffff;
	background-repeat : repeat-x;
}
td.newsbg {
	background : url("/graphics/newsbg.gif");
	background-repeat : no-repeat;
}

#join {
	background : url("/graphics/join.gif") #7d8eb1 no-repeat; 
	border:1px solid #031f57; 
	width:330px;
	height:34px;
	padding:47px 0 0 0;
	margin:0 0 10px 18px;
	display:inline;
	float:left;
}

a {
	color: #406899;
	text-decoration: none;
}
a:hover {
	color: #C93131;
	text-decoration: underline;
}
a.imedia {
	color: #000000;
	text-decoration: underline;
}
a.imedia:hover {
	color: #9E0B0B;
	text-decoration: underline;
}
a.back {
	color: #263e6e;
	text-decoration: none;
}
a.back:hover {
	color: #9E0B0B;
	text-decoration: none;
}
a.pass {
	color: #b91f28;
	text-decoration: none;
	font-style:italic;
}
a.pass:hover {
	color: #263e6e;
	text-decoration: none;
}
a.spl {
	color: #000000;
	text-decoration: none;
}
a.spl:hover {
	color: #9E0B0B;
	text-decoration: underline;
}
a.boxx {
	color: #99061a;
	text-decoration: none;
	font-weight:bold;
}
a.boxx:hover {
	color: #032463;
	text-decoration: underline;
}
a.newz {
	color: #032463;
	text-decoration: none;
}
a.newz:hover {
	color: #9E0B0B;
	text-decoration: underline;
}
a.more {
	color: #db0000;
	text-decoration: none;
	font-weight:bold;
}
a.more:hover {
	color: #263e6e;
	text-decoration: none;
}
a.catalog {
	color: #7DAA9F;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
a.catalog:hover {
	color: #3362CD;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
td.catalog {
	color: #7DAA9F;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}
a.menu {
	color: #1e1e22;
	text-decoration: none;
	font-size: 10pt;
	font-weight: medium;
	padding-left: 15px;
	line-height:16px;
}
a.menu:hover {
	color: #b91f28;
	text-decoration: none;
	font-size: 10pt;
	font-weight: medium;
	padding-left: 15px;
	line-height:16px;
}
ul {
	list-style-image: url(/graphics/arrow.gif) ;
	font-size: 8.5pt;
	line-height: 16px;
	
	}
ul ul {
	list-style-image: url(/graphics/dot.gif) ;
	font-size: 8.5pt;
	line-height: 16px;
	
	}
	
#smedia{
	width: 100%;
	position: relative;
	}
	
#smediatopper{
	width: 100%;
	position: absolute;
	top: 0;
	}

#lefter{
	float: left;
	margin: 30px 0 0 -20px;
	}
	
#righter{
	float: right;
	margin: 30px 0;
	}

#splashleft {
	width: 251px;
	margin: 0 0 25px 10px;
	padding: 44px 15px 0 13px;
	background: url("/graphics/welcome.gif") no-repeat;
	text-align:left;
	float:left;
	display:inline;
}


#splashright {
	width: 251px;
	margin: 0 18px 25px 0;
	padding: 44px 15px 0 13px;
	background: url("/graphics/latest.gif") no-repeat;
	text-align:left;
	float:right;
	display:inline;
}



#clear {
	clear: both;
}





/*   cool vertical drop down menu   */





/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/tree_frog_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#outer {
	width:177px; 
	padding: 0;
	font-size: 11px;
	text-align:left;
}


#menu {
	list-style-type:none; 
	padding:0; 
	margin:0; 
	width:177px; 
	left:0; 
	z-index:100;
}
#menu ul {
	list-style-type:none; 
	padding:0; 
	margin:0;
}
#menu li {				
	float:left; 
	position:relative; 
}

#menu li.sub {           /*  main item bg  */
	background: url("/graphics/tfm_bg.gif") repeat-x;
	border-bottom: 1px solid #5d7094;
}

#menu li, #menu li a {      /*  main item font style  */
	display:block; 
	color:#ffffff; 
	font-family:arial, sans-serif; 
	font-size:11px; 
	line-height:30px; 
	width:177px; 
	text-decoration:none; 
	text-transform:uppercase; 
	cursor:pointer; 
	font-weight:bold; 
	text-indent:15px;
}

#menu li.sub2, #menu li a.sub2 {      /*  2 line main item font style  */
	display:block; 
	color:#212121; 
	font-family:arial, sans-serif; 
	font-size:11px; 
	line-height:12px; 					/*  smaller line height for 2 line text  */
	min-height:31px;					/*  min-height to control height on normal browsers  */
	_height:31px;						/*  IE 6 hack for min-height  */
	padding:8px 0 0 0;
	width:177px; 
	text-decoration:none;  
	cursor:pointer; 
	font-weight:bold;
	text-indent:15px;
	background:#e9e9e8;
	border-bottom: 1px dotted #505050;
	border-left: 5px solid #e09880;
}

#menu li.subsub, #menu li.subsub a {				/*  sub item bg  */
	float:left; 
	line-height:20px;
	font-weight:normal;
	color:#031f57;
	position:relative; 
	border-bottom: 1px solid #bec4d0;
}

#menu li.subsub1 {				/*  sub item bg  -- this is the top one underneath a 2 line main item  */
	float:left; 
	background:#d3d2d0; 
	margin-left: -5px;
	margin-top:8px;
	position:relative; 
	border-left: 5px solid #c03000;
	border-bottom:none;
}


#menu a:hover  {       /*  basic link item hover  */
	color:#ccd8e7; 
	z-index:500;
}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {
	display:none;
}

#menu li.hover {       /*  main item hover  */
	color:#ccd8e7; 
	z-index:500;
}

#menu li.click ul {
	display:block;
}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {
	display:block; 
	position:absolute; 
	left:110px; 
	top:-1px; 
	border:1px solid #fff; 
	border-width:0 1px 1px;
}

#menu li.click ul li.fly {														/*  flyout item bg  */		
	background: #d3d2d0 url(/graphics/frog_arrow.gif) no-repeat top right;
	border-left: 5px solid #c03000;
	margin-left: -5px;
}
#menu li.click ul li.hover {					/*  sub item hover  */
	background:#cdd3e0;
	color:#6189d8; 

}

#menu li.click ul li.hover ul li {
	background:#c60;
}
#menu li.click ul li.hover ul li.hover ul li {
	background:#780; 
	z-index:500;
}

#menu li.click ul li.hover ul li.fly {
	background: #c60 url(/graphics/frog_arrow.gif) no-repeat top right;
}
#menu li.click ul li.hover ul li.hover {
	z-index:500; 
	background:#fa4;
}
#menu li.click ul li.hover ul li.hover a {
	color:#000;
}

#menu li.click ul li.hover ul li.hover ul li.hover {
	background:#aa0;
}
#menu li.click ul li.hover ul li.hover ul li.hover a {
	color:#fff;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu{
margin: 18px 0 0 19px;
padding: 0;
}

#underlinemenu ul{
margin: 0;
padding-left: 0;
float: left;
font-weight:bold;
font-size:11px;
line-height:14px;
text-transform:uppercase;
width: 100%;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
color: #fff;
font-size:11px;
padding: 6px 9px 0 9px;
height:20px;
text-decoration: none;
background:#49608a;
border-left:1px solid #8394b0;
}

#underlinemenu ul li a:hover{
color: #fff;
background: #b99b1e;
}

#video{
margin: 18px 0 0 130px;
padding: 0;
}

#video ul{
margin: 0;
padding-left: 0;
float: left;
font-weight:bold;
font-size:11px;
line-height:14px;
text-transform:uppercase;
width: 100%;
}

* html #video ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#video ul li{
display: inline;
}


#video ul li a{
float: left;
color: #fff;
font-size:11px;
padding: 6px 9px 0 9px;
height:20px;
text-decoration: none;
background:#b91f28;
border-left:1px solid #8394b0;
}

#video ul li a:hover{
color: #fff;
background: #b99b1e;
}

#paging {
color:#888888;
font-size:12px;
font-weight:normal;
padding:25px 5px 15px 5px;
clear: left;
}

#prevNext {
width:100%; 
height: 35px;
background: URL(/graphics/pagingline.gif) repeat-x;
}

#paging a {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #eaeaea;
color:#888888;
margin:0 2px 4px 2px;
padding:3px 7px;
display: inline;
float: left;
text-decoration:none;
}

#paging a.currentPage  {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #eaeaea;
color:#c80117;
margin:0 2px;
padding:3px 7px;
text-decoration:none;
}

#paging a.currentPage:hover  {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #eaeaea;
color:#eaeaea;
margin:0 2px;
padding:3px 7px;
text-decoration:none;
}

#paging a:hover {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #eaeaea;
color:#c80117;
text-decoration:none;
}

.photoTNBox {
background-color:#DFE2E8;
border:1px solid #eaeaea;
width:120px;
margin:0 0 15px 15px; 
text-align:center; 
float:left;
cursor: pointer; cursor: hand;
}

.photoTNImg {
margin-top: 4px;
margin-left: auto;
margin-right: auto;
width:112px;
height:112px;
overflow:hidden;
background-position: center center;
background-repeat: no-repeat;
}

