/*--------------------------------------------------------------------------
JASCON THREE-COLUMN TOP AND LEFT NAV CSS TEMPLATE
Author: Jordan J. S. Chavez
Company: Jasons Connexion
For: ex-police
/* ------------------------------------------------------------------------- */
/*---------START INITIALIZE ALL STYLES -prevent browser inconsistencies-------------------*/
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }
/*---------END OF INTIALIZATION-----------------------------------------------------------*/
/*-----------General HTML elements---------------*/
body{
font:12px/16px "Arial", Helvetica, sans-serif;
color:#003399;
background:#9F9F9F url(picture/bg.jpg) top center repeat-y;
text-align:center;
_behavior:url("csshover.htc"); 
}
a, a:visited, a:link{text-decoration:none; color:#008CFF;}
a:hover, a:active{text-decoration:none; color:#FF9933;}
fieldset{border:1px solid #333; padding:0px 10px 10px 10px; margin:10px 15px 10px 0px;}
legend{font-size:1.2em; color:#333; font-weight:bold;}
h1,h2,h3 { margin-bottom:8px; }
h1	{ font-size:1.5em; color:#003399; padding-top:10px; text-indent:10px;}
h2	{ font-size:1.3em; color:#003399; padding-top:5px; text-indent:10px;}
h3	{ font-size:1.1em; color:#003399; padding-top:3x; text-indent:10px;}
input {background:#fff; border:1px solid #003399;}
label{ padding-top:5px;}
td.forma {line-height:23px;}
#main-content td{line-height:1.7em;}
fieldset{ padding:10px 10px;}
label{line-height:20px;}
blockquote{
margin:15px 50px 15px 20px; 
text-align:justify; 
line-height:30px; 
font-size:16px; 
padding-left:30px;
background:url(picture/quotefront.gif) top left no-repeat;
font-style:italic;
}
blockquote span{background:url(picture/quoteback.gif) top right no-repeat;padding-right:20px;padding-top:2px;}
/*---------------EO General HTML----------------*/
/*---------------Classes-----------------------*/
.clearboth{clear:both;overflow:hidden;height:5px;}
.clearleft{clear:left;}
.clearright{clear:right;}
ul.checklist{text-indent:15px; padding:0 10px 0 10px; list-style:none;}
ul.checklist li{line-height:20px; background:url(picture/tick.jpg) top left no-repeat;}
ul.bulletlist, ul.arrowlist li ul.bulletlist{margin:0 10px 0 10px; padding:0;list-style:none;}
ul.bulletlist li, ul.arrowlist li ul.bulletlist li{line-height:20px; background:url(picture/bullet.gif) top left no-repeat; margin: 0px 0px 3px 15px;padding-left:20px;}
ul.arrowlist{margin:0px 10px 0px 10px; padding-top:10px; padding-bottom:5px;}
ul.arrowlist li{line-height:20px; background:url(picture/arrowz.gif) top left no-repeat; margin: 0px 0px 3px 5px;padding-left:15px;}
ul.numbered{margin:0 10px 0 10px; }
ul.numbered li{line-height:20px; margin: 0px 0px 3px 10px;}
ul.numbered li a{color:#003399;}
ul.numbered li a:hover{color:#FF9933;}
ul.numbered2{margin:0 10px 0 20px;}
ul.numbered2 li{line-height:17px; margin: 0px 0px 3px 5px;}
a.phone,a.phone:visited, a.phone:link{padding:0px 25px 0 25px; background: url(phoneblue.gif) left no-repeat; line-height:25px; font-size:1.5em;color:#003399;}
a.phone:hover{padding:0px 25px 0 25px; background: url(phoneorange.gif) left no-repeat;color:#DD4E0F;}
a.button, a.button:visited, a.button:link{padding:2px 10px 2px 10px;color:#003399;border:2px solid #003399; background:#ccc; font-weight:bold; font-size:1em;}
a.button:hover{background:#FF9933; color:#003399;border:2px solid #003399;}
a.toparrow{background:url(picture/toparrow.gif) left top no-repeat;text-indent:0;padding-left:15px;height:14px; display:block; width:70px;font-size:12px; font-weight:500;}
.textboxer{ border:1px solid #003399; width:200px; background:#fff;}
.textboxer2{ border:1px solid #003399; width:75px; background:#fff; margin-left:2px;}
/*---------------EO Classes--------------------*/
/*----------------Layout and divisions---------------------*/
#time, #date{font-weight:900px; font-size:12px;}
#wrapper{
width:1000px;
margin:0 auto;
text-align:left;
position:relative;
}
#masthead{
width:1000px;
background:#15458D;
height:120px;
}
#mainnav{
width:1000px;
background:#000 url(imgs/button1.jpg) top center no-repeat;
height:30px;
margin-bottom:0;
}
	#mainnav span{display:none;}
	#mainnav li, #mainnav a{
	display:block;
	height:30px;
	width:123px;
	}
	#mainnav li{float:left; list-style:none; _display:inline;}
/*------------Nav bar-------------------*/
	#main-01{margin-left:48px; }
	#main-02{position:relative;margin-left:7px;}
	#main-03{margin-left:7px;}
	#main-04{margin-left:7px;}
	#main-05{margin-left:7px;}
	#main-06{margin-left:7px;}
	#main-07{margin-left:7px;}
	
	#main-01 a:hover{background:url(imgs/button1.jpg) 2px -31px no-repeat;}
	#main-02 a:hover{background:url(imgs/button1.jpg) -128px -31px no-repeat;}
	#main-03 a:hover{background:url(imgs/button1.jpg) -258px -31px no-repeat;}
	#main-04 a:hover{background:url(imgs/button1.jpg) -388px -31px no-repeat;}
	#main-05 a:hover{background:url(imgs/button1.jpg) -518px -31px no-repeat;}
	#main-06 a:hover{background:url(imgs/button1.jpg) -648px -31px no-repeat;}	
	#main-07 a:hover{background:url(imgs/button1.jpg) -778px -31px no-repeat;}	

#subnav{
width:1000px;
font-size:10px;
background:#CDDDFE;
height:15px;
}
	#subnav a,#subnav a:visited,#subnav a:active,#subnav a:link,#subnav a:hover{
	text-decoration:none;
	}
	#subnav li,#subnav li a{
	display:block;
	background:#2E3957;
	line-height:15px;
	padding-left:3px;
	padding-right:3px;
	color:#ccc;
	}
	#subnav li{	float:left;list-style:none; _display:inline;}
	#subnav li a:hover{
	color:#FF9933;
	text-decoration:none;
	}
	#subnav li{
	border-top:2px solid #CCCCCC;
	border-right:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	}
	#sub-00{
	margin-left:112px;
	border-left:2px solid #CCCCCC;
	}
/*-----Drop down--------*/
	#mainnav li#main-02 ul{
	list-style:none;
	top:30px;
	left:-999px;
	position:absolute;
	font-size:10px;
	background:#35A831;
	width:119px;
	z-index:100;
	}
	#mainnav li ul li{
	width:119px;
	text-indent:5px;
	border:1px solid #1C6F1B;
	border-top:none;
	height:15px;
	display:block;
	}
	#mainnav li ul li a{
	width:119px;
	height:15px;
	text-indent:5px;
	line-height:15px;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#35A831;
	}
	#mainnav li#main-02:hover ul, #mainnav li#main-02 a:hover ul{left:auto;right:2px;_right:-1px;}
	#main-02 ul li a:hover{background:#FFFFCC; color:#000;}
	
	#sub-01, #sub-02, #sub-03, #sub-04, #sub-05,#sub-01a{position:relative;}

	#subnav li ul{
	top:15px;
	position:absolute;
	font-size:10px;
	padding:0;
	background:#CDDDFE;
	visibility:hidden;
	}
	#sub-01 ul{width:90px;left:-2px;}
	#sub-02 ul{width:170px;left:-2px;}
	#sub-03 ul{width:170px;left:-2px;}
	#sub-04 ul{width:190px;left:-2px;}
	#sub-05 ul{width:150px;left:-2px;}
	#sub-11 ul{
	position:absolute;
	top:0px;
	left:90px;
	visibility:hidden;
	}
	#subnav li ul li{
	width:100%;
	text-indent:5px;
	border:1px solid #2E3957;
	border-top:none;
	height:15px;
	display:block;
	line-height:15px;
	padding:0;
	background:#CDDDFE;
	color:#2E3957;
	}
	#subnav li ul li a{
	width:100%;
	height:15px;
	text-indent:5px;
	line-height:15px;
	display:block;
	text-decoration:none;
	padding:0;
	border:0;
	background:#CDDDFE;
	color:#2E3957;
	}
	#subnav li:hover ul.parent, #subnav li a:hover ul.parent{visibility:visible;}
	#subnav #sub-01 li:hover ul, #subnav #sub-01 li a:hover ul{visibility:visible;}
		#sub-01 ul a:hover,#sub-02 ul a:hover,#sub-03 ul a:hover,#sub-04 ul a:hover,#sub-05 ul a:hover{background:#2E3957; color:#CDDDFE;}
/*------------EOF Nav bar---------------------*/


#mainbody{
width:778px;
float:right;
}
#content{
width:778px;
float:right;
}
#dateAndtime{
height:100%;
width:215px;
float:left;
}
#main-content{
width:517px;
float:left;
}
	#main-content p{
	padding:10px 15px 10px 15px;
	}
#sub-content{
height:100%;
width:259px;
float:right;
text-align:center;
}
#leftcontent{
width:222px;
float:left;
text-align:center;
}
#login h2{height:78px;background:url(picture/afolder_01.jpg) top left no-repeat; display:block; width:192px; padding:0; margin:0;}
#login h2 span{display:none;}
#login2 h2{height:78px;background:url(picture/folder2_01.gif) top left no-repeat; display:block; width:200px; padding:0; margin:0;}
#login2 h2 span{display:none;}

#footer2{
float:left;
width:517px;
font-size:10px;
}
#footer2 p{
	padding:10px 15px 10px 15px;
	text-align:center;
	font-weight:bold;
	font-size:1em;
}
#footer{
clear:both;
margin-left:222px;
margin-right:259px;
width:517px;
font-size:10px;
}
#footer p{
	padding:10px 15px 10px 15px;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
}
#checkfloat{
border:2px solid #003399;
position:absolute;
top:170px;
left:222px;
background:#FFFFFF;
width:482px;
height:260px;
padding-bottom:7px;
visibility:hidden;
}
/*----------floating around div---------------------------*/
a#eto{
position:relative;
width:297px;
height:189px;
text-decoration:none;
color:#fff;
display:block;
}
a#exit{
margin-right:3px;
float:right;
height:29px;
width:68px;
text-decoration:none;
}
a#exit:hover{text-decoration:none;}
#container{
position:fixed;
top:120px;
left:20px;
width:365px;
height:189px;
background: url(bitchka.jpg) no-repeat;
border:#CB2DCC 3px solid;
}
#timer{
	position:absolute;
	top:89px;
	left:65px;
	width:250px;
	height:50px;
	color:#fff;
	font: 38px/42px "Arial", Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#timer span{
color:#fff;
font: 18px/20px "Arial", Helvetica, sans-serif;
text-decoration:none;
}
/*----------------EO Layout and divisions---------------------*/