/* This is the main CSS Style Sheet used on my site http://www.greggriffiths.org */

/* generic page stuff */
a{text-decoration:none;}
img{border:0px}
body{margin:0px 0px 0px 0px}
.content{margin:10px 10px 10px 10px;}
.container{vertical-align:top;width:100%;height:20%;text-align:center;}

/* Alignment classes */
.centerStuff{text-align:center;border-style:none;display:block;}
.rightStuff{float:right;border-style:none;width:auto;}

/* generic page styles for text */
.pageFirstPara{font-size:200%;}
.pageOtherPara{font-size:150%;}
.genericTitle{font-family:trebuchet,verdana,arial,helvetica,sans-serif;font-weight:bold;}
.secHeading{font-family:tahoma,verdana,arial,courier,helvetica,sans-serif;font-size: 130%;}
.desc{font-style: italic;}
.heading{font-family:verdana,arial,helvetica,sans-serif;font-size:18px;font-weight:bold;}

/* menu bar styles */
a:link.homelink, a:visited.homelink{color: teal;font-weight:bold;font-family:arial,helvetica,sans-serif;}
a:hover.homelink{color:#336699;font-weight:bold;font-family:arial,helvetica,sans-serif;}
.headerBar{background-color:#D8ECEA;text-align:left;}
.headerBar H1{font-family:tahoma,verdana,arial,helvetica,sans-serif;color:black;font-size:32px;margin:0px;padding-left:0.5em;}
.menuBar{background-color:#ADDAE6;height:1.6em;padding-top:0.2em;border-bottom:solid teal 2px;border-top:solid teal 2px;}

/* Default (non JS) Header Bar CSS based on http://css.maxdesign.com.au/listamatic/horizontal03.htm  */
#defaultMenuBar ul{padding-left:25em;margin:0px;color:white;float:left;width:68%;margin-top:-1.4em;height:100%;}
#defaultMenuBar ul li{display: inline;}
#defaultMenuBar ul li a{padding:0.16em 1em;color:black;float:left;border-right:1px solid teal;width:auto;}
#defaultMenuBar ul li a:hover{background-color:#036;color:#FCCE55;}

/* New Footer Bar CSS based on http://css.maxdesign.com.au/listamatic/horizontal03.htm  */
#navcontainer ul{padding-left:0;margin:0px;color:white;float:left;width:68%}
#navcontainer ul li{display: inline;}
#navcontainer ul li a{padding:0.16em 1em;color:black;float:left;border-right:1px solid teal;font-size:73%;width:auto;}
#navcontainer ul li a:hover{background-color: #036;color: #FCCE55;}
#footerHomeLink{float:left;width:30%;display:block;margin-left:0.5%;}
.footerLastMod{text-align:right;float:right;color:#000;font-size:70%;width:25%;padding-top:0.3%;}
.footer{width:100%;background-color:#ADDAE6;float:left;clear:left;padding:0%;border-bottom:solid teal 2px;border-top:solid teal 2px;}
#subFooter{text-align:center;margin-top:3em;}
#subFooter img{vertical-align:middle;}
#subFooterLeft{width:25%;margin-right:1%;float:left;margin-bottom:0%;}
#subFooterRight{width:30%;float:right;margin-bottom:0%;}

/* Code Text Styles */
.code{font-family:arial,verdana,"times new roman",courier,helvetica,sans-serif;}
.changedAddedText{color:red;}
.changedRemovedText{text-decoration:line-through;}

/* 
Standard table CSS 
default - Grey header background with all text centered and Blue edges 
default1 - Grey header background with only TH text centered and Blue edges 
*/
table.default, table.default1{border-collapse: collapse;empty-cells: show;width:100%}
table.default td, table.default1 td{border-width: 2px;border-style: solid;border-color: #333399;border-spacing: 0px;text-align:center;vertical-align:top;}
table.default th, table.default1 th{border-width: 2px;border-style: solid;border-color: #333399;border-spacing: 0px;text-align:center;background-color:#CCCCCC;vertical-align:top;}
table.default1 td{text-align:left;}

/* Section Bar CSS - Vertical Navigation Bar based on http://www.webreference.com/programming/css_style/index.html converted to standards compliant */
.sidebar dl{margin: 0; padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}
.sidebar dt{margin:0; padding:0.2em; text-align:center; font-size: 1.2em; font-weight:bold; background: #69c;}
.sidebar dd{margin:0; padding:0; text-align:center; border-top:1px solid white;}
.sidebar a, .sidebar a:visited{color:#fff; text-decoration:none; display:block; padding:0.3em;background: #47a;}
.sidebar a:hover{background: #258; color:#9cf;}
.sidebar .top, .sidebar .bottom{display:block;background:transparent;font-size:1px;}
.sidebar .bottom{margin-top:-1px;}
.sidebar .bottom .b1, .sidebar .bottom .b2, .sidebar .bottom .b3, .sidebar .bottom .b4, .sidebar .top .b1, .sidebar .top .b2, .sidebar .top .b3, .sidebar .top .b4{display:block;}
.sidebar .bottom .b1, .sidebar  bottom .b2, .sidebar .bottom .b3,  .sidebar .top .b1, .sidebar  top .b2, .sidebar .top .b3{height:1px;}
.sidebar .bottom .b2, .sidebar  bottom .b3, .sidebar .bottom .b4, .sidebar .top .b2, .sidebar  top .b3, .sidebar .top .b4{background:#69c; border-left:1px solid #fff; border-right:1px solid #fff;}
.sidebar .bottom .b1, .sidebar .top .b1{margin:0 5px; background:#fff;}
.sidebar .bottom .b2, .sidebar .top .b2{margin:0 3px; border-width:0 2px;}
.sidebar .bottom .b3, .sidebar .top .b3{margin:0 2px;}
.sidebar .bottom .b4, .sidebar .top .b4{height:2px; margin:0 1px;}
	
/* Style sheets stuff for the DHTML Menu */
.clCMEvent{position:absolute; z-index:300; width:100%; height:100%;left:0px; top:0px; visibility:hidden}
.clCMAbs{position:absolute; width:10px; height:10px; left:0px; top:0px; visibility:hidden}
.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; overflow:hidden; width:130px; height:25px; cursor:pointer;}
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
.clT{color:white; }   
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
.clS2,.clS2over{padding:2px; font-size:11px;}
.clS,.clS2{color:#006699; background-color:#CDDBEB;}
.clTover,clSover,.clS2over{color:teal;}
.clSover,.clS2over,.clTover,.clB,.clBar{background-color:#ADDAE6;}
.clB{position:absolute; visibility:hidden; z-index:300;}
.clBar{position:absolute; width:10px; height:10px; visibility:hidden;}