/* Style sheet for most of Culture-at-Work pages   August 2013*/

/* ================================== BODY ================================= */
BODY {
	background-color : #FFFFF3;
	color : #000000;
	font-family : Arial, Verdana, Helvetica, sans-Times New Roman, serif;
	margin-top:0pt; 
	margin-left: 0pt
}

/* ============= Linking  ===============*/

a:link          { text-decoration: none; color: #0000FF; }
a:active        { text-decoration: none; color: #009999; }
a:visited       { text-decoration: none; color: #0000FF }
a:hover         { text-decoration: none; color: #9966CC; background-color: #EBF9F2; }


/* Rollover effect for links within paragraphs WORKS for Netscape, Opera */
p a:hover { 
color: #9966CC; background-color: #EBF9F2;
}

/* =================================== General text =================================== */


p, li, ol, ul, div, td { 
	font-family: Arial, Verdana, Helvetica, sans-Times New Roman, serif;  
	font-style: normal;
	line-height: 135%;
}
b, strong { font-weight : bold;  }
i, cite, em, var, address { font-style: italic; }
big { font-size: 120%; }
small { font-size: 75%; }
sub, sup { font-size: 11px; }

.single {
	line-height : 100%
}



/* =================================== Headings ===================================*/

H1 { 
	font-size: 30px; 
	font-family:  "Impact," "Franklin Gothic Demi", "Times New Roman, serif"; 
	line-height: 100%
	padding-left: 7px;
}

h2 { 
	font-size: 22px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color : #009999;
}
/* --note these are the same as H2 but inline and doesn't have H2 huge line spacing  Original green: 009999 for H3, titleg */
.titleg {
	display:inline;
	font-size: 22px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color : #408080;
}
/*  DARKER YELLOW E7B418 */
.titley {
	display:inline;
	font-size: 22px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color: #FFD440;
}

.titleb {
	display:inline;
	font-size: 22px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color: #B7BAFF;
}

.titleblue {
	display:inline;
	font-size: 22px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color: #A09CFF;
}

.titlep {
	display:inline;
	font-size: 22px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color:  #9960CC;
}



h3 {font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif;  
	color : #408080; 
	font-size: 17px; 
	line-height: 17px;
}

.smalltitleb {
	display:inline;
	font-size: 18px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color : #A09CFF;
}

.smalltitley {
	display:inline;
	font-size: 17px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color : #FFD440;
}

.smalltitlep {
	display:inline;
	font-size: 18px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color : #9960CC;
	font-weight: normal
}
.smalltitleo {
	display:inline;
	font-size: 18px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color : #FF9966;
}
.smalltitleg {
	display:inline;
	font-size: 17px; 
	font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif; 
	color : #009999;
}
                /* headings */
h4 {font-family: Arial, Verdana, Helvetica, sans-Times New Roman, serif; font-size: 13px;  font-weight : bold; line-height: 17px;}
h5 {font-family: Arial, Verdana, Helvetica, sans-Times New Roman, serif; font-size: 12px; display : inline; line-height: 15px;} }
h6 {font-family: Arial, Verdana, Helvetica, sans-Times New Roman, serif; font-size: 10px; display : inline; line-height: 13px;}


/* Lists */
UL LI {
list-style: square;
}


.trilist

{
list-style-image: url(CAWgraphics/triorange.gif);
margin-left:0px;
list-style-position: outside;
} 

/* ===================  Stripes and Menus =============================== */

.menustripe	 {
	color: #69CBB0;
	width: 115px;
}


.sidemenu A:link {
 text-decoration: none;}
 
.sidemenu { 
font-family: Arial, Verdana, Helvetica, san-Times New Roman, serif; 
font-size: 85%; 
font-weight: bold}

.pagemenu
{
position:relative; margin-right: 15px; text-align: right; font-size: 85%;
}

/* For C-A-W on top stripe5EADA7 */
.caw {
font-family: "Impact," "Franklin Gothic Demi", Times New Roman, serif;  
	color : #65B4AA; 
	font-size: 15px;
	padding-top: 5px;
}

div.maintop
{
margin:  0, 0,20,0;
background-color: #408080;
height: "80px";
border-bottom: 3pt solid #69CBB0;
font-size: "22px"; 
font-family: "Impact," "Franklin Gothic Demi", "Times New Roman, serif"; 
color : "#E7B418";
 }

.mainbottom
{
margin:  0, 0,20,0;
background-color: #408080;
color: #408080;
 }

.maintext
{
    margin:  0,350,0,0;
     }
.xctop
{
margin:  0, 0,20,0;
background-color: #9960CC;
height: "80px";
border-bottom: 2pt solid #69CBB0;
 }

.xcbottom
{
margin:  0, 0,50,0;
background-color: #9960CC;
color: #9960CC;
 }


.crtop
{
margin:  0, 0,20,0;
padding-top: 2pt;
background-color: #FFD654;
height: "80px";
border-bottom: 2pt solid #FFAB76;
}

.crbottom
{
margin:  0, 0,50,0;
background-color: #FFCC00;
color: #FFCC00;
 }
 

.japantop
{
margin:  0, 0,20,0;
background-color: #FFAB76;
height: "80px";
border-top: 2pt solid #A09CFF;
border-bottom: 3.5pt solid #FFCC00;
 }

.japanbottom
{
margin:  0, 0,50,0;
background-color: #FFAB76;
color: #FFAB76;
 }

.commtop
{
margin:  0, 0,20,0;
background-color: #A09CFF;
padding-top: 2pt;
height: "80px";
border-bottom: 2pt solid #69CBB0;
 }

.commbottom
{
margin:  0, 0,50,0;
background-color: #A09CFF;
color: #A09CFF;
 }

 
 /* =================== Background Colors ==DON'T USE QUOTES!!!! ================= */
 
.ivorybkg {
	background-color: #FFFFF5;
	padding: "5pt";
	}
.greenbkg {
	background-color: #EBF9F2;
	padding: "7pt";}

.palebluebkg {
	background-color: #EDF8FC;
	padding: "7pt";
	}

.tanbkg {
	background-color: #FFF9E1;
	padding: "7pt";
}
		
.yellowbkg {
	background-color: #FFFFCC;
 	padding: "7pt";}
 
.goldbkg {
	background-color: #FFD400;
	padding: "5pt";
 }

.tealbkg {
	background-color: #408080;
	padding: "5pt";
 }

 /*   8941BA  brighterpurple in XCTOP */

 
.purplebkg {
	background-color: #9868D0;
padding: "5pt";
}

.bluebkg {
	background-color: #A09CFF;
padding: "5pt";
}
.orangebkg {
	background-color: #FFAB76;
padding: "5pt";
}
/* ===================  FONT Colors ===================  */


.blueblue {
	color: #5291F8;
	font-weight : bold;}
/* #6699FF is the blue closest to 52191F8 */

.ivory {
	color: #FFFFF5;
	font-weight : bold;}

	
.line {
	color: #FFFFF5;
	font-size : 13pt;
}
	
.greenlight {
	color: #69CBB0;
	font-weight : bold;}

.greenmed {
	color: #339999;
	font-weight : bold;}

.greendark {
	color: #408080;
font-weight : bold;}


/* navy was used as lead in class */

.navy {
color: #000099;
font-weight : bold;}
	
.blue {
	color: #A09CFF;
	font-weight : bold;
}



.purple {
	color: #8941BA;
	font-weight : bold;}

.purplebright {
	color : #9966CC;
	font-weight : bold;
}

/* #E7B418 is darker gold */
.gold {
	color: #FFD440;
font-weight : bold;}

.yellow {
	color: #FFCC00;
font-weight : bold;}

.orange {
	color: #FF9966;
font-weight : bold;}


/* ===================================Page printing===================================
@media print {
h1 { page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid; }
 h2, h3, h4, h5, 
  
{ page-break-after: avoid; page-break-inside: avoid; }

  ul, ol, dl    { page-break-before: avoid; }
} */