/* BODY
------------------------------------------------------------------*/

body {
	color: #000;
	text-align:center;
	background-color:#333;
	font: 12px verdana,arial,helvetica,sans-serif;
}

/* CONTAINER
------------------------------------------*/
#container {
width: 760px;
margin: 20px auto;
padding:0;
border:1px solid #fff;
text-align:left;
background-color:#fff;
}
 
/* CONTAINER2 contains the footer, goes below container1, and has no border.
------------------------------------------*/
#container2 {
width: 760px;
margin: 20px auto;
padding:0;
text-align:left;
} 
 
 /* WIDES
------------------------------------------*/
 
#wide1	{
width:760px;
height:115px;
border:0;
margin:0;
padding:0;
background:#fff url(img/security-header.jpg) no-repeat center center;
} 

#wide2	{
width:760px;
height:auto;
border:0;
margin:0;
padding:0;
} 


#wide3	{
width:740px;
height:auto;
border:0;
margin:0;
padding:10px;
vertical-align:top;
background-color:#fff;
} 


/* LEFT and RIGHT go inside wide3 to contain main content----------------- */ 

/* LEFT
------------------------------------------*/
#left {
border-right:1px solid #ccc;
width:500px;
margin:0 0 10px 0;
padding:0 10px 0 0;
float:left;
background-color:#fff;
}


/* RIGHT
------------------------------------------*/
#right {
width:210px;
border:0;
margin:0;
padding:0 0 0 10px;
float:left;
background-color:#fff;
}



/* WIDE3-INTERNAL has no padding
------------------------------------------*/
#wide3-internal	{
width:760px;
border:0;
margin:0;
padding:0;
vertical-align:top;
background-color:#fff;
clear:both;
} 

/* WIDE4-INTERNAL is a Firefox patch; it contains no content; it is present to give Firefox a definite height and width value to "latch on to", thus drawing container1 down to the full height of the page. I don't like it either.
------------------------------------------*/
#wide4-internal	{
width:760px;
height:0px;
line-height:0px;
font-size:0px;
border:0;
margin:0;
padding:0;
background-color:transparent;
clear:both;
} 


/* LEFT168 and RIGHT542 go inside wide3-internal to contain main content----------------- */ 

/* LEFT168
------------------------------------------*/
#left168 {
border:0;
width:168px;
margin:0 0 10px 0;
padding:0 10px 0 0;
float:left;
background-color:#fff;
}

#left168 h3 {
border:0;
margin:0 0 0 10px;
padding:5px 0;
font: bold 12px verdana,arial,helvetica,sans-serif;
color:#c00;
}


/* LEFTNAV----------------- */

.leftnav	{
margin:8px 0 8px 10px !important;
padding:0 !important;
border:0 !important;
}


.leftnav a:link, .leftnav a:visited	{
color:#000 !important;
text-decoration:none !important;
font: bold 12px verdana,arial,helvetica,sans-serif !important;
}

.leftnav a:hover, .leftnav a:active	{
color:#c00 !important;
text-decoration:none !important;
font: bold 12px verdana,arial,helvetica,sans-serif !important;
}


.leftnavsub {
margin:5px 0 5px 10px !important;
padding:0 !important;
border:0 !important;
}

.leftnavsub a:link, .leftnavsub a:visited	{
color:#03c;
text-decoration:none;
font: 11px verdana,arial,helvetica,sans-serif;
}

.leftnavsub a:hover, .leftnavsub a:active	{
color:#03c;
text-decoration:underline;
font: 11px verdana,arial,helvetica,sans-serif;
}


.leftnavhere {
margin:10px 0 10px 10px !important;
padding:0 !important;
border:0 !important;
}

.leftnavhere a:link, .leftnavhere a:visited, .leftnavhere a:hover, .leftnavhere a:active	{
color:#c00 !important;
text-decoration:none !important;
font: bold 12px verdana,arial,helvetica,sans-serif !important;
}




/* RIGHT
------------------------------------------*/

/* right542 is less the 542px wide b/c MSIE 6 seems to need it ----------------- */

#right542 {
width:525px;
border:0;
margin:0;
padding:0 20px 20px 20px;
float:left;
background-color:#fff;
height:100%;
}


#right542 h1 {
font: 20px verdana,arial,helvetica,sans-serif !important;
margin:10px 0;
padding:0;
}

#right542 h2 {
font: 16px verdana,arial,helvetica,sans-serif !important;
margin:10px 0;
padding:0;
color:#c00;
}



/* frontone, fronttwo, frontthree line up on front page inside wide3 ----------------- */
 
.frontone	{
width:160px;
height:auto;
vertical-align:top;
float:left;
background-color:#fff;
padding:0;
margin:0;
border:0;
font: 11px/18px verdana,arial,helvetica,sans-serif;
} 

.fronttwo	{
width:160px;
height:auto;
vertical-align:top;
float:left;
background-color:#fff;
padding:0;
margin:0 0 0 10px;
border:0;
font: 11px/18px verdana,arial,helvetica,sans-serif;
} 

.frontthree	{
width:160px;
height:auto;
vertical-align:top;
float:left;
background-color:#fff;
padding:0;
margin:0 0 0 10px;
border:0;
font: 11px/18px verdana,arial,helvetica,sans-serif;
} 
 


#wide4	{
width:760px;
height:240px;
border:0;
margin:10px 0 0 0;
padding:0;
background-color:#666;
clear:both;
} 


/* grayone, graytwo, graythree line up on front page inside wide4 ----------------- */
 
.grayone	{
width:218px;
height:auto;
vertical-align:top;
float:left;
background-color:#666;
padding:15px;
} 

.grayone h3, .graytwo h3, .graythree h3	{
color:#fff;
font: bold 12px verdana,arial,helvetica,sans-serif;
margin:0 0 10px 0;
} 

.grayone p, .graytwo p, .graythree p	{
color:#C8C8C8;
font: 11px/18px verdana,arial,helvetica,sans-serif;
margin: 0;
} 

.grayone a, .graytwo a, .graythree a	{
color:#C8C8C8;
font: 11px/18px verdana,arial,helvetica,sans-serif;
margin: 0;
text-decoration:none;
} 

.graytwo	{
width:218px;
height:auto;
vertical-align:top;
float:left;
background-color:#666;
padding:15px;
} 

.graythree	{
width:219px;
height:auto;
vertical-align:top;
float:left;
background-color:#666;
padding:15px;
} 
 
 
 
 /* FOOTER
------------------------------------------------------------------*/
#footer {
	width: 760px;
	height:40px;
	margin:0;
	border:0;
	padding:0;
	background-color: #333;
	font: 11px verdana,arial,helvetica,sans-serif;
	color:#999;
	text-align:center;
	clear:both;
	}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {text-decoration: none;border:0;padding:0 10px;color:#fff;}

#footer p {padding:0;margin:0;font: 11px verdana,arial,helvetica,sans-serif;}
 
.rightbox	{
width:220px;
background:#fff url(img/rightbox-background.gif) repeat-x;
padding:0;
margin:0;
border:0;
font: 11px/18px verdana,arial,helvetica,sans-serif;
}

.rightbox p	{
padding:0 10px;
margin:0 0 10px 0;
}

.rightbox img	{
margin: 0 0 10px 0;
}

.rightbox a:link, .rightbox a:visited	{
margin:0;
padding:0;
border:0;
color:#03c;
text-decoration:none;
}

.rightbox a:hover, .rightbox a:active	{
margin:0;
padding:0;
border:0;
color:#03c;
text-decoration:underline;
}


/* text selectors
----------------- */

p, h1, h2, h3, h4, h5, h6, td, li	{
	font-family: verdana,arial,helvetica,sans-serif;
}

/* FLOATS
----------------- */
.float-left	{
float:left;
}

.float-right	{
float:right;
}

.float-left-img	{
float:left;
margin: 0 15px 15px 0;
}

.float-right-img	{
float:right;
margin: 0 0 15px 15px;
}


/* BOXES
----------------- */

.graybox	{
background-color: #EDF4FB;
border:1px solid #ccc;
width:auto;
height:auto;
padding:20px;
font: 20px/28px times, "times new roman", serif, verdana,arial,helvetica,sans-serif;
clear:both;
margin:0 0 10px 0;
}

.graybox-internal	{
background-color: #999;
border:0;
padding:10px;
margin:10px 0 0 0;
width:148px;
min-height:170px;
}

.graybox-internal h3	{
border:0 !important;
padding:0 !important;
margin:0 0 10px 0 !important;
font: bold 14px verdana,arial,helvetica,sans-serif !important;
color:#ffc !important;
}

.graybox-internal p	{
border:0 !important;
padding:0 !important;
margin:0 !important;
font: 11px verdana,arial,helvetica,sans-serif !important;
color:#fff !important;
}




.bluebox	{
background-color: #54789F;
color:#fff;
border:0;
margin:5px 0;
padding:5px;
font: bold 11px verdana,arial,helvetica,sans-serif;
clear:both;
}



/* TOPNAV
----------------- */

.topnav	{
margin:0;
border-top:1px solid #fff;
border-bottom:3px solid #c00;
padding:0;
width:760px;
}


.topnav td	{
margin:0;
border-bottom:2px solid #fff;
padding:0;
font: bold 10px verdana,arial,helvetica,sans-serif;
text-transform:uppercase;
}

.topnav a:link, .topnav a:visited	{
height:20px;
line-height:20px;
padding:2px;
border-left: 1px solid #fff;
color: #fff;
display:block;
background-color:#c00;
text-align:center;
text-decoration: none;
}

.topnav a:hover, .topnav a:active	{
height:20px;
line-height:20px;
padding:2px;
border-left: 1px solid #fff;
color: #fff;
display:block;
background-color:#006187;
text-align:center;
text-decoration: none;
}

.border0	{
border:0 !important;
}

.padding10px	{
padding:10px;
}

/* -------------- YOU ARE HERE --------- */

.here a:link, .here a:visited  {
background-color:#006187;
}

.here a:hover, .here a:active  {
background-color:#006187;
}


/* COLORS
----------------- */

.red	{
color:#c00000;
}

.white	{
color:#fff;
}

/* LINES
----------------- */
.grayline	{
border-bottom:1px solid #B0B0B0;
height:1px;
line-height:1px;
font-size:1px;
width:auto;
margin:5px 0;
}


/* FORM
----------------- */

input	{
margin:5px;
}

.formfield	{
width:120px;
}