/*
Filename: default.css

For use in TPC website root directory
Purpose: for general control of styles.  
        More specific styles should be coded into specific pages or in style sheets at the subdirectory level.
Also see:
        sizes.css (used to specify font sizes for P and other tags)
        screen.css (used for display-only tags) 

Modification History
13-Sep-2003 By Linc Spaulding           - Set margin-top for P to 0 so paragraphs can immediately follow headings.
9-Oct-2003 by Linc Spaulding
26-Nov-2004 by Linc Spaulding			- change to inverted class (use padding-top & padding-bottom since padding
										causes page width problems
27-Nov-2004 by Linc Spaulding			- inverted class now uses color to match banner.gif, and text is left-justified.
3-Sep-2006 by Linc Spaulding	- Added tr.altrow and tr.toprow for use with tables: alternating row shading
*/
        
                A {color : DarkBlue}

                A, TABLE, DD, DT, TD, TH, P, DIV, H1, H2, H3, H4, H5, H6, BODY, 
                        SPAN, LI,UL,OL, FONT, BLOCKQUOTE, STRONG, EM,B,I {font-family : Verdana, Arial, Helvetica, sans-serif}                                  

                H1 {    font-size:large;        color: #A2637C; margin : 0%;    line-height:200%}
                H2 {font-size:medium;color:#A2637C;margin : 0%;}
                H3 {font-size:small;color:#A2637C;margin : 0%;}
                H4 {font-size:x-small;color:#A2637C;font-weight:normal;margin : 0%}
                P  {margin-top:0}
                BODY {
	background-color : #8c92a0;
	color : Black;
	background-attachment: fixed;
	background-image: url(assets/bg_grad.jpg);
}
                DT {margin-top:6pt;font-weight:bold}
				

/* Sidebar Navigation */
#sidebarNav {
	width: 133px;
}

#sidebarNav a
{
	display: block;
	background-color: #e7e7ce;
	border-bottom: 1px solid #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666699;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(assets/btn_bg.gif);
}

#sidebarNav a:link
{
	color: #0000cc;
	text-decoration: none;
	font-size: 11px;
}
#sidebarNav a:visited
{
	color: #0000cc;
	text-decoration: none;
	font-size: 11px;
}
#sidebarNav a:hover
{
	background-color: #a2637c;
	color: #fff;
	font-size: 11px;
	background-image: url(assets/btn_bg_on.gif);
}

/* End of Sidebar Navigation */


/* Classes */
                .inverted {
	color: #ffff00;
	background-color:#A2637C;
	text-align : left;
	padding-top: 1%;
	padding-bottom:1%;
	font-weight : bold;
	letter-spacing : 10px;
	font-stretch : wider;
}               
                .quote {font-style:italic; font-family:Georgia, Times New Roman, Times, serif;}
                .smallcaption { font-size:xx-small;font-weight:normal}
                .navbutton{font-size:x-small;font-weight:bolder}
                .xlarge{font-size:x-large}
                .large{font-size:large}
                .larger{font-size:larger}
                .medium{font-size:medium}
                .small{ font-size:small}
                .xsmall{font-size:x-small}
                .xxsmall{font-size:xx-small}
                .smaller{font-size:smaller}
                .color1 {color:#A2637C}         
				.color1bold{color:#A2637C;font-weight:bold}
                .color2 {color:#666666}
                .color2bold{color:#666666;font-weight:bold}
                .color3 {color:#000000}
                .color3bold {color:#000000;font-weight:bold}
                H1.wide2{
        letter-spacing : 12pt;
        font-size:large;
        color:#666666
}
                
                .center {text-align:center}
                .left { text-align:left;}       
                .right {text-align:right}
                .justify{text-align : justify;}
        
                .smalllink {color: gray ;font-size : 8pt ; font-weight:normal; text-align:center; 
                        padding-top: 5px;  padding-bottom: 5px; background-color:#CCCCCC; border: none;}
        
                .hangingindent {text-indent: -1em; margin-left: +1em;}  
        
                .indent {margin-left: +2em;}    

				/* this class will unindent  (can use inside a <UL> to back up by the amt of list indent) */
				.unindent2{margin-left: -2em;}        
				.unindent3{margin-left: -3em;}        

				/* intended for easier-reading paragraphs */
				.easyreading{line-height: 120%;font-size:larger;}
		
        /* See Screen.css and Print.css for definition of padded class */
        
		/* simulate a letter with this style applied to a DIV tag */
				.letter {
   margin: +1em;
	padding: 2em 2em 2em 2em;
	border: 1px solid gray;
	border-bottom-width : thin;
	border-right-width : thin;
}

/* simulate an 3d inset letter with this style applied to a DIV tag */
				.inset-note {
	margin: +1em;
	padding: 4px 4px 4px 4px;
	border: 4px solid gray;
	border-bottom-width : 4px;
	border-right-width : 4px;
	border-bottom : inset;
	border-right : inset;
}

/* simulate an 3d-letter with this style applied to a DIV tag */
				.outset-note {
	margin: +1em;
	padding: 4px 4px 4px 4px;
	border: 4px solid white;
	border-bottom-width : 4px;
	border-right-width : 4px;
	border-bottom : outset;
	border-right : outset;
	border-top : groove;
	border-left : groove;
}
/* simulate an 3d-letter with this style applied to a DIV tag */
				.linen-letter {
	margin: +1em;
	padding: 2em 2em 2em 2em;
	border: 1px outset gray;
	border-bottom-width : medium;
	border-right-width : medium;
	background-color : #FAF0E6;
}
        /* indented note is same as note class (older name) */
                        .note, .indentednote {  margin-left: +2em;
                        margin-right: +2em;
                        padding: 1em 1em 1em 1em;
                        border: 1px solid black;
                        background-color:silver;}       
                        
                        .subtlenote{
	margin-left: +2ex;
	margin-right: +2ex;
	padding: 10px;
	border: none;
	background-color: #F5F5DC;
}
                        .loudnote{
        margin-left: +2em;
        margin-right: +2em;
        padding: 1em 1em 1em 1em;
        border: 5px solid;
        background-color:yellow;
        border-color : Red;
}
		
		.invertednote {
	padding: 4px 4px;
	border: 2px solid #336699;
	background-color:white;
	margin : 2px 2px;
}
						.small-caps {
	font-variant : small-caps;
}	
                        .bracketednote{
	margin-left: +2ex;
	margin-right: +2ex;
	background-color: transparent;
	padding: 10px;
	border-bottom-color : Gray;
	border-bottom-width : 1px;
	border-top-color : Gray;
	border-top-width : 1px;
	border-style : solid none solid none;
}

                .template-instructions-only {
        color: Yellow;
        background-color: Teal;
        padding: 1%;
}               

/* 
        special styles to support printable application forms: 
*/              
       . border {
        border : thin solid DarkBlue;
}
        .background{    background : Silver;
}
                .clear {
        background:none;
}
     td.prompt {
        text-align:right;
        font-size : 8pt;
}
        td.answer {
        background : White;
        border-bottom-color : Gray;
        border-bottom-style : solid;
        border-bottom-width : 1px;
}
        TH.heading{     font-style:italic;}

		tr.toprow {background-color:#999999}
		tr.altrow {background-color:#CCCCCC}

/*
        Other styles
*/

        code {  font-family: "Courier New", Courier, monospace; color:blue; font-size:10pt}