/**
* JDF template
* @version 1.0
* @package JDF
* @copyright (C) 2006 by Michael R. Smith and AdventureSmith, Inc. - All rights reserved!
* @license http://www.adventuresmithinc.com/ Copyrighted Commercial Software
**/

/* ##################### EMBEDDED FONTS ##################### QM: ok */



#txtcal1{
width:85px;
}
#txtcal2{
width:85px;
}
#txtcal3{
width:85px;
}
#txtcal4{
width:85px;
}
#txtcal10{
width:85px;
}
#txtcal5{
width:85px;
}
#txtcal6{
width:85px;
}
#txtcal7{
width:85px;
}
#txtcal8{
width:85px;
}
#txtcal9{
width:85px;
}

#txtcal0{
width:85px;
}
#txtcal11{
width:85px;
}
#txtcal12{
width:85px;
}
#txtcal13{
width:85px;
}
#txtcal14{
width:85px;
}
#txtcal15{
width:85px;
}

 .input1257{
width:85px
} 

@font-face {
    font-family: MACHINE;
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/MACHINE0.eot);
}


/* ##################### OVERALL SETTINGS ##################### QM: ok */


div.mod_docman_catdown a:link{ 
color:#fff;
list-style:none;
}

div.mod_docman_catdown ul li{
	
    list-style: none;
	
	}
div.mod_placehere-btm p, div.mod_placehere-btm td {
color:#FFFFFF;
font-family:arial;
font-size:13px;
line-height:150%;
}
div.mod_placehere-btm a{
color:#990033;
font-family:arial;
font-size:13px;
line-height:150%;
}

div.mod_placehere-btm a:link {
color:#990033;
font-family:arial;
font-size:13px;
line-height:150%;
}

div.mod_placehere a{
color:#990033;
font-family:arial;
font-size:13px;
line-height:150%;
}

div.mod_placehere a:link {
color:#990033;
font-family:arial;
font-size:13px;
line-height:150%;
}
div.mod_placehere p, div.mod_placehere td {
color:#FFFFFF;
font-family:arial;
font-size:13px;
line-height:150%;
}
.sectiontableheader a:link{color:#fff;}

#jw-sir{

height:250px;
margin:0;
padding:0 0 0 3px;

}

body {
  margin           : 0px 0px;
  background       : #ffffcc;
  font-family      : Helvetica, Verdana, Arial, San-serif;
  font-size        : 13px;
  color            : #000033;
}

td, tr, p, li, div {
  font-family      : Helvetica, Verdana, Arial,  San-serif;
  color            : #000033;
  font-size        : 13px;
  line-height      : 150%;
  text-align       : left;
}

.hr {
  color            : #6699cc;
  height           : 4px;
  width            : 580px;
  border-bottom    : 1px solid #6699cc;
  margin           : 16px 0px 16px 0px;
}

/* ############## LAYOUT SETTINGS ############### QM:  */

p, td 		{font-family: arial; font-size: 13px; color: #000033; line-height:150%;}

#wrap 		{position: relative; float:left; margin: 0px; width: 100%; height: 100%; background: #CACACA url(../images/bg.png) top repeat-x; text-align: center;}

#wrap-position {position: relative; float: center; margin: auto; padding: auto; text-align:center; width:910px;}

#wrap-bg    {position: relative; float: left; margin: 0; padding: 0; height: 100%; width: 910px; background: url(../images/wrap-body.gif) repeat-y;}

#header 	{position: relative; float: left;  width: 910px; height: 150px; background: url(../images/JDF-header.gif) no-repeat; }

#header-link {position: absolute; top: 0px; left: 0px; height: 150px; width:140px; z-index:20;}
#header-link img {border:0px;}

#header-topnav {position: absolute; top: 6px; left: 675px; height:24px; z-index:30;}

#header-MySam {position: absolute; top: 25px; right:0px; height: 92px; z-index:50; border:0px;}

#inset-pagepeal {position: absolute; top: 0px; left:0px; height: 500px; z-index:99; border:0px;}

#header-mainnav	{ position: absolute; top: 118px; height: 30px; overflow: hidden; left: 180px; width: 720px; z-index: 40; text-align: left; }

#main-pict-bg 	{position: relative; float: left; background: url(../images/main/main-pict-bg.gif) no-repeat; width: 910px; height:250px; overflow: hidden;}

#main-pict 	{position: relative; float: left; background: url(../images/main/28.jpg) no-repeat; width: 900px; height:250px; left: 5px; overflow: hidden;}

#main-pict-na {position: relative; float: left; background: url(../images/main/default.gif) no-repeat; width: 900px; height:20px; overflow: hidden; left:5px;}

#main-copy 	{position: relative; float: left; width: 800px; left: 92px; }

#main-left 	{position: relative; clear: both; float: left; width: 180px; left:0px; overflow:hidden; }

#main-right {position: relative; float: right; margin-left: 20px; margin-top: 10px; width: 600px; }
#main-bottom {position: relative; float: left; margin: 0px; width: 600px; }

#footer-bg 	{position: relative; clear: both; float: left; background: url(../images/footer-bg.gif) repeat-y; width: 910px;} 

	#footer-top  {position: relative; float: left; width: 910px; height: 30px; background: url(../images/footer-top.gif) no-repeat; }
	
	#footer-nav  {position: relative; float: left; width: 910px; height: 27px; background: url(../images/footer-nav.gif) no-repeat; overflow: hidden;}
	
	#footer-content-left {position: relative; float: left; width: 540px; left: 130px;  }
	#footer-content-right{position: relative; float: right; width: 180px; right: 20px; color:#FFFFFF;}
	#footer-bottom {clear: both; position: relative; float: left; color: #FFFFFF; width: 910px; overflow:hidden; padding-top: 10px;} 
	#footer-bottom p, #footer-bottom a:link {color:#FFFFFF;}

	

/* ##################### FOOTER TAB LIST ###################### QM: ok */

#tablist{
	position: relative;
	float: left;
	left: 130px;
	width: 760px;
	height: 27px;
	overflow:hidden;



}

#tablist ul{
	display: inline;
	line-height:27px;
	margin: 0px;
	padding : 0px;
}

#tablist ul li{
	display:table-cell;
	float: left;
	line-height: 27px;
    list-style: none;
	margin: 0px;
	padding: 0px;
	}

#tablist ul li.selected {
	display:table-cell;
	float: left;
	line-height: 27px;
    list-style: none;
	margin: 0px;
	padding: 0px;
	border-left: 2px solid black;
	background: url(../images/footer-tab.gif) right no-repeat;
	}

#tablist li a:link,
#tablist li a:visited,
#tablist li a:hover  {
	line-height: 27px;
	padding: 7px 20px 7px 20px;
	color: white;
	text-decoration: none;
	}

#tablist li a:hover  {
	line-height: 27px;
	padding: 7px 20px 7px 20px;
	color: white;
	text-decoration: underline;
	}
	

.tabcontent{
	display:none;
	color:#FFFFFF;
	padding:10px;
}

#tcontent1,
#tcontent2,
#tcontent3,
#tcontent4,
#tcontent5 {
	margin-top: 6px;
	padding: 0px;
	}



/* ##################### MODULE SETTINGS ###################### QM: ok */

table.moduletable {
  width            : 100%;
  table-layout     : auto;
}

table.moduletable th {
  font-weight      : bold;
  text-align       : left;
  color            : #003366;
}

table.moduletable td {
  padding          : 0px;
}

hr {
  width            : 160px;
  height           : 0px;
  color            : #ffffff;
  display          : hiddden;
  position         : absolute;
  left             : -2000px;
  }
  
table.moduletable-menu {
  padding		   : 30px 0px 0px 0px;
  width            : 180px;
  text-align       : left;
}

table.moduletable-menu th {
  width            : 160px;
  height		   : 30px;
  text-align       : left;
}

table.moduletable-menu td {
  display          : block;
  width            : 160px;
  color            : #336633;
  font-size        : 12px;
  border-bottom	   : 1px solid #efefef;
 }
 
table.moduletable-menu table{
  margin-top       : 0px;
}

table.moduletable-latest-news{
  padding-top       : 6px;
  width             : 100%;
  }

table.moduletable-latest-news a:link, table.moduletable-latest-news a:hover, table.moduletable-latest-news a:visited, table.moduletable-latest-news a:active {
  color            : #000000;
  text-decoration  : none;
  padding-left;    : 2px;
  }
  
table.moduletable-most-popular{
  padding-top       : 6px;
  width             : 100%;
}

table.moduletable-most-popular a:link, table.moduletable-most-popular a:hover, table.moduletable-most-popular a:visited, table.moduletable-most-popular a:active {
  color            : #000000;
  text-decoration  : none;
  padding-left;    : 2px;
  }
  
table.moduletable-footer{
  padding-top       : 6px;
  width             : 100%;

}

table.moduletable-footer a:link, table.moduletable-footer a:hover, table.moduletable-footer a:visited, table.moduletable-footer a:active {
  color            : #000000;
  text-decoration  : none;
  padding-left;    : 2px;
  }    

table.moduletable-most-popular a:hover,table.moduletable-latest-news a:hover, table.moduletable-footers a:hover {
  background: #000000;
  color     : #FFFFFF;
  display   : block;
  }


table.moduletable-login {
  padding-top      : 10px;
  margin           : 0px;
  width            : 160px;
  text-align       : left;
  border           : 1px solid #333300;
}

table.moduletable-login td {
  padding          : 0px 6px 0px 6px;
  font-size        : 12px;
  text-align       : left;
  color            : #666633;
}

table.moduletable-login td a, table.moduletable-login td a:hover {
  color            : #666633;
  text-decoration  : underline;
}

/* ## Latest News ## QM: ok */
	
ul.latestnews {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
li.latestnews {
	display          : block;
    width            : 500px;
    margin           : 0px;
    color            : #FFFFFF;
    text-decoration  : none;
	}

li.latestnews a:link,
li.latestnews a:active,
li.latestnews a:visited {
	display          : block;
    width            : 500px;
    padding          : 4px 4px 4px 20px;
    margin           : 0px;
    background       : url(../images/link-off.gif) no-repeat left;
    color            : #FFFFFF;
    text-decoration  : none;
	}

li.latestnews a:hover {
	display          : block;
    width            : 500px;
    padding          : 4px 4px 4px 20px;
    margin           : 0px;
    background       : url(../images/link-on.gif) no-repeat left;
    color            : #ffffcc;
    text-decoration  : none;
	}


/* ##################### FORMULAR SETTINGS #################### QM: ok */

.button {
  background-color : #003366;
  color            : #FFFFFF;
  border           : 1px solid #660000;
  margin           : 2px;
  font-size        : 12px;
}

.inputbox-top {
  border           : 1px solid #003366;
  background       : #FFFFFF url(../images/input.png) no-repeat top;
  color            : #336699;
  margin           : 1px 0px 0px 0px;
  width            : 150px;
  padding-left     : 2px; 
}

.inputbox, .inputbox-login {
  border           : 1px solid #003366;
  background       : #FFFFFF url(../images/input.png) no-repeat top;
  color            : #336699;
  margin           : 0px 0px 2px 5px;
}

.mod_login-login {
  font-family      : arial,serif;
  font-size        : 11px;
  }

#mod_loginform-login {
  margin-top       : 20px;
  }

/* ################# SECTION LISTING SETTINGS ################# QM: ok */

.sectiontableheader {
  font-size        : 11px;
  font-weight      : normal;
  text-align       : center;
  color            : #FFFFFF;
  background       : #003366;
  padding          : 0px 0px;
}

.sectiontableentry1 {
  background       : #F9F9F9;
  padding          : 3px 2px;
}

.sectiontableentry2 {
  background       : #F0F0F0;
  padding          : 3px 2px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */


#main-top  {
  color			   : #FFFFFF;
  }

#main-top a:link, #main-top a:active, #main-top a:visited {
   color           : #FFFFFF;
   text-decoration : none;
   padding         : 0px 6px 0px 6px;
   }
   
#main-top a:hover {
   color           : #FFFFFF;
   text-decoration : underline;
   padding         : 0px 6px 0px 6px;
   }

span.mainlevel-top {
   color          : #FFFFFF;
   }

/* ################# MAIN navigation ################# QM: ok */


#toplevel    {
  position         : relative;
  float            : left;
  margin           : 0px;
  padding          : 0px;
  height           : 32px;
  width            : 720px;
  text-align       : left;
  overflow         : hidden;
  }

#toplevel ul {
  text-align:      : left;
  margin           : 0px;
  padding          : 0px;
  height           : 30px;
  width            : 720px;
  overflow         : hidden;
  }

#toplevel li.blue, #toplevel li.active_menu {
display:inline;
line-height:30px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:10px 9px 7px;
font-family:arial,verdana,tahoma;
font-size:12px;

}
  
#toplevel li.blue a:link,#toplevel li.blue a:visited {
  color            : #FFFFFF;
  text-decoration  : none;
  padding:10px 4px 0;
  }
  
#toplevel li.blue a:hover {
  color            : #FFFFFF;
  text-decoration  : underline;
 padding:10px 4px 0;
  }

#toplevel li.active_menu a:active, 
#toplevel li.active_menu a:visited, 
#toplevel li.active_menu a:hover, 
#toplevel li.active_menu a:link {
  PADDING-BOTTOM: 8px; MARGIN-TOP: 1px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND: url(../images/main-navtab-bg.gif) left bottom; COLOR: #000000; BORDER-RIGHT: #000000 1px solid; TEXT-DECORATION: none; PADDING-TOP: 11px
 
  }

<!-- Secondary Navigation -->

a.div:link, a.div:visited, a.div:active { text-decoration: none; color: #006600;}
a.div:hover h2, a.div:hover p {color: #990033; }

a.div:link, a.div:visited, a.div:active h2 { color: #000000; text-decoration: none; }
a.div:link, a.div:visited, a.div:active p { color: #006600; text-decoration: none; }  

a.mainlevel  {
  font-family      : Arial, Helvetica, sans-serif;
  margin           : 0px;
  padding          : 2px 4px 2px 20px;
  font-size        : 12px;
  width            : 170px;
  color            : #003366; 
}

a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  width            : 180px;
  padding          : 2px 4px 2px 20px;
  margin           : 0px;
  color            : #003366;
  text-decoration  : none;
  }

a.mainlevel:hover {
  display          : block;
  width            : 180px;
  padding          : 2px 4px 2px 20px;
  margin           : 0px;
  background       : url(../images/link-arrow.gif) no-repeat left;
  color            : #003333;
  text-decoration  : none;
  }

#active_menu {
  font-weight      : bold;
  color            : #003366;
}

a#active_menu:hover {
}

#menu_vert {
  margin           : 10px 0px 0px 0px;
  padding		   : 34px 0px 0px 0px;
  width            : 160px;
  text-align       : left;

 }
  
#menu_vert ul.submenu {
  text-align       : left;
  margin           : 0px 0px 0px 0px;
  padding          : 0px 0px 0px 0px;
  width            : 180px; 
  border-right     : 1px dotted #003366; 
}

#menu_vert ul.submenu li {
  list-style       : none;
}

#menu_vert ul.submenu li a:link, #menu_vert ul.submenu li a:visited {
  display          : block;
  width            : 160px;
  padding          : 2px 4px 2px 20px;
  margin           : 0px;
  color            : #003366;
  text-decoration  : none;
}

#menu_vert ul.submenu li a:active, #menu_vert ul.submenu li.active_menu a:active {
  display          : block;
  width            : 160px;
  padding          : 2px 4px 2px 20px;
  margin           : 0px;
  background       : url(../images/link-arrow.gif) no-repeat left center;
  color            : #003366;
  text-decoration  : none;
}
 
#menu_vert ul.submenu li a:hover {
  display          : block;
  width            : 160px;
  padding          : 2px 4px 2px 20px;
  margin           : 0px;
  background       : url(../images/link-arrow-r.gif) no-repeat left center;
  color            : #003366;
  text-decoration  : none;
}



#menu_vert ul.submenu ul {
  margin           : 0px 0px 0px 0px;
  padding          : 0px 0px 0px 0px;
  }
  
#menu_vert ul.submenu ul a:link, #menu_vert ul.submenu ul a:visited {
  padding          : 2px 4px 2px 20px;
  margin-left      : 15px;
  background       : url(../images/indent1.png) no-repeat left;
  color            : #003366;
  text-decoration  : underline;
  border-bottom    : 0px;
  }
  
#menu_vert ul.submenu ul a:hover {
  padding          : 2px 4px 2px 20px;
  margin-left      : 15px;
  background       : url(../images/indent1.png) no-repeat left;
  color            : #003366;
  text-decoration  : underline;
  border-bottom    : 0px;
  }
  
#menu_vert ul.submenu ul a:active {
  padding          : 2px 4px 2px 20px;
  margin-left      : 15px;
  background       : url(../images/indent1.png) no-repeat left;
  color            : #003333;
  text-decoration  : underline;
  border-bottom    : 0px;
  }
  

/* ########################### LINKS ########################## QM: ok */

a:link {
  color            : #003366;
  text-decoration  : underline;
}

a:visited {
  color            : #990033;
  text-decoration  : none;
}

a:hover {
  color            : #003366;
  text-decoration  : underline;
}

a.white:link, a.white:visited, a.white:hover {color: #FFFFFF; text-decoration:underline;}
a.white:hover {color: #FFFFFF; text-decoration: underline;}

a.category:link, a.category:visited {
  font-weight      : bold;
}

.readon {
  font-weight      : bold;
}


/* ##################### PAGE NAVIGATION ###################### QM: ok */

.pagenavbar {
  padding          : 3px;
  text-align       : center;
}

.contenttoc {
  width            : 180px;
  background-color : #FFFFFF;
  border           : 1px double #990033;
  padding          : 2px;
  text-align		: right;
}

.contenttoc th {
  padding          : 3px 5px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #003366;
}

.contenttoc td {
  padding          : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### QM: ok */

.small {
  font-size        : 10px;
  color            : #003366;
}

.smalldark {
  font-size        : 10px;
  color            : #000000;
}

.createdate, .modifydate {
  font-size        : 10px;

  color            : #003366;
}

/* ##################### VOTING SETTINGS ###################### QM:  */

.content_rating {
  font-size        : 10px;
  color            : #990033;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #FFFFFF;
  border           : 1px double #990033;
}

/* ##################### PATHWAY SETTINGS ##################### QM: ok */

.pathway {
  font-size        : 12px;
  color            : #003366;
  letter-spacing   : 1px;
  margin-left      : 4px;
}

a.pathway:link, a.pathway:visited {
  color            : #990033;
  font-size        : 12px;
}

a.pathway:hover {
  font-size        : 12px;
}

/* ################### CONTENT PAGE SETTINGS ################## QM: ok */

.contentpane {
  padding          : 0px;
}

.contentpaneopen {
  margin		   : 0px;
  padding          : 0px;
  text-align       : left;
  vertical-align   : top;
  font-family      : Helvetica, Verdana, Arial, San-serif; 
}

.componentheading {
  padding          : 0px;
  margin           : 0px;
  font-size        : 24px;
  text-align       : left;
  color            : #003366;
  font-family      : MACHINE, Helvetica, Verdana, Arial, San-serif; 
  display          : block;
  
}

.contentheading {
  padding          : 0px;
  margin           : 0px;
  font-size        : 24px;
  text-align       : left;
  color            : #660000;
  font-family      : MACHINE, Helvetica, Verdana, Arial, San-serif; 
  display          : block; 
}

.contentpagetitle {
 padding          : 0px;
  margin           : 0px;
  font-size        : 24px;
  text-align       : left;
  color            : #003366;
  font-family      : MACHINE, Helvetica, Verdana, Arial, San-serif; 
  display          : block;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
  color            : #996600;
}

h1 {
  padding          : 12px 0px 0px 0px;
  margin       	   : 0px 0px 0px 0px;
  font-size        : 22px;
  font-weight      : bold;
  text-align       : left;
  color            : #996600;
  font-family      : MACHINE, Helvetica, Verdana, Arial, San-serif; 
  line-height	   : 100%;
}

h2 {
  padding          : 12px 0px 0px 0px;
  margin       	   : 0px 0px 0px 0px;
  font-size        : 18px;
  font-weight      : normal;
  text-align       : left;
  color            : #660000;
  font-family      : MACHINE, Helvetica, Verdana, Arial, San-serif; 
  line-height	   : 18px;
}

.nopadding {
  margin           : 0px;
  padding          : 0px;
  }

h3 {
  padding          : 0px 0px 0px 0px;
  margin       	   : 0px 0px 0px 0px;
  font-size        : 15px;
  text-align       : left;
  color            : #000000;
  font-family      : Helvetica, Verdana, Arial, San-serif; 
  line-height	   : 100%;
}

h5 {
  padding          : 12px 0px 0px 0px;
  margin       	   : 0px 0px 0px 0px;
  font-size        : 18px;
  font-weight      : normal;
  text-align       : left;
  color            : #660000;
  font-family      : MACHINE, Helvetica, Verdana, Arial, San-serif; 
  line-height	   : 18px;
} 
 
/* ###################### BUTTON SETTINGS ##################### QM: ok */

a.readon:link, a.readon:visited {
  color            : #FFFFFF;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  border           : 1px solid #660000;
  background       : #660000;
  padding          : 2px 4px 2px 4px;
  margin-top:	   : 2px;
  line-height      : 10px;
  text-decoration  : none;
  float            : right;
}

a.readon:hover {
 color            : #FFFFFF;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  border           : 1px solid #990033;
  background       : #660000;
  padding          : 2px 4px 2px 4px;
  margin-top:	   : 2px;
  line-height      : 10px;
  text-decoration  : none;
  float            : right;
}

.back_button a:link, .back_button a:visited {
 color            : #FFFFFF;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  border           : 1px solid #990033;
  background       : #660000;
  padding          : 2px 4px 2px 4px;
  margin-top:	   : 2px;
  line-height      : 10px;
  text-decoration  : none;
  float            : right;

}

.back_button a:hover {
  color            : #FFFFFF;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  border           : 1px solid #990033;
  background       : #660000;
  padding          : 2px 4px 2px 4px;
  margin-top:	   : 2px;
  line-height      : 10px;
  text-decoration  : none;
  float            : right;

}

.pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited {
  color            : #003366;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
  margin           : 6px 0px 10px 0px;
}

.pagenav a:hover, .buttonheading a:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
  margin           : 6px 0px 10px 0px;
}

/* ###################### CONTENT SETTINGS ##################### QM: ok */

.img-left {float: left; margin-right: 10px;}
.img-right {float: right; marign-left: 10px;}
.img-center {float: center; margin: 10px;}
.img-right-border {float: right; margin: 0px 0px 10px 10px; padding: 3px; border: 1px solid #CCCCCC; background: #FFFFFF;}
.img-left-border {float: left; margin: 0px 10px 10px 0px; padding: 3px; border: 1px solid #CCCCCC; background: #FFFFFF;}
.img-center-border-ns {float: center; margin 0px 0px 0px 0px; padding: 3px; border: 1px solid #CCCCCC; background: #FFFFFF;}

.blue {color: #003366;}
.red {color: #660000;}
	
.left110 {position: relative;  float: left; width: 105px; }
.right510 {position: relative; float: right; width: 400px; }

.seo {position: absolute; left: -999em;}

/* ###################### HOME BOXES ##################### QM: ok */

#home-container {float:left; width:448px; margin:0px 0px 0px 0px; padding:6px 0px 6px 0px;}
	#home-l {float: left; width: 114px; height:114px; border:1px solid #003366; } 
	#home-r {float: left; width: 310px; min-height:116px;}
	
		#home-l img {border:2px solid #ffffff; }
	
		#home-r h1 {font-family: Machine, Impact, Arial, Helvetica; text-transform: uppercase; font-size:18px; padding: 0px 0px 0px 12px; margin:0px 0px 0px 0px; font-weight:100; line-height:18px; line-spacing:100%;}
		#home-r a:link, #home-r a:active, #home-r a:hover, #home-r a:visited {text-decoration: none;}
		#home-r p {line-spacing: 100%; line-height: normal; padding: 0px 0px 0px 12px;}


/* ###################### BOTTOM MODS ##################### QM: ok */

div.mod_contentitem-btm .img-right-border {float: right; margin: 0px 0px 10px 10px; padding: 1px; border: 1px solid #CCCCCC; background: #FFFFFF;}
div.mod_contentitem-btm .img-left-border {float: left; margin: 0px 10px 10px 0px; padding: 1px; border: 1px solid #CCCCCC; background: #FFFFFF;}
div.mod_contentitem-btm p,
div.mod_contentitem-btm td {font-family: arial; font-size: 13px; color: #FFFFFF; line-height:150%;}
div.mod_contentitem-btm a:link {color: #FFFFFF; text-decoration: none;}
div.mod_contentitem-btm a:visited {color: #FFFFFF; text-decoration: none; }
div.mod_contentitem-btm a:hover {color: #FFFFFF; text-decoration: underline; }

div.mod_contentitem-btm a.readon:link, a.readon:visited { color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; border: 1px solid #660000; background: #660000; padding: 2px 4px 2px 4px; margin-top: 2px; line-height: 10px; text-decoration: none; float: right; }
div.mod_contentitem-btm a.readon:hover {color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; border: 1px solid #990033; background: #660000; padding: 2px 4px 2px 4px; margin-top: 2px; line-height: 10px; text-decoration: none; float: right; }

a.dm_mod_catdown:link, a.dm_mod_catdown:visited,a.dm_mod_catdown:active {color: #FFFFFF; text-decoration:none; font-weight:normal;}
a.dm_mod_catdown:hover {color: #FFFFFF; text-decoration:underline; font-weight:normal;}

div.white {color:#FFFFFF};
div.white p {color:#FFFFFF};
div.white a {color:#FFFFFF; text-decoration:underline};

/* ###################### TABLES for SCHEDULES AND COURSES ##################### QM: ok */

#sports-table {width: 572px;}
#sports-table table {border: 1px solid #003366; background:#FFFFFF; width:572px; overflow:hidden;}
#sports-table th {height: 32px; background:URL(../images/table-header.gif) repeat-x; font-family:machine,arial; font-size: 18px; padding:0px 0px 4px 12px; color:#FFFFFF; font-weight: 100; text-align:left; }
#sports-table td {padding:0px 2px 0px 2px; font-size: 12px; border-bottom: 1px solid #6699cc; text-align:left; vertical-align:top;}
#sports-table tr.header {background:#6699cc; padding-top:6px; border-top: 1px solid #003366;}
#sports-table tr.sessions {background:#FFFFFF;}

#events-table {width:580px;}
#events-table table {border: 1px solid #003366; background:#FFFFFF; width:580px; overflow:hidden;}
#events-table th {height: 32px; background:URL(../images/table-header.gif) repeat-x; font-family:machine,arial; font-size: 18px; padding:0px 0px 4px 12px; color:#FFFFFF; font-weight: 100; text-align:left; }
#events-table td {padding:0px 2px 0px 2px; font-size: 12px; text-align:left; vertical-align:top;}
#events-table tr.header {background:#6699cc; padding-top:6px; border-top: 1px solid #003366;}
#events-table td.caption {background:#EAEAEA; margin:0px 2px 0px 2px; border:2px 4px 2px 4px solid #FFFFFF;}


#rental-table {}
#rental-table table {border: 1px solid #003366; background:#FFFFFF; width:580px;}
#rental-table th {height: 32px; background:URL(../images/table-header.gif) repeat-x; font-family:machine,arial; font-size: 18px; padding:0px 0px 4px 12px; color:#FFFFFF; font-weight: 100; text-align:left; }
#rental-table td {padding:0px 2px 0px 2px; font-size: 12px; text-align:left; vertical-align:top;}
#rental-table tr.header {background:#6699cc; padding-top:6px; border-top: 1px solid #003366;}
#rental-table td.caption {background:#EAEAEA; margin:0px 2px 0px 2px; border:2px 4px 2px 4px solid #FFFFFF;}



#camps-table {}
#camps-table table {border: 1px solid #003366; background:#FFFFFF;}
#camps-table th {height: 32px; background:URL(../images/table-header.gif) repeat-x; font-family:machine,arial; font-size: 18px; padding:0px 0px 4px 12px; color:#FFFFFF; font-weight: 100; text-align:left; }
#camps-table td {padding:1px 2px 1px 2px; font-size: 12px; text-align:left; vertical-align:top;}
#camps-table td h2 {margin:0px; padding:0px; text-align:center;}
#camps-table tr.header {background:#6699cc; padding-top:6px; border-top: 1px solid #003366;}
#camps-table td.desctiption {background:#EAEAEA; margin:0px 4px 0px 4px; border:2px 6px 2px 6px solid #FFFFFF;}
#camps-table td.links {margin:0px 2px 0px 2px; border:2px 4px 2px 4px solid #FFFFFF;}
#camps-table td.links p {background:#EAEAEA; padding: 1px 1px 1px 1px; margin: 3px 0px 3px 0px; border-bottom: 1px #6699cc solid;} 

/* ###################### FAQs ##################### QM: ok */

.question {padding: 0px 0px 0px 20px; margin: 18px 0px 0px 0px; background:URL(../images/question.gif) left top no-repeat; color:003366;}
.answer   {padding: 0px 0px 0px 20px; margin: 6px 0px 0px 0px; background:URL(../images/answer.gif) left top no-repeat; }

/* ###################### Events Setting ##################### QM: ok */

#event-ad p {padding: 6px; font-family: arial; font-weight; bolder; font-size: 14px; text-align: center; line-spacing:100%; line-height:18px;}
#event-ad span {font-size: 18px;}

#event-block {float: right; width:165px; padding: 10px; margin: 0px 0px 10px 10px; background: #660000; color: white;}
#event-block h1 { padding: 0px; margin: 0px; font-size: 18px; font-weight: normal; text-align: left; color: #FFFFFF; font-family: MACHINE, Helvetica, Verdana, Arial, San-serif; line-height: 100%;}
#event-block p {color: white;}

#call-block {position:relative; float: left; width: 600px; height: 135px; border: 1px solid #660000; padding: 0px; background:URL(../../../../images/stories/icons/JDF-call-button.gif) no-repeat; padding: 0px; margin: 0px;}
#call-block-text {position: absolute; width:256px; height: 110px; top: 14px; left: 340px;}
#call-block-text ul {padding: 0px; margin:0px;}
#call-block-text li.phone {list-style: none; background:URL(../../../../images/stories/icons/icon-phone.gif) top left no-repeat; padding-left:28px; }
#call-block-text li.form {list-style: none; background:URL(../../../../images/stories/icons/icon-form.gif) top left no-repeat; padding-left:28px; }
#call-block-text li.email {list-style: none; background:URL(../../../../images/stories/icons/icon-mail.gif) top left no-repeat; padding-left:28px; }