/* JICF cascading style sheet */

body{
	font-size:14px;
	text-align:center;
	margin:10px 0px 0px 0px;
	padding:0px;
	font-family:  Century Gothic, Tahoma, Verdana, sans-serif;
	background:url(strike.bmp) repeat-x;
	background-position:0px 110px;
}

p{
	text-indent:0px;
}
#wrapper {
	text-align:left;
	width:1100px; 
	margin:0 auto;
}

/* Index SlideShow */
#container{
	width:450px;
	height:320px;
	margin: 0px 5px 0px 5px;
	overflow: hidden;
}
#slideshow{
	margin-top:-25px;
	width:450px;
	height:320px;
	position: relative;
	z-index:1;
}
#caption{
	position: relative;
	font-size: 14px;
	color: #888;
	background:#FFF;
	z-index:2;
}

/*front page*/
#box_right.content{
	margin: 10px 5px 0px 5px;
	width: 240px;
	height: auto;
	font-size: 13px;
}
#box_right.content h1{
	margin: 2px 0px 2px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight:bold;
}
#box_right.content p{
	margin: 5px 0px 5px 10px;
	padding: 0px;
	font-size: 13px;
}
#box_right.content span a{
	font-size: 11px;
	text-decoration:underline;
}			
#box_right.content span a:hover{
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
}			


/* Header */
#header{
  margin:0px auto;
  padding:0px;
}
#header_top{
	position:relative;
	height:80px;
	border:none;
}
#header_top.logo{
	float:left;
	width:255px;
	margin:0px 0px 0px 80px;
	padding:0px;
}
#header_top.tgplogo{
	float:right;
	width:170px;
	margin: 0px 70px 0px 0px;
	padding:0px;
}
#header_top h1 { 
	font-family: Century Gothic, Tahoma, Verdana, sans-serif;
	float: left;	
	font-size: 1.9em;
	margin: 10px 50px 0px 20px;
	text-align:left;
	padding:0px;
}		
#header_top h1 span { 
  color: #999; 
}
#header_top h1 a {
	border: none;
	color: #000;	
	text-decoration: none;
	font-weight: normal;	
}		
#header_mid{
	position:relative;
	height:20px;
}
#header_bottom{
	text-align: center;
	height:100px;
	clear:both;
}
#header_bottom h1{
  text-align:center;
  font-size:16px;
  color:#fff;
	font-weight:500;	
	font-style:italic;
	font-family:"candara";
	margin-top:30px;
}

/* top navigation */

#topnav{
	float:right;
	padding-right:50px;
	position:relative;
}
#topnav a{
	text-decoration:none;
	text-align:center;
	color: #FFF;
	font-size:10px;
	background: url(tab.gif);
	display:inline-table;
	width:110px;
	padding-top:2px;
}
#topnav a:hover{
	text-decoration:underline;
	width:110px;
	padding-top:2px;
}
#topnav ul{
	padding:0;
	margin:0;
	line-height:18px;
}
#topnav li{	
	list-style-type:none;	
	display:inline;
	float:left;
}
#topnav li ul a{
	text-decoration:none;
	text-align:center;
	background: #000;
	width:140px;
}
#topnav li ul a:hover{
	text-decoration:underline;
	width:140px;
}
#topnav li ul{	
	display:none;
}
#topnav li ul li{	
	display:block;
	width:140px;
	background: #000;
	text-align:center;
	border-top:1px solid #FFF;
	z-index:2;
}
#topnav li:hover ul {
	display:block;	
	width:110px;
	position:absolute;
	top:20px;
	left:auto;
}

/* body */

#body{
  margin-left:2%;
  margin-right:2%;
  padding:0px;
}
#menu li{
	list-style-type:none;	
	display:inline;
}
#box{
	display:block;
	margin:0px;
	padding:0px;
	height:80px;
	width:240px;
}
#content{
  float:left;
  margin:0px;
  padding:0px;
  width:730px;
	font-family:Verdana, Arial, sans-serif;
	font-size:14px;
	color:#444;
}
#content textarea{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#444;	
}
#content pre{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#444;	
}
#content input{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#444;	
}
#content table{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#444;	
}
#content td{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#444;	
}
#content th{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#444;	
}
#content a{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#444;	
	text-decoration:underline;
}
#content a:hover{
	font-weight:bold;
	text-decoration:none;
}
#content h1{
	font-size:16px;
	font-weight:bold;
}
#content h1 a{
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}
#content h1 a:hover{
	font-size:16px;
	font-weight:bold;
	color:#777;	
	text-decoration:none;
}
#content h2{
	font-size:15px;
	font-weight:bold;
}
#content h2 a{
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}
#content h2 a:hover{
	font-size:15px;
	font-weight:bold;
	color:#777;	
	text-decoration:none;
}
#content h3{
	font-size:14px;
	font-weight:bold;
}
#content h3 a{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
#content h3 a:hover{
	font-size:14px;
	font-weight:bold;
	color:#777;	
	text-decoration:none;
}
#content h4{
	font-size:13px;
	font-weight:bold;
}
#content h4 a{
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}
#content h4 a:hover{
	font-size:13px;
	font-weight:bold;
	color:#777;	
	text-decoration:none;
}
#content h5{
	font-size:12px;
	font-weight:bold;
}
#content h5 a{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#content h5 a:hover{
	font-size:12px;
	font-weight:bold;
	color:#777;	
	text-decoration:none;
}
#content h6{
	font-size:11px;
	font-weight:bold;
}
#content h6 a{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
#content h6 a:hover{
	font-size:11px;
	font-weight:bold;
	color:#777;	
	text-decoration:none;
}
#content p{
	text-indent:5px;
}
#content blockquote{
	text-indent:0px;
}

/* Side navigation */

#sidenav{
	float:left;
	width:256px;
	padding:0px 0px 0px 50px;
	font-family:Verdana, Arial, sans-serif;
}
#sidenav h4{
	font-family:Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC6600;
	background: url(header_strike.bmp) no-repeat;
	background-position:0px 18px;
}
#sidenav a{
	display:block;
	text-decoration:none;
	text-align:left;
	padding-left:5px;
	color:#CC6600;
	width:140px;
	font-size:11px;
	height:20px;
}
#sidenav a:hover{
	text-decoration:underline;
	background: url(sidenav_bg.bmp) repeat-y;
	color:#000;
}
#sidenav ul{
	padding:0px;
	margin:0px;
	line-height:20px;
	list-style-position:inside;
	width:200px;
	border-left: 1px solid #CC6600;
	border-right: 1px solid #CC6600;
	background-color: #F7F9FB;
}
#sidenav li{
	width:130px;	
	margin-left:20px;
	text-align:center;
	position:relative;	
	list-style-type:none;	
}
#sidenav li ul{
	padding:0px;
	margin:0px;
	margin-left:-10px;
	line-height:20px;
	border:none;
	width:auto;
}
/*#sidenav li ul li{	
	background-color: #F7F9FB;
	width:150px;	
	margin:0px;
}
#sidenav li:hover ul,
#sidenav li.msieFix ul  {
	visibility:visible;	
	top:0px;
	left:150px;
	width:300px;
	z-index:5;
}
#sidenav li:hover ul li ul,
#sidenav li.msieFix ul li ul {
	visibility:hidden;	
	position:absolute;
}
#sidenav li ul li ul{
	visibility:hidden;	
	position:absolute;
}
#sidenav li ul li ul li{	
	background-color: #F7F9FB;
	width:150px;	
	margin:0px;
}
#sidenav li ul li:hover ul,
#sidenav li ul li.msieFix ul  {
	visibility:visible;	
	top:0px;
	left:150px;
	width:300px;
	z-index:5;
}
#sidenav li ul li ul li ul{
	display:none;
	visibility:hidden;	
	position:absolute;
}
#sidenav li ul li ul li ul li{	
	background-color: #F7F9FB;
	width:150px;	
	margin:0px;
}
#sidenav li ul li ul li:hover ul,
#sidenav li ul li ul li.msieFix ul  {
	display:block;
	visibility:visible;	
	top:0px;
	left:150px;
	width:300px;
	z-index:5;
}*/

/* footer */
#footer{
  clear:both;
  background:#CC6600;
  margin:0px;
  padding:0px;
  margin-left:2%;
  margin-right:2%;
}
#footer p{
  margin:0px;
  padding:10px 0px 5px 0px;
  text-align:center;
  color:white;
  font-size:12px;
  font-weight:400;
  font-family:Century Gothic, Tahoma, Verdana, sans-serif;
}

/* Date picker specific styles follow */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}