/* AJrComputer Main Site Stylesheet */

body { background-color: #dadada; margin:10px 10px 0px 10px; padding: 0px; text-align:center; }

.contentcontainer { background-color: #fff; width: 1024px; margin-left: auto; margin-right: auto; text-align:left; overflow: hidden;}

.titlebarleft { width: 114px; margin: 0; padding: 0; background-image: url(../images/roselogo.jpg);  background-position:center; float: left; min-height: 200px; }

.titlebarright { width: 910px; margin: 0px 0px 0px 114px; padding: 0; background-image: url(../images/ajrcomputerconsultingbanner.jpg); background-position:center; min-height: 200px; }

.contentleft { width: 114px; margin: 0; padding: 0; float: left; min-height: 200px; }

.contentright { width: 890px; margin: 0px 0px 0px 114px; padding: 0px 10px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: black; }

.contentright h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px;text-align: center; color: black; }

.contentright h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px;color: Black; }

.contentright a:link { text-decoration: none; color: #ae180a; } 

.contentright a:visited { text-decoration: none; color: #ae180a; }

.contentright a:active { text-decoration: none; color: #ae180a; } 

.contentright a:hover {	text-decoration: none; color: #f98800; }

.pagesection { width: 280px; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; background-image: url(../images/sectionheader.jpg); background-position: top; background-repeat:no-repeat; min-height: 200px; float: left; text-align:left; }

.footer { width: 1024px; clear:both; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; min-height: 100px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; }

/* Pure CSS menu written by Alan Roes
   contact: aroes@emrtc.nmt.edu
   copyright: 2008 use without permission prohibited
*/

.mainmenu {padding: 0 0 0 0; width: 890px; margin: 0px; list-style: none; height: 30px; position: relative; z-index: 500; font-family: Helvetica,Verdana, Arial,sans-serif; text-align: center; background-image: url(../images/mainmenubg.jpg); background-repeat: repeat-x; }

/* Set up the regular buttons for the menu */
.mainmenu li.top {display: block; width: 148px; float: left; position: relative;color: white; font-size:13px;padding: 0px; }
.mainmenu a.toplink {display: block; width: 148px; cursor: pointer; height: 30px; font-family: Helvetica,arial, verdana, sans-serif;text-decoration: none; font-size:13px; float: left; color: black; overflow: hidden;}
.mainmenu a.toplink span {display: block; line-height: 30px; }

/* Rules for when the current top menu item is selected for the page */
.mainmenu a.toplink span.selected {display: block; background-image: url(../images/mainmenubgpressed.jpg); background-repeat:no-repeat; line-height: 30px; color: black; font-weight: bold;}

.mainmenu a.toplink:visited {text-decoration: none; color: black;}
.mainmenu a.toplink:active {text-decoration: none; color: black;} 

/* Rules for when the mouse is hovered over a top menu item */
.mainmenu a.toplink:hover span{text-decoration: none; font-weight:bold; color: black; display: block; line-height: 30px; }

/* Handle IE6 and older browsers which do not handle floats gracefully */

.mainmenu table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }

/* Rules to style the list or link hover. Depends on which browser is used */

.mainmenu a:hover {visibility:visible; }
.mainmenu li:hover {position:relative; z-index: 200;}

/* Rules to keep the drop down menu level invisible by placing it off screen. */
.mainmenu ul, 
.mainmenu :hover ul ul, 
.mainmenu :hover ul :hover ul ul,
.mainmenu :hover ul :hover ul :hover ul ul,
.mainmenu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.mainmenu :hover ul.sub { left:0px; top:30px; background: #fff; padding:0px 0; border:1px solid #003366; white-space:nowrap; width:315px; height:auto; text-align: left; }
.mainmenu :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:315px; }
.mainmenu :hover ul.sub li a {display:block; font-size:12px; height:25px; width:315px; line-height:25px; text-indent:5px; color:#000; text-decoration:none; border:none; border-width:0 0 0 0px;}
.mainmenu :hover ul.sub li a:hover { background:#15a8ff; color: black; height:25px;}