body 		{font-family: Arial, sans-serif;
			font-size: 100%; 
			color: black;
			margin-left: 20px;
			margin-top: 0px;
			margin-right: 20px;
			margin-bottom: 0px;
			background-color: #FFF;}


/*                     BANNERS: Classes to create images and text for the top of a page                            */

.banimg	{margin-left: 20px;
			margin-top: 0px;
			margin-right: 75px;
			margin-bottom: 0px;}

.banner	{font-size: large;
			color: white;
			font-weight: bold;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			vertical-align: 30px;
			padding: 10px 40px 10px 40px;
			border: 2px outset #2e8b57;
			background: #8E2C24;}

.bannerlg	{font-size: 200%;
			font-weight: bold;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			vertical-align: 50px;
			padding: 15px 60px 15px 60px;
			border: 2px outset #2e8b57;
			background: #99ccff;}

/*                HEADERS: Classes for creating Chattanooga State color coded header bars                         */

.bluebar	{float: left; 
			font-size: 120%;
			font-weight: 700;
			width:100%;
			color: #FFFFFF;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin: 0px 10px 10px 0px; 
			border: 1px inset #8E2C24;
			background: #081863;}

.smbluebar		{float: left; 
			font-size: 90%;
			font-weight: 500;
			width:100%;
			color: #FFFFFF;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin: 0px 10px 10px 0px; 
			border: 1px inset #8E2C24;
			background: #081863;}

.bluegrab	{
			margin-left: 100px;
			margin-right: auto;
			text-align: center;
			color: #FFFFFF;
			width: 500px;
			line-height: 200%;
			padding: 10px;
			font-size: 80%;
			border: 1px inset #000000;
			background: #081863;	
			}

.redbar		{float: left; 
			font-size: 120%;
			font-weight: 700;
			width:100%;
			color: #FFFFFF;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin: 0px 10px 10px 0px; 
			border: 1px inset #081863;
			background: #8E2C24;}

.smredbar		{float: left; 
			font-size: 90%;
			font-weight: 500;
			width:100%;
			color: #FFFFFF;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin: 0px 10px 10px 0px; 
			border: 1px inset #081863;
			background: #8E2C24;}

.redgrab	{
			margin-left: 100px;
			margin-right: auto;
			color: #FFFFFF;
			width: 500px;
			line-height: 200%;
			padding: 10px;
			font-size: 80%;
			border: 1px inset #000000;
			background: #8E2C24;	
			}


.graybar	{float: left; 
			font-size: 120%;
			font-weight: 700;
			width:100%;
			color: #FFFFFF;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin: 0px 10px 10px 0px; 
			border: 1px inset #000000;
			background: #666666;}

.smgraybar		{float: left; 
			font-size: 90%;
			font-weight: 500;
			width:100%;
			color: #FFFFFF;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin: 0px 10px 10px 0px; 
			border: 1px inset #000000;
			background: #666666;}

.graygrab	{
			margin-left: 100px;
			margin-right: auto;
			color: #FFFFFF;
			width: 500px;
			line-height: 200%;
			padding: 10px;
			font-size: 80%;
			border: 1px inset #000000;
			background: #666666;	
			}



/*                                FOOTER: Footer Classes                                   */

.foot		{font-size: small;
			color: #929292;
			font-weight: bold;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			vertical-align: 5px;}


/*                                 TEXT SIZE: Classes to define text sizes                                    */

.header	{font-size:150%;}

.larger	{font-size: 110%;}

.section	{text-align: left;
			font-size: 125%;}

.smaller	{font-size:80%;}

.caption	{font-size: 70%;
			text-indent: 10px;}

.sc	{font-variant: small-caps;}  /*  small caps   */



/*                                           HANGING/BLOCK INDENTS: Classes for defining hanging and block indents                                     */

.hanging 	{margin-top: 0cm; 
			margin-left: 1.5cm; 
			margin-bottom: 0cm; 
			margin-right: auto;  
			line-height: 200%; 
			text-indent: -1.25cm;} 

.block 		{margin-top: 0cm; 
			margin-left: 2.5cm; 
			margin-bottom: auto; 
			margin-right: auto;} 

.blockcentersm	{margin-top: 0cm; 
				margin-left: 400px; 
				margin-bottom: auto; 
				margin-right: 400px;} 

.blockright		{margin-top: 0cm; 
				margin-left: 350px; 
				margin-bottom: auto; 
				margin-right: 20px;} 

.blockcenterlg	{margin-top: 0cm; 
				margin-left: 200px; 
				margin-bottom: auto; 
				margin-right: 200px;} 

.indent	{text-indent: .5in;}


/*                                  TEXT ALIGN: These classes are for aligning text                 */

.center		{text-align: center;}

.right		{text-align: right;}

.left		{text-align: left;}

.super		{vertical-align: super;
			font-size: 75%;}

.sub		{vertical-align: sub;
			font-size: 75%;}

.double 	{line-height: 200%;}


/*                                       TEXT DECORATION: Classes to define text appearance                                  */

.b		{font-weight: 700;}

.i		{font-style: italic;}

.u		{text-decoration: underline;}

.hi		{background-color: #FFFF00;}


	 /*   These classes create drop caps (or blocks of text) of various colors    */
span.cap-g, 
span.cap-o,
span.cap-p, 
span.cap-r, 
span.cap-b,
span.cap-y 	{float: left; 
				font-size: 1.7em;
				padding: 0 0.15em;
				margin: 0 0.15em -0.5em 0; 
				border: 1px outset #2e8b57;} 

span.cap-g 	{background: #90ee90;}

span.cap-o 	{background: #ffa500;}

span.cap-p 	{background: #dda0dd;}

span.cap-y 	{background: #ff0;}

span.cap-r		{background: #eed2ee;}

span.cap-b		{background: #e2ddb5;}   



/*                                               FLOATS AND CONTAINERS: Classes for floating text and images                                      */

.goright	{padding-left: 50px;}

.goleft		{padding-right: 50px;}

.floatleft	{float: left;
			padding-top: 5px;
			padding-right: 30px;
			padding-bottom: 5px;
			padding-left: 20px;}

.floatright	{float: right;
			padding-top: 5px;
			padding-right: 20px;
			padding-bottom: 5px;
			padding-left: 30px;}

.left		{float: left;}

.right		{float: right;}

.break		{clear: both;}  /*    This class clears all float commands     */


#paper	{
		text-indent: 35px;
		width: 600px;
		line-height: 200%;
		padding: 70px;
		font-size: 80%;
		border:1px black solid;
		height: 775px;
		}

#smpaper	{
		text-indent: 10px;
		width: 300px;
		line-height: 200%;
		padding: 15px;
		font-size: 70%;
		border:1px black solid;
		height: 390px;
		}

#notecard	{
		text-indent: 10px;
		width: 500px;
		line-height: 200%;
		padding: 20px;
		font-size: 80%;
		border:1px black solid;
		margin-left: 35px;
		height: 300px;
		}

#paper-open	{
				text-indent: 35px;
				width: 600px;
				line-height: 200%;
				padding: 70px;
				font-size: 80%;
				border-top:1px black solid;
				border-left:1px black solid;
				border-right:1px black solid;
				margin: 35px;
			}

p.paper	{margin-top: -10pt;}

p.header	{margin-top: -45px;
			text-align: right;
			font-size: 80%;}

p.noindent {text-indent: -2px;}




/*                   TABLES: Classes defining tables used to present information (not tables used for design)                  */

table.info-b	{border: 4px outset #081863;}

table.info-r	{border: 4px outset #8E2C24;}

table.info-g	{border: 4px outset #666666;}

table.info	{border: 4px outset #8c6093;}

th.info-w		{background: #081863;
			font-size: 100%;
			border: 2px #007e84;
			padding: 20px;
			border-style: ridge;
			color: #ffffff;
			font-family: arial;}

th.info-r		{background: #8E2C24;
			font-size: 100%;
			border: 2px #007e84;
			padding: 20px;
			border-style: ridge;
			color: #ffffff;
			font-family: arial;}

th.info-g		{background: #666666;
			font-size: 100%;
			border: 2px #007e84;
			padding: 20px;
			border-style: ridge;
			color: #ffffff;
			font-family: arial;}

th.info		{background: #ffffff;
			font-size: 100%;
			border: 2px #007e84;
			padding: 20px;
			border-style: ridge;
			font-family: arial;}

td.info		{background: #ffffff;
			padding: 20px;
			font-size: 80%;
			font-family: arial;
			border: 2px #2c758b;
			border-style: groove;}

td.list		{background: #ffffff;
			padding: 20px;
			font-size: 80%;
			font-family: arial;
			border: 2px #2c758b;
			border-style: groove;
			text-align: left;}

td.head-w	{background: #081863;
			color: #ffffff;
			font-weight: bolder;
			font-size: 100%;
			border: 2px #007e84;
			padding: 20px;
			border-style: ridge;
			font-family: arial;}

td.head-r	{background: #8E2C24;
			color: #ffffff;
			font-weight: bolder;
			font-size: 100%;
			border: 2px #007e84;
			padding: 20px;
			border-style: ridge;
			font-family: arial;}

td.head-g	{background: #666666;
			color: #ffffff;
			font-weight: bolder;
			font-size: 100%;
			border: 2px #007e84;
			padding: 20px;
			border-style: ridge;
			font-family: arial;}


/*                                 LINKS: Classes defining link styles                                 */

a:link {color: #081863;  font-family: arial, helvetica, verdana, sans-serif; font-size: 100%; font-weight: bolder; text-decoration:none;}
a:visited {color: #8E2C24; font-family: arial, helvetica, verdana, sans-serif; font-size: 100%; font-weight: bolder; text-decoration:none;}
a:hover {color: #8E2C24; font-family: arial, helvetica, verdana, sans-serif; font-size: 100%; font-weight: bolder; text-decoration:underline;}
a:active {color: #081863; font-family: arial, helvetica, verdana, sans-serif; font-size: 100%; font-weight: bolder;text-decoration:none;}

a.java:link {color: #081863;  font-family: arial, helvetica, verdana, sans-serif; font-size: 90%; text-decoration:none;}
a.java:visited {color: #8E2C24; font-family: arial, helvetica, verdana, sans-serif; font-size: 90%; text-decoration:none;}
a.java:hover {color: #8E2C24; font-family: arial, helvetica, verdana, sans-serif; font-size: 90%; text-decoration:underline;}
a.java:active {color: #081863; font-family: arial, helvetica, verdana, sans-serif; font-size: 90%; text-decoration:none;}


/*                     ART & VIDEO: The following classes are used for creating the pages about Chattanooga State Art works. art1 and vcaption are also used for embedded videos.                    */

.art1		{background: #000;
			margin: 2em;
			float: left;
			border: 5px inset #c0c0c0;}

.art2		{background: #c3f7f9;
			margin: 5em 2em 2em 2em;
			float: right;
			padding: 2em;
			text-align: center;
			font-family: arial;
			border: 5px inset #c0c0c0;}

.legend	{background: #fff;
			margin: 1em 4em 1em 2em;
			padding: 0em 2em 0em 2em;
			text-align: left;
			font-family: arial;}

.artist		{clear: both;
			background: #fff;
			margin: 1em;
			padding: 1em;
			border: 2px inset #c0c0c0;
			text-align: left;
			font-size:80%;
			font-family: arial;}

.headbar	{float: left; 
			font-size: 120%;
			font-weight: 900;
			color: white;
			padding: 5px 600px 5px 20px;
			margin: 0px 10px 10px 10px; 
			border: 1px inset #2e8b57;
			background: #333399;}


.vcaption	{font-size: 70%;
			color: #FFF;
			text-indent: 10px;}   /*    Sets white text on a black background: for use with     */


/*                               COLUMNS: Classes defining floating columns of various widths - the class name indicates the column width in pixels          */

#c75,
#c100,
#c150,
#c180,
#c200,
#c250,
#c300,
#c350,
#c400,
#c450,
#c500,
#c600,
#c700	{padding: 2px;
		float: left;
		margin-right: 4px;
		margin-left: 4px;}

#c75 	{width: 75px;}

#c100 	{width: 100px;}

#c150 	{width: 150px;}

#c180 	{width: 180px;}

#c200 	{width: 200px;}

#c250 	{width: 250px;}

#c300 	{width: 300px;}

#c350 	{width: 350px;}

#c400 	{width: 400px;}

#c450 	{width: 450px;}

#c500 	{width: 500px;}

#c600 	{width: 600px;}

#c700 	{width: 700px;}

#c900 	{padding: 1px;
		width: 900px;}

/*                               COLUMNS: Classes defining floating columns of various widths - the class name indicates the column width by percentage          */


.one-fourth 	{float:left; 
				width:25%;
				padding: 15px;} 

.one-third		{float:left; 
				width:33%;
				padding: 15px;} 

.one-half		{float:left; 
				width:50%;
				padding: 15px;} 

.two-thirds		{float:left; 
				width:67%;
				padding: 15px;} 

.three-quarters	{float:left; 
					width:75%;
					padding: 15px;} 

.whole		{float:left; 
			width:100%;
			padding: 15px;} 




/*                 IMAGES: Image classes: the default is for an image with borders.  The noborder class is used for images without borders such as logos            */

.img {background: #000; 
border: 2px inset #c0c0c0;} 

.noborder {background: #fff;
			border: 0px;}