/* * * * * * * * * * * * * * * * * * * * * * * */
/*  CSS file for CIS86 Web site.    */
/* * * * * * * * * * * * * * * * * * * * * */

/* *** DFF's Default CSS File : resets and standardizes settings for common tags *** */

/*** CSS Reset (much from Eric Meyer) ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }    /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }

strong { font-weight:bold; }
em { font-style:italic; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/*  Define the styles for the site  */
body { line-height:1; color:black; background:white; font:large "Palatino Linotype", Geneva, Georgia, Arial, Helvetica, sans-serif; }
	/* font: 62.5%/1.50  "Palatino Linotype", Geneva, Georgia, Arial, Helvetica, sans-serif; */
	/* font: bold 14px/14px  "Palatino Linotype", Georgia, Arial, Helvetica, sans-serif; */
	/* line-height:1.5;*/  /* use 1.4 - 1.6 for usable range */

h1, h2, h3, h4, h5 h6 { padding: 0; margin-top: 0.5em; margin-bottom: 0.3em; border: 0; font-weight:bold; }

/* Using these values for the size of the headings creates a natural relationship between them.*/
/* Alternate approach: use 2em / 1.5em / 1.25em / 1.1em / 1.0em / .80em */
h1 {font-size: 218%;}
h2 {font-size: 164%;}
h3 {font-size: 145%;}
h4 {font-size: 118%;}
h5 { font-size: 100%; }
h6 { font-size: 75%; }

big { font-size:1.2em; }
small { font-size:0.8em; }

p, ul, ol, dl, li, dt, dd, blockquote {
	padding: 0;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	border: 0;
}

p { margin-top: 0.5em; margin-bottom: 0.5em; }

/* Another Approach to consistent spacing: apply none by default, and add to each class as desired */
ol, ul, li {margin: 0; padding: 0; list-style:none; }

/* these determine the styling for different states for links: hover, focused, etc. */
a 				{ text-decoration:none; }
a:link 		{  }
a:visited 	{  }
a:hover 	{  }
a:active 	{  }
a:focus     { outline: none; }

/***** Tables *****/
table { margin:0; padding:0; border-collapse:collapse; border:1px solid black; }
caption,th { text-align:left; }
table tr td { padding:2px; }

/***** Forms *****/
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em Arial, Helvetica, sans-serif; }
textarea { line-height:1.25; }
label { cursor:pointer; }

/***** Misc HTML Tags *****/
img { border: 0; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

/***** Misc Styles *****/
/* browsers ignore what they do not recognize */
.opaque { 
	opacity: .5;   /* W3C standard */
	filter: alpha(opacity=50);  /* Internet Explorer */
 	-moz-opacity:0.5;     /* Mozilla */
	-khtml-opacity:0.5;  /* Safari */
}


/* ****************************** */
/* *** Beginning of CIS86 Settings *** */
/* ****************************** */
body {
	text-align:center;
	font-size:	 large;
	font-family:"Palatino Linotype", Georgia, Arial, Verdana, Times;
	background-color: #0071bc;
	background: url(../images/CIS86-Page-BG3.jpg) repeat-x #0071bc;
	}

ol, ul { margin-left: 20px; }
li { list-style-position: outside; list-style-type: disc; padding-bottom: 6px; }
li ul { margin-top:4px; }
li li, ol ul li { list-style-position: outside; list-style-type:square; padding-bottom: 6px; font-size:90%; }

li li li, ol ul li li { list-style-position: outside; list-style-type:disc; padding-bottom: 6px; font-size:90%; }

ul.plain { margin:0 0 0 4px; padding:0; }
ul.plain li { list-style-position: outside; list-style-type:none; padding: 0; margin:0 0 0 20px; }

ul.sitemap { margin:0; padding:0; }
ul.sitemap li { list-style-position: outside; list-style-type:none; padding: 0; margin:0; }

ol li {list-style-type:decimal; }

ul.callout { color:#990099; font-weight:bold; font-size:90%; line-height:90%; }

li.BestLink {	list-style-image: url(../images/Star.gif); }
li.BestSite {	list-style-image: url(../images/Star.gif); padding-left:20px; }

dt { background-color:#99cc99; font-weight: bold; padding-left: 12px; }
dd { margin-bottom: 8px; }

h1 { font-size:150%; }
h2 { font-size:120%; }
h3 { font-size:110%; margin-top:.75em; }
h4 { font-size:100%; margin-top:.75em; }

h2 { padding-left:40px; background: url(../images/small-sun-icon3.jpg) left no-repeat; line-height:50px; color:#003399; }
.rightcolumn h2 { padding-left:56px; background: url(../images/small-sun-icon-sidebar.jpg) left no-repeat; line-height:50px; color:#003399; }

a { border-bottom: 1px dotted #990099; }
a:hover   { color: #116600; background-color:#ffbf00; text-decoration: none}
a:active  { color: #FFFF66 }
a:focus { outline:0; }

p.dropcap:first-letter {font-size:2em}

caption { font-weight:bold; font-size: 150%; }
th { font-weight: bold; }
td { font-weight: inherit; }

/* * * * * * * * * * * * * * */
/* DFF's layout for CIS86  */
/* * * * * * * * * * * * * * */

#shadowbox {
	width:920px;
	margin: 0 auto;
	padding: 0;
	text-align:	center;
	position:relative;
	/*background-color: #cfce8d;
	border:		double #ffcc66 thick; */
	/*background: url(../images/orange-border.gif) no-repeat top ;*/
}

#content { width: 880px; margin: 8px auto; padding: 4px 8px; text-align: left; background-color: #ffeebb; border: none;  }
/*#content img { border: 3px solid  #006600; }*/

/*.pagetitle { text-align:center; color: #116600; }*/
h1.pagetitle { 
	width: 100%; margin:6px auto 2px; padding: 2px 0 4px 0;
	overflow: hidden; vertical-align: middle; text-align: center; color: #ffbf00; background-color: #009345;
} 

.rightcolumn {
	float:right; width:225px;  
	margin: 10px 5px; padding:0 0 2px 0;
	font-size:90%; text-align:left;
	border: 2px solid  #006666; background-color:#FFCC99;
}

.rightcolumn h4 { width: 100%; text-align:center; margin:0; padding:0 0 4px 0; background-color: #006600; color:#FFCC66; }
.rightcolumn ul { margin-top: 4px; margin-bottom:2px; }

.searchbox {
	float:right; width:175px;  height:100px; 
	margin: 0 0 4px 4px; padding:0;
	font-size:80%; text-align:left;
	border: 1px solid  #ffc633; background-color:#f9e8b6;
}

.searchbox form { margin: 0; padding:0; text-align:center;  }
.searchbox input { margin: 0 6px 6px 6px; }

#logo { position:relative; }
#logo img { border:none; }
#logo a 				{ text-decoration:none; border:none; outline:none; }
#logo a:hover	{ color: #116600; background-color:transparent; text-decoration: none}

.CIS86Footer {
	clear:both; display: block;
	width: 100%; margin:6px auto 2px; padding: 2px 0 4px 0;
	overflow: hidden; vertical-align: middle;
	color: #ffbf00; background-color: #009345;
	font: 70%  bold  Verdana, Arial, Helvetica, sans-serif;
	text-align: center; text-transform: capitalize;
}

.CIS86Footer  h3{ margin:0; padding: 2px 0 0 0; }

.CIS86Footer a 					{ text-decoration:none; }
.CIS86Footer a:link 		{ color: #ffbf00; }
.CIS86Footer a:visited 	{ color: #ffbf00; }
.CIS86Footer a:hover 	{ color: #116600; background-color:#ffbf00; text-decoration: none}
.CIS86Footer a:active 	{ color: #FFFF66 }

.CIS86Advisory { font-style: italic; color: #336699; }
.example { font-weight:bold; color:#006633; margin-left: 4px; }
.explain   { font-weight:bold; color:#990099; }
.another   { font-weight:bold; font-style:italic; color:#CC66aa; }
.intro { font-size:110%; color:#000033; }
.CIS86Table { font-size:120%; color:#330099; }

/* *** MENUS *** */
#menuBar {
	display: block; position: absolute; top:186px;
	width: 100%; margin: 0px auto; padding: 2px 0px;
	overflow: hidden; vertical-align: middle;
	color: #999999; font-size:100%; font-weight: bold; font-family:  Arial, Helvetica, sans-serif;
	text-align: left; text-transform: capitalize;
}

.menuHeader {
	display:inline;	padding: 0 6px;	margin: 0 8px; color: #000000;
	text-decoration: none;	white-space: nowrap; cursor: pointer;
}

.menuHeader a		{ text-decoration: none; padding:4px; border-bottom:none; }
.menuHeader a:link 		{ color: #000099; }
.menuHeader a:visited { color: #000099; }
.menuHeader a:hover 	{ color: #000099; background-color:#76bde9;text-decoration: none;}
.menuHeader a:active 	{ color: #FFFF66; }

.topLink {
	display: inline; padding: 0 6px; margin: 0 8px; color: #000000; text-decoration: none;  
	white-space: nowrap; cursor: pointer;
}

.topLink a					{ text-decoration: none; padding:4px; border-bottom:none; }
.topLink a:link 		{ color: #000099; }
.topLink a:visited { color: #000099; }
.topLink a:hover 	{ 	color: #3333cc;background-color:#76bde9; text-decoration: none; }
.topLink a:active 	{ color: #FFFF66; }

#home  .topLink a, #admin #navMenu1 a,   #resources #navMenu2 a,   #design #navMenu3 a,
#pages #navMenu4 a,   #sites #navMenu5 a,   #praxis #navMenu6 a   { color:#990099; background-color:#76bde9; }

#sitemap  .topLink a, #sitemap #navMenu1 a,   #sitemap #navMenu2 a,   #sitemap #navMenu3 a,
#sitemap #navMenu4 a,   #sitemap #navMenu5 a,   #sitemap #navMenu6 a   { color:#990099; background-color:#76bde9; }

.menuSection {	display: block; padding: 2px 5px;	color: #FFFFCC; background-color: #336666; border-top: 1px solid #cccccc; }

a.menuLink { display: block; padding: 4px 5px; background-color: #ffbf00; border-top: 1px solid #cccccc; border-bottom:none; }
a.menuLink:link {	color: #3333cc; background-color: #76bde9; text-decoration:none; }
a.menuLink:visited {	color: #3333cc; background-color: #76bde9; text-decoration: none; }
a.menuLink:hover { color:#76bde9; background-color:#333399; text-decoration:none; }
a.menuLink:active { color: #F8F9E4; text-decoration: none; background-color: #cc0000; }

.menuDrop {
	visibility: hidden; position: absolute; z-index: 1000; top: 60px; left: 0; 
	width: 135px; height: auto; margin: 0; padding: 0;
	font-size: 13px; font-weight: bold ; font-family: Arial, Helvetica, sans-serif;
	color: #478343; background-color: #B9DBDA;
	border-style: solid; border-width: 0 1px 1px; border-color: #999999;
}


/* * * * * * * * * * * * * * */
/* ***  HIGHSLIDE  *** */
/* * * * * * * * * * * * * * */
.highslide { cursor: url(../highslide/graphics/zoomin.cur), pointer; outline: none; }
.highslide img { border: 2px solid gray; }
.highslide:hover img { border: 2px solid white; }

.highslide-image { border: 2px solid white; }
.highslide-image-blur { }
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: "Palatino Linotype", Palatino, Cambria, Georgia, "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica;
    font-size: 14px;
	font-weight:bold;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
}
a.highslide-credits,
a.highslide-credits i {
    display:none;
	padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,  a.highslide-credits:hover i { color: white; background-color: gray; }

.highslide-move { cursor: move; }

.highslide-overlay { display: none; }

/* Controlbar example */
.controlbar {	
	background: url(../highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover { background-image: url(../highslide/graphics/controlbar4-hover.gif); }
.controlbar .previous { width: 50px; }
.controlbar .next { width: 40px; background-position: -50px 0; }
.controlbar .highslide-move { width: 40px; background-position: -90px 0; }
.controlbar .close { width: 36px; background-position: -130px 0; }

/* Necessary for functionality */
.highslide-display-block { display: block; }
.highslide-display-none   {display: none; }