/*               CSS Document                */
/* 		 All code copyright (c) 2007 		 */
/* bump21design company, all rights reserved */

/* HTML and BODY settings */

html 	{
	min-height 	: 100%;
		height 	: 100%;
	 	}
		

		
* html .mainbg 		{
	overflow	: visible;
					}
		
body 	{
	background-color 	: #475945;
	background-image 	: url('../images/bg_main.gif');
	background-position : center 0%;
	background-repeat 	: repeat-y;
	padding 			: 0px;
		}
		
/* Presents for Heading Tags */

h1 		{
	font-family : Arial;
	font-size 	: 20px;
	font-style 	: normal;
	font-weight : 900;
	color 		: #000000;
	text-align 	: right;
	margin 		: 5px;
		}
		
h2		{
	font-family : Arial;
	font-size 	: 20px;
	font-style 	: normal;
	font-weight : 900;
	color 		: #000000;
	text-align 	: center;
	margin 		: 2px;
		}
		
/* IMAGE Classes */

.img1 	{
	border 		: 1px solid #000000;
	float 		: right;
	margin 		: 5px;
		}
		
.img2	{
	border 		: 1px solid #000000;
	float 		: left;
	margin 		: 5px;
		}
		
/*  Athens and Demorest Tags */

.demorest 	{
	position 	: absolute;
	top 		: 0px;
	right 		: 0px;
	border 		: 0px;
			}
			
.athens		{
	position 	: absolute;
	top 		: 85px;
	right 		: 0px;
	border 		: 0px;
			}
	
/* Main Body Link Style */

.main a 	{
	text-decoration 	: underline;
	color 				: #175028;
			}
			
.main a:hover 	{
	text-decoration 	: underline;
	color 				: #175028;
				}
			
.main a:active 	{
	text-decoration 	: underline;
	color 				: #990000;
				}
				
#navlist 		{
	margin-left			: 0;
	padding-left		: 0;
	list-style			: none;
				}

#navlist li 	{
	display				: block;
	padding-left		: 10px;
	padding-top			: 2px;
	background-image	: url('../images/arrow_right.gif');
	background-repeat	: no-repeat;
	background-position	: 0 .5em;
				}
ul {
	float: right;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
       }		
	   
li {
	display: inline;
	margin: 0px;
	padding: 0px;
	   }	 	

				
/* Layout Bricks */


/* spacer is the small gap above the start */
/* of the website used for displaying dev  */
/* messages etc                            */
.spacer {
	background-color 	: transparent;
	text-align			: right;
	font-family 		: arial;
	font-size 			: 10px;
	font-style 			: normal;
	font-weight 		: 900;
	color 				: #990000;
	padding 			: 0px;
	width 				: 760px;
	height 				: 20px;
	margin-left			: -380px;
	position 			: absolute;
	top 				: 5px;
	left 				: 50%;
		}

/* navigation is the tabbed navigation bar */
/* at the very top of the website          */
.navigation 	{
	background-color 	: transparent;
	text-align 			: right;
	font-family 		: arial;
	font-size 			: 12px;
	font-style 			: normal;
	font-weight 		: bold;
	color 				: #FFFFFF;
	padding 			: 0px;
	width 				: 760px;
	height	 			: 20px;
	margin-left 		: -380px;
	position 			: absolute;
	top 				: 25px;
	left 				: 50%;
	line-height			: 1.2em;
				}

* html .navigation 	{
	background-color 	: transparent;
	text-align 			: right;
	font-family 		: arial;
	font-size 			: 12px;
	font-style 			: normal;
	font-weight 		: bold;
	color 				: #FFFFFF;
	padding 			: 0px;
	width 				: 760px;
	height	 			: 20px;
	margin-left 		: -381px;
	position 			: absolute;
	top 				: 20px;
	left 				: 50%;
	line-height			: 1.9em;
				}
				
				/* setup for the horizontal layout of top navigation */
											
				.navigation a 	{
					
					text-decoration 		: none;
					color 			: #FFFFFF;
					background-color		: #175028;
					padding 			: 0.2em 0.5em;
					border-left 		: 1px solid #000000;
					border-right 		:1px solid #000000;
					border-top 			: 1px solid #000000;
								}
								
				.navigation a:hover {
					background-color: #1D6532;
									}
									
				.navigation a:active	{
					color 			: #990000;
					background-color: #22803E;
										}
				
/* masthead is the header picture at the   */
/* top of the site with pictures of both   */
/* the athens and demorest campuses        */
.masthead		{
	display 			: inline;
	border-right 		: 1px solid #000000;
	border-top 			: 1px solid #000000;
	border-bottom 		: 1px solid #000000;
	background-image 	: url('../images/masthead2.gif');
	width 				: 759px;
	height 				: 169px;
	margin-left 		: -380px;
	position			: absolute;
	top 				: 40px;
	left 				: 50%;
				}
			
/* navigation2 is the second horizontal     */	
/* navigation bar, just underneath the head */
.navigation2	{
	background-color	: #175028;
	text-align 			: center;
	border-bottom 		: 1px solid #000000;
	border-left 		: 1px solid #000000;
	border-right 		: 1px solid #000000;
	font-family 		: Arial;
	font-size 			: 12px;
	font-style 			: normal;
	font-weight 		: bold;
	color 				: #FFFFFF;
	padding 			: 0px;
	width 				: 758px;
	height 				: 15px;
	margin-left 		: -380px;
	position 			: absolute;
	top 				: 206px;
	left 				: 50%;
				}

* html .navigation2	{
	background-color	: #175028;
	text-align 			: center;
	border-bottom 		: 1px solid #000000;
	border-left 		: 1px solid #000000;
	border-right 		: 1px solid #000000;
	font-family 		: Arial;
	font-size 			: 12px;
	font-style 			: normal;
	font-weight 		: bold;
	color 				: #FFFFFF;
	padding 			: 0px;
	width 				: 759px;
	height 				: 15px;
	margin-left 		: -380px;
	position 			: absolute;
	top 				: 204px;
	left 				: 50%;
				}
				
					/* setup for the horizontal layout of top navigation2 */
										
				.navigation2 a 	{
					
					text-decoration : none;
					color 			: #FFFFFF;
					background-color: #175028;
					padding 		: 0.0em 0.5em;
								}
								
				.navigation2 a:hover {
					background-color: #175028;
					color 			: #000000;
									}
									
				.navigation2 a:active	{
					color 			: #990000;
					background-color: #22803E;
										}
			

				
/* mainbg is the wrapper div in which the sidebar */
/* and main div lie                               */
.mainbg			{	
	overflow			: hidden;
	border-right 		: 1px solid #000000;
	border-left 		: 1px solid #000000;
	background-image 	: url('../images/bg.gif');
	background-repeat 	: repeat-y;
	background-color 	: #FFFFFF;
	width 				: 758px;
	padding-bottom 		: 100px;
	padding-top 		: 37px;
	margin-left 		: -380px;
	position 			: absolute;
	top 				: 220px;
	left 				: 50%;
				}

* html .mainbg			{	
	overflow			: hidden;
	border-right 		: 1px solid #000000;
	border-left 		: 1px solid #000000;
	background-image 	: url('../images/bg.gif');
	background-repeat 	: repeat-y;
	background-color 	: #FFFFFF;
	width 				: 759px;
	padding-bottom 		: 100px;
	padding-top 		: 37px;
	margin-left 		: -380px;
	position 			: absolute;
	top 				: 220px;
	left 				: 50%;
				}			
			
/* this is the div over the green sidebar with   */	
/* vertical links in it                          */
.sidebar		{
	float 				: left;
	text-align 			: center;
	font-family 		: Arial;
	font-size 			: 12px;
	font-style 			: normal;
	font-weight 		: normal;
	line-height			: 150%;
	padding-top 		: 8px;
	padding-left 		: 18px;
	padding-right 		: 5px;
	width 				: 136px;
	margin-left 		: -378px;
	position 			: relative;
	top 				: 0px;
	left 				: 50%;
				}

* html .sidebar		{
	float 				: left;
	text-align 			: center;
	font-family 		: Arial;
	font-size 			: 12px;
	font-style 			: normal;
	font-weight 		: normal;
	line-height			: 150%;
	padding-top 		: 8px;
	padding-left 		: 18px;
	padding-right 		: 5px;
	width 				: 136px;
	margin-left 		: -377px;
	position 			: relative;
	top 				: 0px;
	left 				: 50%;
				}
				.sidebar a 	{
					display 		: block;
					font-weight 	: bold;
					width 			: 100%;
					text-decoration : none;
					color 			: #FFFFFF;
					background-color: #175028;
					padding 		: 0.0em 0.5em;
								}
					
				* html .sidebar a 	{
					display 		: block;
					font-weight 	: bold;
					width 			: 147px;
					text-decoration : none;
					color 			: #FFFFFF;
					background-color: #175028;
					padding 		: 0.0em 0.5em;
								}
								
				.sidebar a:hover {
					background-color: #FFFFFF;
					color 			: #000000;
									}
									
				.sidebar a:active	{
					color 			: #990000;
					background-color: #22803E;
										}
				
/* this is the main content div it should automatically */
/* expand to its content and if frames are used should  */
/* also expand to them                                  */
.main 			{
	float 				: right;
	font-family 		: Arial;
	font-size 			: 12px;
	font-style 			: normal;
	font-weight 		: normal;
	color 				: #000000;
	text-align 			: left;
	width 				: 556px;
	padding-top 		: 10px;
	padding-left 		: 10px;
	padding-right 		: 23px;
	padding-bottom 		: 10px;
	margin-left 		: -210px;
	
				}
				
	/* For IE */
	
	* html .main 			{
	float 				: right;
	font-family 		: Arial;
	font-size 			: 12px;
	font-style 			: normal;
	font-weight 		: normal;
	color 				: #000000;
	text-align 			: left;
	width 				: 556px;
	padding-top 		: 10px;
	padding-left 		: 10px;
	padding-right 		: 23px;
	padding-bottom 		: 10px;
	margin-left 		: -210px;
	
				}			
	/* For Safari */
	html[xmlns*=""] body:last-child
	.main			{
		float 				: left;
		font-family 		: Arial;
		font-size 			: 12px;
		font-style 			: normal;
		font-weight 		: normal;
		color 				: #000000;
		text-align 			: left;
		width 				: 550px;
		padding-top 		: 10px;
		padding-left 		: 10px;
		padding-right 		: 23px;
		padding-bottom 		: 10px;
		margin-left 		: -211px;
		position 			: relative;
		top 				: 0px;
		left 				: 50%;	
					}

/* the header is the transparent gray curve placed over */
/* the top of the main content                          */
.header 		{
	display				: block;
	background-image 	: url('../images/tophills.gif');
	width 				: 760px;
	height 				: 37px;
	position 			: absolute;
	top 				: 0px;
	left 				: 0px;
				}

	/* For IE */
	* html .header 		{
	display				: block;
	background-image 	: url('../images/tophills.gif');
	width 				: 757px;
	height 				: 37px;
	position 			: absolute;
	top 				: 0px;
	left 				: 0px;
				}

	/* For Safari */
	html[xmlns*=""] body:last-child
	.header			{
		display				: block;
		background-image 	: url('../images/tophills.gif');
		width 				: 760px;
		height 				: 37px;
		position 			: absolute;
		margin-left 		: -379px;
		top 				: 0px;
		left 				: 50%;
				}
				
/* the footer is the transparent gra curve placed under */
/* the main content and displays contact information    */
.footer			{
	display 			: block;
	background-image 	: url('../images/hills.gif');
	width 				: 760px;
	height 				: 79px;
	position 			: absolute;
	bottom 				: 20px;
	left 				: 0px;
				}
				
.code_error			{
	font-family 		: Arial;
	font-size 			: 9px;
	line-height 		: 0.9em;
	display 			: block;
	background-image	: url('../images/copyright.gif');
	padding 			: 1px;
	width 				: 760px;
	height 				: 16px;
	position 			: absolute;
	bottom 				: 0px;
	left 				: 0px;
	valign 				: center;
	border-bottom 		: 2px solid #000000;
				}