@import url(/css/style_common.css);
body {behavior: url("/css/hover.htc");}

/* global - page layout*/
#top {height:66px; background:#ffffff url(http://www.globalsecuritygroup.com/images/global/upper_left_corner.jpg) no-repeat top left; border-right: solid 2px #000000;}
#logo {margin-left:196px; width:602px; text-align:right; border-top: solid 2px #000000; border-right: solid 2px #000000;}
#middle {border-left: solid 2px #000000; border-right:solid 2px #000000;}
#top_content {}
#bottom {height:66px; background:#ffffff url(http://www.globalsecuritygroup.com/images/global/bottom_right_corner.jpg) no-repeat bottom right; border-left: solid 2px #000000; }
#bottom_spacer {margin-right:196px; height:64px; width:602px; border-bottom: solid 2px #000000;}

.top_right_column {float: right; display:inline; position: relative; width:560px; margin-right:25px; border-left:1px solid #000000;}

.bottom_right_column {float:right; position:relative; left:-10px; width:260px; margin-top:41px; border-top:15px solid #000000; padding-top:10px; padding-left:10px; margin-right:15px;}
.bottom_left_column {border-top:1px solid #000000; border-right:1px solid #000000; float:left; position:relative; width:465px; margin-left:10px; padding-right:10px;}

.top_page_title {margin-top:123px; background-color:#666666; color:#ffffff; font-size:16px; font-weight:bold; line-height:30px; padding-left:10px; margin-right:100px; width:300px;}
.bottom_page_title {margin-top:10px; background-color:#666666; color:#ffffff; font-size:16px; font-weight:bold; line-height:30px; padding-right:10px; margin-left:165px; width:300px; text-align:right;}
.bottom_page_title_no_text {margin-top:10px; background-color:#ffffff; color:#ffffff; font-size:16px; font-weight:bold; line-height:30px; padding-right:10px; margin-left:165px; width:300px; text-align:right;}

.left_blackbar {position:relative; left:250px; width:225px; background-color:#000000; color:#000000; height:15px;}

.top_right_content {margin-bottom:40px; padding-top:10px; padding-left:10px;}
.bottom_left_content {padding-top:10px;}


/*stuff below here will seriously muck things up if altered*/

/* CSS VERTICLE POPUP MENU :: Thanks to TANFA http://www.tanfa.co.uk/ */

	/* Remove Padding, Margins, Bullets, set menu width, and styles, and heading to suit */
#menu {
	width:796px; /* horizontal set size 12em; set width of menu */
	height:34px; 
	background:#ffffff url(http://www.globalsecuritygroup.com/images/global/nav_back_grad.jpg) repeat-x;
	background-color: #ffffff;
	float: left; /* remove float for vertical */
	position:relative;
	top:-4px;
	left:-2px;
	border-left:2px solid #000000;
	border-right:2px solid #000000;
} 

#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
/* 	width: 10em; */
	float: left; /* remove float and width for vertical */
}

/* style, color and size links and headings to suit */
#menu a, #menu h2, {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	font-size:15px; 
	display: block;
	margin: 0px; /* add margin-right to put spacing between them */
	color:#000000; 
	text-decoration:none;
	background-color: ffffff;
}

.top_nav {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	font-size:15px; 
	display: block;
	margin: 0px; /* add margin-right to put spacing between them */
	color:#000000; 
	padding:0px 15px 4px 15px; 
	background-color: ffffff;
}

#menu h2 a { }
#menu a, #menu h2 a { border-width: 0px; }
#menu a:hover, #menu h2 a:hover, #menu a:hover h2 { color: #003399; }
#menu ul ul {width:175px; border-bottom:1px solid #000000; border-right:1px solid #000000;  padding-left:3px; padding-right:10px; background: #ffffff url(http://www.globalsecuritygroup.com/images/global/menu_back.jpg) repeat-x; }
#menu ul ul li {width:100%; padding-top:1px; border-bottom:dotted 1px #222222;}
#menu ul ul a, #menu ul ul a:visited { color: #980120; text-decoration:none;}
#menu ul ul a:hover { color: #1D0198; text-decoration:none;}
#menu ul ul a:active { color: #980120; text-decoration:none;}

/* End padding, margins, bullets, menu width, styles, headings */

/* STYLING FOR EXPAND */

a.x, a.x:visited {
        font-weight: inherit;
        border: inherit;
        color: inherit;
        background-color: inherit;
        background-image: url("http://www.globalsecuritygroup.com/images/global/menu_back.jpg");
/*        background-repeat: no-repeat;*/
        background-position: 100% 100%;
}

a.x:hover {
        font-weight: bold;
        border: none;
        color: #a00;
	background-color: inherit;
}

a.x:active {
        color: #060;
        border: none;
        background-color: #ccc;
}
/* END STYLING FOR EXPAND */

/* POSITIONING */

#menu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
} 
#menu ul ul { position: absolute; z-index: 500; top: auto; display: none; }
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	display: none;
}
/* END POSITIONING */

/* HIDING AND REVEALING USING HOVER */

div#menu h2:hover { color: inherit;	background: #ffffff no-repeat -999px -9999px; }
div#menu li:hover { cursor: pointer; z-index: 100; }
div#menu ul ul, div#menu li:hover ul ul, div#menu ul ul ul, div#menu li:hover ul ul ul { display: none; }
div#menu ul ul ul { background-position: 0 0; }
div#menu li:hover ul, div#menu li li:hover ul { display: block; }
/* END HIDING AND REVEALING */

/* END POPUP MENU */

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}