/* Zero out standard (and inconsistent) web browser formatting of (X)HTML */
html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, blockquote {
padding: 0;
margin: 0;
}


/* Set standard size to overcome inconsistent browser default heading font sizes */
h1, h2, h3, h4, h5, h6 {
font-size: 1em;
}


/* -- GLOBAL TYPOGRAPHY AND LINKS STYLES -- */

body {
padding: 0;
margin: 0;
line-height: 1.5em;
text-align: center; /*To make IE 5 for Windows center pagewrapper div on screen */
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
background-image: url(graphics/backgrounds/bg-greenGradient.jpg);
background-attachment: fixed;
/*background-position: left top;
background-repeat: repeat;
/*background-color: #FFFFFF;*/
}

.h1 {
padding: 0;
margin: 0;
font-weight: bold;
font-style: normal;
font-size: 30px;
font-family: helvetica, arial, verdana, sans-serif;
color: #000000;
}

.h2 {
padding: 0;
margin: 0 0 8px 0;
font-weight: bold;
font-style: normal;
font-size: 18px;
font-family: arial, verdana, helvetica, sans-serif;
color: #000000;
}

.h3 {
padding: 0;
margin: 0;
font-weight: bold;
font-style: normal;
font-size: 16px;
font-family: arial, verdana, helvetica, sans-serif;
color: #000000;
}

.quotation {
padding-left: 15px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 10px;
font-style: italic;
color: #000000;
}

.subheading {
font-weight: bold;
font-size: 12px;
font-family: arial, sans-serif;
color: #000000;
line-height: 16px;
}

a:link, a:visited, a:active {
color: #A90017;
text-decoration: none;
}

a:hover {
color: #000000;
background: #FFF000;
text-decoration: underline;
}


/* -- PAGEWRAPPER CONTAINER STYLES --*/
#pagewrapper {
/* Styles borders, colors, margins, etc. for entire page */
width: 750px; /* Set width for entire page contents container */
padding: 12px; /*To provide consistent padding between all inner content containers and edge of page wrapper div */
margin: 20px auto 0 auto; /*Center pagewrapper div on screen*/
text-align: left; /*left align all content within pagewrapper */
border: 2px solid #c00;
background-image: url(graphics/backgrounds/bg-grid-white.gif);
background-position: left top;
background-repeat: repeat;
/*background-color: #ffffff;*/
}



/* -- HEADER CONTAINER STYLES -- */
#header {
padding: 0;
margin: 20px 0 0 0;
/*background: url(graphics/headercolorbar.gif) bottom repeat-x;*/
/*height: 105px;*/
}

#header h2 {
padding: 0;
margin: 0;
font-weight: bold;
font-style: normal;
font-size: 18px;
font-family: arial, verdana, helvetica, sans-serif;
color: #c00;
}



/* -- MAIN CONTENT CONTAINER STYLES -- */
#content {
margin-top: 10px;
display: inline;
/*clear: both;*/
/*float: left;*/
width: 750px;
font-size: .80em;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
line-height: 110%;
/*background-color: #FFFFFF;*/
}

#content ul {
margin-left: 30px;
}

#content ol {
margin-left: 45px;
}


/* -- FOOTER NAVIGATION CONTAINER STYLES -- */
.footernavigation {
clear: both;
padding: 0;
margin: 8px 0 0 0;
background: #FFFFFF;
}

.footernavigationmenu {
padding: 0;
margin: 0;
font-weight: bold;
color: #333333;
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
}

.footernavigationmenu: after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.footernavigationmenu ul {
padding: 0;
margin: 8px 0 0 0;
border: 1px solid #BBBBBB;
background: url(graphics/footer/footermenubg.gif) center center repeat-x;
text-align: left; /* set value to "right" "left" or "center" to align in footer */
}

.footernavigationmenu ul li {
display: inline;
}

.footernavigationmenu ul li a {
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
display: inline;
}

.footernavigationmenu ul li a:hover {
background: url(graphics/footer/footermenubg2.gif) center center repeat-x;
}


/* -- HORIZONTAL MAIN NAVIGATION MENU BAR STYLES -- */

/* Container for menu */
.ddsmoothmenu {
padding: 0;
margin: 10px 0 0 0;
width: 100%;
}

.ddsmoothmenu ul {
padding: 0;
margin: 0;
list-style-type: none;
z-index: 100;
}

/*Top level menu style*/
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left;
}

/*Styles for top level menu links*/
.ddsmoothmenu ul li a {
display: block;
padding: 8px 10px 8px 10px;
font-size: 13px;
font-family: Verdana;
/*font-weight: bold;*/ /*add this later, when I can control each level of the menu independently*/
color: white;
text-decoration: none;
background: url(graphics/backgrounds/menus/main/titlebar.png) repeat-x center left;
border-right: 1px solid #778;
}

/*
/*Selected Link State: Dynamically highlight selected menu item with multiple sub items underneath when cursor moves to those sub items***
.ddsmoothmenu ul li a.selected {
background: white; /*background of menu item when onmouseover (hover state) moves to sub items***
color: black; /*text color of menu items when onmouseover (hover state) moves to sub items***
}
*/

/*Style for 1st sub level menu links*/
.ddsmoothmenu ul li ul li a {
display: block;
padding: 8px 11px 8px 11px;
margin: 0;
font-size: 11px;
font-family: Verdana;
color: white;
text-decoration: none;
width: 250px; /*width of sub menus*/
border-top-width: 0;
border-bottom: 1px solid gray;
background: #414141; /*background of menu items (default state)*/
}


/*Style for 2nd sub level menu links*/
.ddsmoothmenu ul li ul li ul li a {
display: block;
padding: 8px 15px 8px 15px;
margin: 0;
font-size: 10px;
font-family: Verdana;
color: white;
text-decoration: none;
width: 175px; /*width of sub menus*/
border-top-width: 0;
border-bottom: 1px solid gray;
background: #414141; /*background of menu items (default state)*/
}

/*Selected Link State: Dynamically highlight selected menu item with multiple sub items underneath when cursor moves to those sub items*/
.ddsmoothmenu ul li ul li ul li a.selected {
background: white; /*background of menu item when onmouseover (hover state) moves to sub items*/
color: black; /*text color of menu items when onmouseover (hover state) moves to sub items*/
font-weight: bold;
}


/*Hover Link State: Highlight menu link item at any level during onmouseover hover state*/
.ddsmoothmenu ul li a:hover {
background: url(graphics/backgrounds/menus/main/titlebar.png) repeat-x center left; /*background of menu items during onmouseover (hover state)*/
color: red; /*text color of menu items during onmouseover (hover state)*/
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}


/*Global visibility for sub menus*/
.ddsmoothmenu ul li ul {
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*1st sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
top: 0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
position: absolute;
top: 19px;
right: 7px;
}

.rightarrowclass {
position: absolute;
top: 15px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}




/* SPECIFIC STYLES FOR SPECIFIC PAGES */

/* -- Styles for Index Page --*/

#indexcontent {
margin: 10px 0 10px 0;
width: 758px;
height: 400px;
border: 1px solid #FFFF00;
background-image: url(graphics/bgimages/matrix2.jpg);
}

/* -- Styles for Index Page Menu --*/
#MainMenu {
padding: 0;
margin: 0;
font-weight: bold;
font-size: 24px;
font-family: verdana, arial, helvetica, sans-serif;
position: relative;
top: 55px;
left: 150px;
}

ul#MainMenu {
padding: 0;
margin: 0;
text-align: left; /* set value to "right" "left" or "center" to align in footer */
}

#MainMenu ul li {
display: block;
width: 400px;
}

#MainMenu a:link, a:visited {
color: #00cd00;
padding: 0 0 5px 0;
margin: 0 0 25px 0;
text-decoration: none;
display: block;
}

#MainMenu a:hover {
background: transparent;
background-image: url(graphics/bgimages/linkflash.gif);
background-repeat: no-repeat;
background-position: 10px 0;
color: yellow;
}


/* -- Style for Tagline in Content Container of Index page --*/
#tagline {
padding: 0;
margin: 0;
color: #FFFFFF;
font-size: 12px;
font-style: italic;
position: relative;
top: 40px;
left: 152px;
}


/* -- Styles for Tabbed Navigation Menu on Resources Page -- */
.pagenav {
/*float: left;*/
padding: 0;
margin: 0;
padding-left: 0px; /*Controls padding of menu tabs on menu line*/
margin-left: 0px; /*Controls margin of menu tabs on menu line*/
/*width: 100%;*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.pagenav ul {
font: normal 10px verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.pagenav li {
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: none; /*Set to "uppercase" for all capital letters*/
}

.pagenav a {
float: left;
color: #ffffff;
background: #678b3f url(graphics/colortabs/color_tabs_left.gif) no-repeat left bottom;
margin: 0 2px 0 0;
padding: 0;
text-decoration: none;
letter-spacing: 0px; /*Controls spacing between letters of menu items*/
}

.pagenav a span {
float: left;
display: block;
background: transparent url(graphics/colortabs/color_tabs_right.gif) no-repeat right bottom;
padding: 4px 9px 2px 6px; /*Controls padding around menu tab titles*/
}

.pagenav a span {
float: none;
}

.pagenav a:hover {
background-color: #8cb85c;
}

.pagenav a:hover span {
background-color: #8cb85c;
color: #A90017;
/*font-weight: bold;*/
}

.pagenav .current a, .pagemenu .current span{ /*Controls currently selected tab*/
background-color: #8cb85c;
}

.pagenavline {
clear: both;
padding: 0;
margin: 0;
height: 3px; /*Controls width of line below menu tabs*/
line-height: 8px;
background: #678b3f;
border-bottom: 1px solid #fff; /*Controls width of border between line and tabs*/
}


/* -- Feature box used on Blogoids page -- */
.featurebox {
color:#333333;
border-bottom: 2px solid #D7D7D7;
margin: 15px 0 0 0;
padding: 0 0 2px 0;
}

.featurebox h3 {
margin: 0 0 2px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #C00C00;
font-size: 1.20em;
font-family: "comic sans MS", arial, verdana, helvetica, sans-serif;
font-weight: bold;
font-style: normal;
color:#C00C00;
}

.featurebox a {
font-weight: bold
}

/* -- Dotted lines used as dividers -- */
.divider {
padding: 0;
margin: 10px 0 15px 0;
font-style: normal;
font-weight: normal;
color: #000000;
border-top: 1px dotted #ffcc00;
}


/* -- Citation --*/
.citation {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 10px;
font-style: italic;
color: #707070;
}



/* -- Citation style used on vita.html page --*/
.vitacitation {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 10px;
font-style: italic;
color: #252525;
}


/* -- Quotation --*/
.quotation {
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
margin: 5px 60px 5px 20px;
}


/* -- GHOST IN THE MACHINE --*/
.ghost {
padding: 0;
margin: 0;
position: relative;
}

.ghost img {
position: absolute;
top: 35px;
left: 65px;
}


/* -- TOOL TIP --*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font: normal 9px verdana;
color: #000000;
text-align: left;
/*Remove this attribute to remove shadow. This attribute should always appear last within this style*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}





/* -- IMAGE DISPLAY --*/
.imagedisplay {
float: left;
padding: 0;
margin: 3px 8px 5px 0;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid black;
border-bottom: 1px solid black;
}

.imagedisplay-left {
float: right;
padding: 0;
margin: 0 0 5px 8px;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid black;
border-bottom: 1px solid black;
}

.imagedisplay1 {
float: left;
padding: 0;
margin: 0 8px 5px 0;
}



/* -- AJAX CONTENT TABS STYLES -- */
.shadetabs{
padding: 2px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 9px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 2px 6px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(graphics/ajaxtabs/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
/* position: relative; */
top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(graphics/ajaxtabs/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
margin-bottom: 1em;
padding: 10px;
}


/* -- BUTTONS -- */

.backtotopbutton {
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font: 10px Arial;
padding: 1px 2px;
background:url(graphics/button/formbg.gif) repeat-x left top;
}



/* -- Easy-Peazy Guides Styles --*/
#ez-h1 {
padding: 0;
margin: 10px 0 0 0;
font-weight: bold;
font-style: normal;
font-size: 2em;
font-family: arial, verdana, helvetica, sans-serif;
color: #000000;
text-align: right;
}

#ez-h2 {
padding: 0;
margin: 0;
font-weight: bold;
font-style: normal;
font-size: 1.5em;
font-family: arial, verdana, helvetica, sans-serif;
color: #000000;
text-align: right;
}

#ez-tagline {
padding: 0;
margin: 10px 0 0 0;
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
text-align: right;
}




.spacer {
margin-bottom: 10px;
}


/* -- Grade Table -- */
.grade-table {
/*border: 1px solid black;*/
border-bottom: 1px solid #222F52;
border-collapse: collapse;
}

.grade-table th {
padding: 3px 0 3px 3px;
font-weight: bold;
text-align: left;
border-bottom: 1px dotted black;
background-color: #222F52;
color: white;
}

.grade-table td {
padding: 5px 20px 5px 3px;
border-bottom: 1px dotted black;
}

.grade-table tr.odd {
background-color: silver;
}