@charset "utf-8";
/* CSS Document */

html, body
{
  height:100%;
}
#iconselect {
	background: url(../images/clock_bg.gif) no-repeat;
	height: 20px;
	width: 70px;
	font: 13px Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-top: 0px;
}
.selectitems {
	width:50px;
	height:12px;
	border-bottom: dashed 1px #ddd;
	padding-left:0px;
	padding-top:0px;
}
.selectitems span {
	margin-left: 0px;
}
#iconselectholder {
	width: 70px;
	overflow: auto;
	display:none;
	position:absolute;
	background-color:#FFF5EC;
}
.hoverclass{
background-color:#FFFFFF;
curson:hand;}
.selectedclass{
	background-color:#FFFF99;
}

/** You can use this style for your LABEL elements **/
.myinputstyle {
	border: 1px dotted #395a87;
	/** remember to change image path **/
	background: no-repeat #FFFFFF;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #454743;
	cursor: pointer;
}
.mylabelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #000000;
}
#maintext{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:justify;
	padding:10px 20px 10px 25px;
	letter-spacing:1px;
	color:#000033;
}
.bfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000033;
} 
.cfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
} 
	td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: 888FA3;
	font-weight: normal;
}

	#gri td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: 888FA3;
	font-weight: normal;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	background-color:#f2f2f2;
}
 #a a {
	display:block;
	padding:5px 10px;
	height:100%;
	color:#999999;
	text-decoration:none;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
}

	#a a:hover, li a:focus, li a:active {
	background-position:-200px 0px;
	color:#990000;
}
	#a a {background:url(../images/bg2.gif) repeat 0px 0px;}
	
	
.pics {  
    height:  90px;  
    width:   100px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 2px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  100px; 
    height: 90px; 
    top:  0; 
    left: 0 
} 
.frame img {  
    padding: 2px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    top:  0; 
    left: 0 
} 

/* Footer */

#footernav{
	font-family:Verdana, "Times New Roman", Times, serif;
	text-align:center;
	color:#000033;
	font-size:13px;
	padding:5px;
	letter-spacing:3px;
	font-variant:small-caps;
	font-weight:bold;
}
#footernav a{
text-decoration:none;
letter-spacing:2px;
font-variant:small-caps;
}
#footernav a:link, #footernav a:visited{
	text-decoration:underline;
	color:#000033;
}
#footernav a:hover, #footernav a:active{
	text-decoration:none;
	color:#FF0000;
}
.hidden-text { font-size:10px; color:#EBEEF3; }

.h1{
	
	width:700px;
	height:18px;
	margin:0 auto;
	background:#395A87;
	
	text-align: center;
	
	padding:2px 0px 0px 0px;
}

.h1 h1 {
font:11px Tahoma, Arial, sans-serif;
font-weight: bold;
letter-spacing: 1px;
	color: #000000;
}