﻿/* CSS Document */

html {
	margin: 			0px 0px 0px 0px;
	padding: 		 	0px 0px 0px 0px;
	
	
	

}
	
body {
	
	background: url(images/backgroundrpt13.fw.png)  center top repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 9pt/12pt Arial, sans-serif;
	overflow-x: hidden;

}



#header {
    background:			url(images/title.jpg) center top no-repeat;
	margin: 			0px auto 0px auto;
	padding: 			0px 0px 0px 0px;
	height: 			68px;
	width:				1100px;
	border:				none; 
	text-align: 		right;
}

.main{
	
	}

.align_left{
	margin: 			2px 10px 10px 0px;
	float:				left;
	border:				solid 1px #666666;
	clear:				left;
}

.align_right{
	margin: 			2px 0px 10px 10px;
	float:				right;
	border:				solid 1px #666666;
	clear:				right;
}

.alignleft{
	margin: 			2px 10px 10px 0px;
	float:				left;
	clear:				left;
}

.alignright{
	margin: 			2px 0px 10px 10px;
	float:				right;
	clear:				right;
}

#nav {
	width: 				1100px;
	float: 				left;
	margin: 			0px 0px 10px 0px;
	padding:			0;
	color:				#000033;
	background-color: 	#FFFFFF;
	   	
}

#nav ul {
	list-style: 		none;
	width: 				1100px;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px; 
}

#nav li {
	float: 				left; 
}

#nav li a {
	display:			block;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 10px 0px 26px; 
	text-decoration: 	none;
	font-size:			18.1px; 
	color: 				#000033;
	
}



#nav li a:hover {
	color:				#666666;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 10px 0px 26px; 
	}
	
#nav2 {
	width: 				1100px;
	height:				30px; 
	background:			url(images/bg.png) repeat-x ;
	margin: 			10px auto 10px auto;
	padding-top:		10px;
	padding:			0;
	
	
	   	
}

#nav2 ul {
	list-style: 		none;
	width: 				950px;
	margin: 			7px 0px 0px 0px;
	padding: 			7px 0px 0px 0px; 
}

#nav2 li {
	float: 				left;
	
}

#nav2 li a {
	display:			block;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 37px 0px 37px; 
	text-decoration: 	none;
	font-size:			12px;
	font-weight:		bold; 
	color:				#FFFFFF;
	
}



#nav2 li a:hover {
	color:				#FFFFFF;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 37px 0px 37px; 
	}
	
	
	
	h2 {
	font-size: 			18pt;
	color: 				#000000;
}


h3 {
	font-size: 			10pt;
	color: 				#000066;
}

h4 {
	font-family: 		Arial, sans-serif;;
	font-size: 			8pt;
	color: 				#000000;
	border-bottom:		solid #000066 1px;

}

.sidemenumain{
	font-size: 			11pt;
	font-weight:		bold;
	padding-left:		10px;
	padding-top:		7px;
	color:				#FFFFFF;
	
		}
		
.sidemenu{
	font-size: 			8pt;
	font-weight:		bold;
	padding-left:		10px;
	padding-top:		3px;
	padding-bottom:     3px;	
	color: 				#FFFFFF;
	
		}
		
		.sidemenu2{
		background-color: #A31616;
	font-size: 			8pt;
	font-weight:		bold;
	padding-left:		10px;
	padding-top:		3px;
	padding-right:		3px;
	padding-bottom:     3px;	
	color: 				#FFFFFF;
	
		}
		
		.sidemenu4{
		
	font-size: 			8pt;
	font-weight:		bold;
	
	padding-top:		3px;

	padding-bottom:     3px;	
	color: 				#FFFFFF;
	
		}
		
			.sidemenu3{
		background-color: #DDDDDD;
	font-size: 			8pt;

	padding-left:		10px;
	
	padding-right:		3px;
	padding-bottom:     3px;	
	color: #333333; 
	
		}
		
.sidemenumain a:visited{
	color: 				#FFFFFF;
			}
			
.sidemenumain a:link{
	color: 				#FFFFFF;
			}			
			




a:link {
	color: #999999;
	text-decoration: 	none;
}
a:visited {
	text-decoration: 	none;
	color: 				#999999;
}
a:hover {
	text-decoration: 	none;
	color: #999999 ;
}
a:active {
	text-decoration: none;
	color: #F9060A;
}

#flashcontent2 {
	border:				solid #999999 1px; 
	margin:				0px; 
	padding:  			0px;
}

.navigation {
	
	height: 36px;
	overflow: auto;
	display: block;
	float: left;
	width: 100%;
	}
	.navigation * {
	padding:0;
	margin:0;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	
	}
	.navigation ul {
	display: block;
	
	padding: 5px 0 0 0;
	margin: 0px 0 0 0px;
	}
	.navigation ul li {
	list-style: none;
	float: left;
	margin: 0 0 0 -5px;
	}
	
.navigation ul li a {
 	background: url(images/nav_right_IE6.png) top right no-repeat !important;
	background: url(images/nav_right.png) top right no-repeat;
	display: block;
	padding: 0 13px 0 0;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
 	}
 .navigation ul li.selected a,
 .navigation ul li.hover a {
	 background: url(images/nav_selected_right.png) top right no-repeat !important;
	 background: url(images/nav_selected_right_IE6.png) top right no-repeat;
	 color: #FFFFFF;
	 }

 .navigation ul li a span {
	 background: url(images/nav_left.png) top left no-repeat !important;
	 background: url(images/nav_left_IE6.png) top left no-repeat;
	 display: block;
	 padding: 10px 5px 5px 17px;
	 }
 .navigation ul li.selected a span,
 .navigation ul li.hover a span {
	 background: url(images/nav_selected_left.png) top left no-repeat !important;
	 background: url(images/nav_selected_left_IE6.png) top left no-repeat;
	 }
	 
	 	.menubottom2{
	
	
	padding-left:52px;
	text-align:center;

		
	padding-bottom:     5px;
	font-weight:		bold;
	

			}
			
				.menubottom3{
	
	
	padding-left:52px;
	text-align:center;
	color: #C0C0C0;
	
		
	padding-bottom:     5px;
	font-weight:		bold;
	

			}	


a.menubottom2:link {color: #FFFFFF;}      /* unvisited link */
a.menubottom2:visited {color: #FFFFFF;}  /* visited link */
a.menubottom2:hover {color:#FFFF00;}  /* mouse over link */
a.menubottom2:active {color: #FFFFFF;}  /* selected link */ 

a.menubottom3:link {color:#C0C0C0;}      /* unvisited link */
a.menubottom3:visited {color:#C0C0C0;}  /* visited link */
a.menubottom3:hover {color:#FFFF00;}  /* mouse over link */
a.menubottom3:active {color:#C0C0C0;}  /* selected link */ 


.bottommenu2{
color:#FFFFFF}
	
	.menubottom{
	
	
	font-size:18px;
	display:block;
	text-align:center;
	vertical-align:middle;
	
	
	
	
	
		

	font-weight: bold;
	
	

			}	


a.menubottom:link {color:#037FBB;}      /* unvisited link */
a.menubottom:visited {color:#037FBB;}  /* visited link */
a.menubottom:hover {color:#1A366E;;}  /* mouse over link */
a.menubottom:active {color:#037FBB;}  /* selected link */ 


.bottommenu{
color:#FFFFFF
	
	

			}	

a.bottommenu:link {color:#FFFFFF;}      /* unvisited link */
a.bottommenu:visited {color:#FFFFFF;}  /* visited link */
a.bottommenu:hover {color:#FFFF00;}  /* mouse over link */
a.bottommenu:active {color:#FFFFFF;}  /* selected link */ 




#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider, #slider li {width:830px;overflow:hidden;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;background:url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:830px;}														
.nextBtn {background:url(../images/btn_next.gif) no-repeat 0 0;}	

.style1 {font-size: 18pt}
.style2 {color: #000033}
.style3 {color: #0000FF}
.style4 {font-size: 10pt; color: #000033; }

#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				margin-bottom:0px;
			 
				padding: 0 0 0 10px;
				list-style-type: none;
				font-size: 11px;
				background: #eee;
				height: 28px;
			
			
				border-left: 2px solid #eee;
		
				border-right: 2px solid #ccc;
			}
			#menu li {
				float: left;
				margin: 0;
				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 28px;
				color: #FFFFFF;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #FFFFFF;
				
				color: #000000;
			}
			
			/* Black Menu */
			#menu.black {
				
				border-left: 2px solid #333;
			
				border-right: 2px solid #000;
				background: #333;}
			#menu.black a {color: #FFFFFF;}
			#menu.black li a:hover, #menu.black li.active a {color: #000000; background: #FFFFFF;}
			
			


#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}

#footer{

max-width:2200px;
background-color: #222;
padding-top:0x;
margin: 0mm -200mm 0mm -200mm;
height:auto;

}

.style14 {font-size: 12pt; color: #000033; }
.style19 {font-size: 9pt}

.drop_menu {
background:#333333;
padding:0;
margin:0;
font-size: 11px;
list-style-type:none;
height:28px;
z-index:1000;
}
.drop_menu li { float:left; z-index:1000; }
.drop_menu li a {
padding:6px 20px;
display:block;
font-family: Arial, sans-serif;
				font-weight: bold;
color:#fff;
text-decoration:none;

z-index:1000;

}
	.drop_menu li a:hover, #menu li.active a {
				background-color: #FFFFFF;
				
				color: #000000;
			}

/* Submenu */
.drop_menu ul {
position:absolute;
left:-9999px;
top:-9999px;
list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#333333; }
.drop_menu li:hover ul {
left:0px;
top:28px;
background:#333333;
padding:0px;
}

 
.drop_menu li:hover ul li a {
padding:5px;
display:block;
width:200px;
text-indent:15px;
background-color:#333333;
}
.drop_menu li:hover ul li a:hover { background-color: #FFFFFF;
				
				color: #000000; }


 @media only screen 
 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

 

  html,

  body{

    width:1100px;

    overflow-x:hidden;

  }

 

}

 @media only screen 
 
and (min-device-width : 375px) 
and (max-device-width : 667px)  { 

 

  html,

  body{

    width:1100px;

    overflow-x:hidden;

  }

 

}
