/* Let's start with global declarations */
*
{
    background-color: #F0F0F0; /* #efe; */
	font-family: verdana, arial; 
}

div.navtop {
	padding: 0px;
	text-align:left;
	position:absolute; left: 254px; top: -50px;
	width:auto;
}

.navtop ul {
	margin: 0;
	padding: 0 0 25px 0;
	list-style-type: none;
	/* this prevents the menu from having random wrapping weirdness seen in Chrome beta and IE 7 */	
	white-space:nowrap;
}

.navtop li  {
	width:130px;
	margin: 0 -1px 0 0;
	padding: 0;
	border:1px solid black;
	color:black;
	text-decoration:none;
	background-color:#88aa88;
	float:left;
}

.navtop a {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: #inherit;
	padding: 5px;
	background-color:#88aa88; /* IE */
/*	width:100%; /* IE */
}

.navtop a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #003300;
}


.navtop li:hover ul {
	visibility: visible;
	display: block;
	position:absolute;
	z-index:1;
	width:130px;
	padding: 0;
	margin: 0;
	border:1px solid black;
}

.navtop li li {
	border: none;
	
}	

.navtop li ul {
	display: none;
}

.navtop li li a {
	padding: 2px 2px 2px 10px;
}


/* Element hiding and showing via Javascript 
	hideit and showit are triggered via the utils.js togglevis function */
.hideit {display:none}
.showit {display:inline}

/* Conditional font styling */
.error { color: red;font-weight:bold; background-color:inherit}
.important { color:#CC33CC;font-weight:bold; background-color:inherit}
.usererror { color: red;font-weight:bold; background-color:inherit}
.attention {font-weight:bold; background-color:inherit}
.bold { font-weight:bold ; background-color:inherit}
.subdued{ color:#999999; background-color:inherit}

/* Anchor treatment can be summed up as follows:
	Background inherits the parent unless it is rolled over,
	in which case it is darker.
	font style is always bold	
	Images in anchors should also show the dark background on rollover. */
a:hover img {
	background-color: #003300;
}

a { 
color: #000;
background-color:inherit;
text-decoration: none;
font-weight:bold;
}

a:link, a:visited, a:active
{
color: #000;
background-color:inherit;
text-decoration: none;
font-weight:bold;
}

a:hover
{
color: #fff;
background-color: #003300;
text-decoration: none;
font-weight:bold;
}

li>a { width:auto; } /* Not supported in IE */

/*  menu styling */
/* Pulldown menu */
div.pdmenu {
	padding: 0px;
	text-align:left;
	z-index: 300;
}

.pdmenu ul {
	margin: 0;
	padding: 0 0 25px 0;
	list-style-type: none;	
		z-index: 300;
}

.pdmenu li  {
	width:130px;
	margin: 0 -1px 0 0;
	padding: 0;
	border:1px solid black;
	color:black;
	text-decoration:none;
	background-color:#88aa88;
	float:left;
		z-index: 300;
}

.pdmenu a {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: #inherit;
	padding: 5px;
	width:100%; /* IE */
		z-index: 300;
}

.pdmenu a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #003300;
		z-index: 300;
}


.pdmenu li:hover ul {
	visibility: visible;
	display: block;
	position:absolute;
	z-index:1;
	width:130px;
	padding: 0;
	margin: 0;
	border:1px solid black;
		z-index: 300;
}

.pdmenu li li {
	border: none;
		z-index: 300;
}	

.pdmenu li ul {
	display: none;
		z-index: 300;
}

.pdmenu li li a {
	padding: 2px 2px 2px 10px;
		z-index: 300;
}

/* div indented group - for grouping controls under a header */
div.group{
	width:auto;
	border: solid; 
	border-width: thin; 
}
div.indented-group{
	margin-left:2em;
	width:auto;
	border: solid; 
	border-width: thin; 
	margin: 1em;
}
/* div indented group - for grouping controls under a header */
div.indented-group-noborder{
	margin-left:2em;
	margin: 1em;
}
/* Table styling */
table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: none none none none;
	border-color: black;
	border-collapse: collapse;

}
table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color:#88aa88;
	-moz-border-radius: 0px 0px 0px 0px;
	font:bold; 
}
table tr {
/*	border-width: 1px 1px 1px 1px; 
*/
}


table td {
/*	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
*/
	-moz-border-radius: 0px 0px 0px 0px;
}

tr.even td {
	background-color:#aaddaa; 
}
tr.odd td {
	background-color:#ddffdd; 
	
}


/* Anchor opacity changes on rollover: requires javascript: */
a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

/* Forms elements */
textarea{
	font-size: 1em; 
  border-color:black;
  border-width:thin;
  background:#fefffe;
}

input{
  border-color:black;
  border-width:thin;
  background:#fefffe;
  font-size:9px;
}

input.btn{
   font-weight:bold;
   font-size:9px;
   background-color: inherit;
}


input.btnhover{
  	color: #FFFFFF;
	background-color: #003300; 
}

.headermenuitem {
	font-weight:bold;
	background-color:inherit;
}
.headermenucontainer {
	border: 0px solid #333; 
	padding: 0px; 
	margin: 0px;
	width:100%;
	height:10%;
	background-color: #8888FF;
}
.footermenucontainer {
	border: 0px solid #333; 
	padding: 0px; 
	margin: 0px auto;
	width:100%;
	height:10%;
	background-color: #8888FF;
}
.outercontainer {
	background-color: #EEEEEE;
	border: 0px solid #333; 
	padding: 0px; 
	margin: 0px auto;
	height: 100%;
	width: 100%;
}
.pagetitle {
	font-size: 2em; 
	margin: 1em 10px;
	background-color: #EEEEEE;
	border: 0px solid #333; 
	padding: 0px; 
	height: 10%;
	width: 100%;
}
.maincontent {
	font-size: .75em; 
	margin: 1em ;
	background-color: #EEEEEE;
	border: 0px solid #333; 
	padding: 0px; 
	height: 70%;
	width: 100%;
}
.footer {
	font-size: .65em; 
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
	background-color: inherit;
	width: 40%;
	position: absolute;
	bottom: 0; right: 0;
}

CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
TABLE,P,UL,OL   { font-size: 10px }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
b , strong{
	background-color:inherit;
}

/* The nobreak class is a CSS version of the HTML NOBR tag.
	Evidently, NOBR is a tag non-grata among new age CSS geeks. */
.nobreak {white-space: nowrap}	

body {
/* This is an IE-only workaround for the fact that IE doesn't support hover behaviors for non "a"-tags */
	behavior:url("csshover.htc");
}

/* Style for star ratings */
#star ul.star { 
	LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 60px; TOP: -5px; POSITION: relative; FLOAT: left; 
	BACKGROUND: url(media/stars.gif) repeat-x; CURSOR: pointer; 
	background-color:inherit;
}

#star li { 
	PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; 
	TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; 
	background-color:inherit;
}

#star li.curr { 
	BACKGROUND: url(media/stars.gif) left 25px; 
	background-color:inherit;
}

#star div.user { 
	LEFT: 65px; POSITION: relative; FLOAT: left;  
}

/* Social Bookmarking */

ul.SocialBookmarkers{
	height: 27px;
	clear: left;
	margin: 0px auto;
	width:310px;
	padding: 0;
	list-style-type:none;
}

ul.SocialBookmarkers li{
	float: left;
	text-decoration:none;
}

ul.SocialBookmarkers li a{
	width: 20px;
	height: 20px;
	margin: 2px 10px 5px 0;
	float: left;
	border: 1px solid #f8f8f7;
	overflow: hidden;
	text-indent:-1000em;
	direction:ltr;
	text-align:left;
	
}

ul.SocialBookmarkers li a:hover{
	border: 1px solid #838383;
}

ul.SocialBookmarkers a.moreToggler{
	float: left;
}

ul.SocialBookmarkers a.lessToggler{
	float: left;
}

ul.SocialBookmarkers li a.moreToggler{
	width: auto;
	border: none;
	overflow: auto;
	text-indent: 0;
	line-height:20px;
}

ul.SocialBookmarkers li a.Skype{
	background: url("/Media/MatrixBookmarks.gif") no-repeat 0px 0px;
}
ul.SocialBookmarkers li a.Facebook,ul.SocialBookmarkers li a.More{
	background: url("/Media/MatrixBookmarks.gif") no-repeat -20px 0px;
}
ul.SocialBookmarkers li a.Delicious{
	background: url("/Media/MatrixBookmarks.gif") no-repeat -40px 0px;
}
ul.SocialBookmarkers li a.Stumbleupon{
	background: url("/Media/MatrixBookmarks.gif") no-repeat -60px 0px;
}
ul.SocialBookmarkers li a.Netscape{
	background: url("/Media/MatrixBookmarks.gif") no-repeat -80px 0px;
}
ul.SocialBookmarkers li a.Reddit{
	background: url("/Media/MatrixBookmarks.gif") no-repeat -100px 0px;
}
ul.SocialBookmarkers li a.MySpace{
	background: url("/Media/MatrixBookmarks.gif") no-repeat -120px 0px;
}
ul.SocialBookmarkers li a.Hi5{
	background: url("/Media/MatrixBookmarks.gif") no-repeat -140px 0px;
}
ul.SocialBookmarkers li.DiggThis{
	float: right;
	margin: 5px -15px 5px 0;
}

#title
{
	display:block;
	position:absolute; left: 253px; top: 0px;
	text-align:center;
}


#logo
{
	display:block;
	width: 252px;
	height: 218px;  
	background: url("./media/ajj-logo-web-matrix.gif") bottom;
	background-repeat:no-repeat;
	position:absolute; left: 0px; top: 0px;
}

#logo:hover
{ 
	background-position:top;
}

#logo span
{
  display: none;
}

#bodycontent {
	position:absolute; left: 0px; top: 220px;

}

#bodycontent2 {
	position:absolute; left: 0px; top: 220px;

}

#search {
	position:absolute; right: 0px; top: 5px;
	font-size:9px;

}
#userbanner {
font-size: .6em;
position:absolute;
 top:0; right:0;

}

#prevtech {
	position:absolute; left: 0px; top: 290px; 
	font-size:9px;
	z-index:100;
} 

#nexttech {
	position:absolute; right: 0px; top: 290px; 
	font-size:9px;
	z-index:110;
} 

</style>