/* CSS Document */
html, body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
color: #333333;


}
h1{
color: #6a96d0;
font-size: 190%;
font-weight: normal;
}
h1.initial{
color: #6a96d0;
font-size: 190%;
font-weight: normal;
border-bottom: 1px solid #2b3d7c;
padding-bottom: 1em;
display: block;

}
.hd h1{
font-weight: bold;
}
h2{
color: #333333;
font-size: 150%;
font-weight: normal;
}
a{
color: #2B3D7C;
}
a:hover{
color: #000000;
}
a:visited{
color: #4F004D;
}
.shell{
width: 100%;
}
.header{
width: 100%;
height: 135px;
background-image: url(/images/bgnd-header-left.png);
background-position: bottom left;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
.header div.right{
width: 100%;

background-image: url(/images/bgnd-header-right.png);
background-position: bottom right;
background-repeat: no-repeat;

}

.header .right{
height: 135px;
width: 35%;
float: right;
background-image: url(/images/bgnd-header-right.png);
background-position: bottom right;
background-repeat: no-repeat;
}



.header .logo{
float: left;
margin: 3.25em 0.5em 0em 0.5em ;
}


div.utility{
float: left;
width: 35em;
font-size: 70%;


}
div.utility ul{
margin: 0;
padding: 0;
display: table;
}
div.utility ul li{
display: inline;
vertical-align: bottom;
}
div.utility ul li a{
margin-right: 1em;
margin-left: 1em;
margin-bottom: 1em;
color: #2b3d7c;
}

div.utility li.keyline ,div.utility li.small,div.utility li.medium, div.utility li.large{
background-image: url(/images/sep.gif);
background-position: right;
background-repeat: no-repeat;
}

.small { 
	font-size: 1em; 
}
.medium { 
	font-size: 1.05em; 
}
.large { 
	font-size: 1.1em; 
	}
div.print{
display: block;
float: right;
margin: 0.25em 0.1em 0.25em 0em;
padding-left: 1.5em;
font-size: 70%;
background-image: url(/images/but_print.gif);
background-position: top left;
background-repeat: no-repeat;
}
div.print a{
color: #2b3d7c;
}
div.navigation{
float: left;
font-size: 70%;
width: 100%;
margin-top: 35px;
text-transform: uppercase;
}
div.navigation ul.navigation{
margin: 0 0 0 7.25em;
padding: 0 0 0 7.25em;

}
div.navigation ul.navigation li{
display: inline;
background-image: url(/images/sep-lb.gif);
background-repeat: no-repeat;
background-position: left;
}
div.navigation ul.navigation li.current a, div.navigation ul.navigation li.open a{
color: #000000;
text-decoration: underline;
}
div.navigation ul.navigation li:first-child{
background-image: none;
}
div.navigation ul.navigation li a{
color: #0066cc;
margin-right: 0.4em;
margin-left: 0.9em;
text-decoration: none;
}
div.navigation ul.navigation li a:hover{
color: #000000;
}

.content{
width: 99.8%;
border-left: 1px solid #6a7ab2;
border-right: 1px solid #6a7ab2;
margin: 0px;
padding: 0px;
display: table;
background-image: url(images/bgnd-general.gif);
background-repeat: repeat-x;
background-position: bottom;

}

.row{
clear: both;
background-image: url(/images/bgnd-hd.png);
background-position: top left;
background-repeat: repeat-x;
font-size: 80%;
padding: 0;
/*--vetical resize stuff --*/
overflow: hidden;
}
.row-wrapper{
background-image: url(/images/bgnd-row.png);
background-position: bottom left;
background-repeat: repeat-x;
}
.col{
width: 33.5%;
float: left;
/*--vetical resize stuff --*/
padding-bottom: 1001em;
margin-bottom: -1000em;
}

.row .col.keyline{
width: 33%;
float: left;
background-image: url(/images/bgnd-keyline.png);
background-position: top right;
background-repeat: no-repeat;
}
.col .hd{
margin: 0.5em 1.5em;
}
.col h1{
color: #FFFFFF;
font-size: 100%;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.col .cont{
margin: 0.05em 1.5em;
line-height: 18px;
}
.footer{
font-size: 65%;
/*width: 100%;*/
border: 1px solid #CCCCCC;
background-color: #394f8f;
height: 5em;
color: #FFFFFF;
}
.footer .logo{
float: left;
margin: 0 0.25em 0 0.25em;
}
.footer div.patron{
float: left;
width: 70%;
margin-top: 0.7em;
line-height: 1.3em;
}
.footer div.reg{
float: right;
width: 20%;
margin-top: 0.7em;
line-height: 1.3em;
}
.mainimg{
height: 164px;
}
.mainimg.officers{
background-image: url(/images/officers-civilians.gif);
background-position: top left;
background-repeat: no-repeat;
}

.mainimg.civilian{
background-image: url(/images/image-civilian.png);
background-position: top left;
background-repeat: no-repeat;
}
.strapline{
/*width: 45%;
float: right;
margin-left: 3em;
*/
float: left;
font-size: 105%;
margin-top: 2em;
margin-right: 2em;
margin-left: 25em;
color: #2b3d7c;

}
.strapline a{
color: #0066cc;
}
/*-- SEARCH ELEMENTS --*/
div.search{
float: right;
width: 15em;
font-size: 90%;
margin: 0 0 0 0.25em;
padding: 0.5em 0.05em 0 0;
background-image: url(images/bgnd-srch.png);
background-position: top-left;
background-repeat: no-repeat;
height: 30px;

}
div.search form{
margin-left: 1em;

}
#search_box{
background-image: url(/images/bgnd-searchinput.png);
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
padding: 0.1em 0.25em 0em 0.5em;
width: 8em;
height: 1.5em;
border: none;
color: #FFFFFF;
font-size: 120%;
margin-left: 8px;
}
.search-button{
background-image: url(/images/but-go.png);
background-repeat: no-repeat;
background-position: top left;
width: 1.95em;
height: 2em;
border: none;
background-color: transparent;
}
.leftnav{
/*float: left;
width: 9.30em;
background-color: #394f8e;
background-image: url(/images/bgnd-navbase.gif);
background-position: bottom right;
background-repeat: no-repeat;
display: table-cell; 
clear: none;*/
width: 149px;
#width: 149px;
top:135px;
left:1px;
position:absolute; 
background-color: #394f8e;
background-image: url(/images/bgnd-navbase.png);
background-position: bottom right;
background-repeat: no-repeat;
font-size: 80%;
padding: 50px 0 10px 0px;
margin: 0px;
}

* html .leftnav{
position: fixed;
width: 11.65em;
top: 0;
left: 0;
float: left;
}
.leftnav a{
color: #FFFFFF;
}

.leftnav ul{
margin: 0px;
padding: 0px;

}
.leftnav ul li{
list-style: none;
background-image: url(/images/bgnd-navline.gif);
background-position: top left;
background-repeat: repeat-x;
margin: 0.5em 0 0 0;
padding: 0.5em 0 0 0;
}
.leftnav ul li a{
margin: 0em 0.25em 0em 0.25em;
padding: 0em 0.25em 0em 0.25em;
text-decoration: none;
display: block;
}
.leftnav ul li.current a{
color: #6a96d0;
font-weight: bold;
}
.content-right{
float: left;
clear: none;
margin-right: auto;
margin-left: 13em;
font-size: 80%;

}
* html .content-right{
position: inherit;
height: 100%;
margin: 0px;
bottom: 190px;
top: 140px;
left: 280px;
right:50px;
padding-left:20px;
}
.backtop{
border-top: 1px solid #2b3d7c;
padding: 0.5em 0;
font-size: 80%;
margin-top: 5em;

}
.backtop a, .backtop a:hover, .backtop a:visited{
color: #333333;
text-decoration: none;
}
img.gallerythumb{

height: 100px;
}
table.contact_form{
margin: 5px auto;
width: 420px;
}
table.contact_form input, table.contact_form textarea{
background-color: #9cc4eb;
border: none;
width: 240px;
}
table.contact_form input.button{
background-color: #9cc4eb;
border: none;
width: 100px;
font-weight: bold;
}

table.image_gallery{
margin: 5px auto;

}

div.status{
width: 200px;
float: right;
font-size: 70%;
text-align: right;
margin-right: 10px;

}