@import url('/_resources/css/searchbox.css');

/* hex colors for the Web site 
blue #000099
orange #dd5406
light gray #dedee9
white
red #f00f00
background blue-gray gradient #c8d1e7
*/

/*RGB Colors
Blue:
Red 0 
Green 0 
Blue 153

Orange:
Red 221 
Green84  
Blue 6

Red:  
Red 240 
Green 15
Blue 0
*/

/* Page properties for Home page; A 1 px body background image is used to create the blue background where the Chattanooga State banner and the orange background for the menu and the blue gradient  on the sides of the content area;  the font is set at 62.5% which allows em attributes to be used for all fonts defining 1em = 10pt 1.2em=12pt 1.4em=14pt etc. 
*/
/* Style provides background color for important notices*/
p.notice
 {
       background-color:#f00f00;
       text-align:center;
       color:white;
       padding: .8em;
       font-weight:bold;
       border: 1px solid white;
       }


#notice
       {
       background-color:#dd5406;
       text-align:center;
       color:white;
       padding: .8em;
       font-weight:bold;
       border: 1px solid white;
       }
#achievement
{
position: absolute;
top: 800px;
}

/* forces vertical scroll bar to appear in browsers that are set to default to no vertical scroll. This prevents page shift from short to long pages/vice-versa */
html
	{
	overflow-y: scroll;
	}

body 
	{
	margin:0; 
	padding:0; 
	background-color:#c8d1e7; 
	font-size:62.5%;
	font-family:arial,helvetica,sans-serif;
	background-image: url('/images/bg_gradient_blue.gif');
	background-repeat: repeat-x;
	}
	
/* HEADER STYLES */
h1 
	{
	font-family: georgia;
	font-size: 1.4em;
	font-weight: bold;
	color: #dd5406;
	}

h2 
	{
	font-family: georgia;
	font-size: 1.2em;
	font-weight: bold;
	color: #dd5406;
	}
	
h3
	{
	font-family: georgia;
	font-size: 1em;
	font-weight: bold;
	color: #dd5406;
	}
/* END HEADER STYLES */

/* HYPERLINKS FOR CONTENT AREA */
a
	{
	color: #000099; 
	text-decoration: none; 
	}
	
img a:hover
	{
	background-color: transparent;  
	}	

a:visited 
	{
	color: #000099;  
	text-decoration:none;  
	}

a:hover 
	{
	color: #dd5406;
	text-decoration: none;
	}
/* END HYPERLINKS FOR CONTENT AREA */

/* IMAGE TAG CLASSES */

/* floatingimage is a class for the placement of an image left aligned and text wraps around image */
img.floatingimage 
	{ 
 	 float: left; 
  	margin-right:10px;
  	} 

/* right is a class for the placement of an image right aligned and text wraps around image */
img.right
	{ 
  	float: right; 
	 margin:0 0 0 10px;
	clear: right;
    }
    
/* adds the PDF icon to PDF links in navigation and content area */
a:hover[href$=".pdf"]
	{
	background: url(/images/pdficon2.png) no-repeat right top;
	background-color: transparent;
	margin:0 0% 0 0; /* margin right set to 0% allows icon to float as far right as the designated area will allow */
	} 
	
 a:hover[href$=".pdf"]
	{
	padding: 0 20px 2px 0; /* spaces icon to the right of a link in the content area */
	} 
	
/* adds the new window icon to links in navigation and content area 
a:hover[href^="http:"] 
	{
	background: url(/images/linkicon.png) no-repeat right top;
	background-color: transparent;
	}*/
	 
	
/* float an image to the right side of text add some space and add a border around image */
.floatright
	{
	float: right;
	margin: 0 5px 10px 10px;
	border: 1px solid #666;
	padding: 2px;
	}

/* float "back to top" anchors to right, USED ON FILM  */
.backtotop
	{
	float: right;
	margin: 10px 5px 30px 0;
	}

/* float an image to the left side of text add some space and add a border around image */
.floatleft
	{
	float: left;
	margin: 0 10px 10px 5px;
	border: 1px solid #666;
	padding: 2px;
	}

/* globally sets no border around linked images */
img 
       {
       border:0;
       } 

/* TEXT ALIGNMENT */
/* textcenter is a class to center text*/
.textcenter
	{ 
	text-align: center; 
	}
	
.textright
	{ 
	text-align: right; 
	}
	
/* block is a class to align text left 60px to create a blockquote style */
p.block
	{ 
	margin-top: 0px;
	margin-left: 30px; 
	margin-bottom: auto;
	margin-right: auto;
	}

/* END TEXT ALIGNMENT */


/* wrappernavcontent is a container for the content navigation and rounded corners */
div.wrappernavcontent 
	{
	background-image:url("/images/orangebar3.gif");
	background-repeat:repeat-y;
	float:left;
	margin:0;
	width:975px;
	position:relative;
	top:-16px
	}

/* END wrappernavcontent */

/* 
 * 9 March 2010 AJD
 * CSS for Rounded Corners the image used to create the rounded corners is defined in the xsl page template;bottom margin of image is positioned -3px 
 *
 */

#bl_border 
	{
	position: absolute;
	left: 0;
	bottom: -3px;
	padding: 0;
	margin: 0;
	}

#br_border 
	{
	position: absolute;
	right: 0;
	bottom: -3px;
	padding: 0;
	margin: 0;
	}

/* END rounded corners */

/* ID that contains div page elements such as left navigation, banner, content and wrappernavcontent */
#container 
	{
	position : relative;
	margin:0 auto;
	text-align:left;
	font-size:1em;
	width : 975px;
	padding : 0; 
	}

/* END container ID */

/* ID that contains div page elements such as 325px wide navigation, banner, content and wrappernavcontent */
#container325 
	{
	position:relative;
	z-index: 1;		
    padding:0 0 1em 0;
	width: 975px;
	margin:0 auto; 
	}
/* END div container325 */

/* div for search button */
#container_search 
    {
     width: 75px;
     float: right;
     color: #fff;
     margin : 0; 
     padding: 0; 
     height: 43px;
     z-index: 200;
     margin-right: 50px;
     }

/* END div for search button */
	
/* Id for banner at the top of every web page; Chattanooga State image with seal is defined in the xsl page template */
#banner
	{
	width:100%;
	height: 90px;
	margin: 0;
	padding: 0;
	}

/* END div banner */

/* ID used for Chattanooga State menu at the top under banner; the orange background is created by the body background image */
#menu
	{
	background-color: transparent;
	width:100%;
	height: 25px; /* 1.css has this property but does not affect height when changed */
	margin: 0 ;
	padding: 5px 0 0 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
/* ID used to designate the hyperlinks in a list inline format for the menu at the located at the top of every page under the banner */
#menu ul
  	{ 
	list-style-type: none;
	padding:3px 0 0 0;
	margin: 0 ;
 	}

#menu  li 
	{ 	
	display:inline;
	margin:  0; 
	}

#menu ul li a:link 
	{
	color: white; 
	text-decoration:none; 
	font-size: 1.2em;   
	padding: 0 .75em 0 .75em; 
	letter-spacing: 1px;
	}
	
#menu ul li a 
	{
	color: white;	
	text-decoration:none;    
	font-size: 1.2em;  
	padding: 0 .75em 0 .75em; 
	letter-spacing: 1px;
	}
	
#menu ul li a:hover 
	{ 
	color: #000099; 
	background-color: white;    
	font-size: 1.2em;  
	padding: 0 .75em 0 .75em; 
	letter-spacing: 1px;
	}
/* END div menu */


/* Breadcrumbs defined in the xsl of the page template; breadcrums are located at the top of every web page content area */
#breadcrumb ul
	{
	/*margin:0px; */
	/*margin: 10px; */
	padding: 0px;
	}
#breadcrumb li
	{
	display:inline;
	list-style:none;
	}
#breadcrumb a
	{
	color:#dd5406;
	}
#breadcrumb a:hover
	{
	background-color:#ffffff;
	text-decoration:none;
	}
/* END div breadcrumb */


/* ID used to wrap the elements in the content area of the web page */
#content
	{
	z-index: 3;
	width: 655px;
	margin-left: 275px;
	font-size: 1.1em; 
	padding-bottom:1.5em;
	padding-left:1.5em;
	margin-top: 0;
	letter-spacing: 1px;
	line-height: 1.3em;
	}

/* used for unordered list items with in the body of a page */
#content ul li, #content ol li	
	{
	margin-bottom: .5em;
	}
/* END unordered list */	
/* END div content */

/* ID used to wrap the elements in the content area of the web page for the content template which has no navigation */
#content2 
	{
	z-index: 3;
	width: 910px;   
   	padding:2em;
	font-size: 1.1em; 
	letter-spacing: 1px;
	line-height: 1.3em;	
	}

/* used for unordered list items with in the body of a page */
#content2 ul li, #content2 ol li	
	{
	margin-bottom: .5em;
	}
/* END unordered list */	
/* END div content2 */
	
/* ID used for the content on the 325 px wide navigation page template */
#content325 
	{
	z-index: 3;
	width: 580px;
	margin-left:330px;
	padding-bottom:1.5em;
	padding-left:1.5em;
	margin-top:1.5em;
	font-size: 1.1em; 
	letter-spacing: 1px;
	line-height: 1.3em;
	/*border-left:thin #dd5406 solid;*/
	}

/* used for unordered list items with in the body of a page */
#content325 ul li
	{
	margin-bottom: .5em;
	}


/* END unordered list */	
/* END div content325 */

/* FOOTER */
#footerwrapper
	{
	width: 100%;
	margin:0 auto 0 auto;
	background-image: none;
	clear:both;
	height: 30px;
	font-size: 1em;
	position: relative;
	}

#footer 	
	{
	width:auto;
	padding:0;
	font-size: 1em;
	color: black;
	margin: 15px auto 0 auto;
	clear:both;	
	position: relative;
	text-align: center;
	}
#footer a
	{	
	color: black;
	text-decoration: none;
	}

#footer a:hover 
	{	
	color: black; 
	background-color: #dedee9;
	}

#footer option
	{
	background-color: transparent; color:black; font-weight: bold;  
	}
	
#footer select
	{
	background-color: white;
	font-family: arial, helvetica,verdana; 
	font-size: 1em;
	}

#footer fieldset /* required to remove border around footer */
{
	border: none;
}
/* END FOOTER */

/* TABLES defines global blue border */
table
	{
	border-collapse: collapse;
	width:100%;
	padding:.5em;
	border:1px #000099 solid;
	}
	
caption 
	{
	
	font: bold 130% Arial; 
	padding-bottom: 6px;
	color: #000099;
	text-align:center;
	text-transform:capitalize;
	}
/* blue cell background with white text */	
th
	{
	background-color:#000099;
	color:white;
	padding:.5em;
        vertical-align:top;
	text-transform:capitalize;
	font-weight:bold;
	}
 /* blue border around cell */	
td
	{
	vertical-align:top;
	padding:.5em;
	border:1px #000099 solid;
	}
/* END TABLES */

/* IA Foundations and Athletics Table no Border */

#tablecontents table
   	{
	margin : 0; 
	padding : 0; 
	border : 0;
	}

#tablecontents td
	{
	border : 0;	
	}
	
#tablecontents table img
	{
	border : none;
	}
	
/* END TABLE NO BORDER */

/* LISTS*/

ol.a
{
list-style-type:upper-alpha;
bottom-margin:.5em;
line-height:1.5em;

}


/* END LISTS*/



/* This div is for styling news feeds below slide shows in content area of a 2 column template ie. about/index */

#contentfeeds 
	{
	z-index: 2;		
	color:#000099;
	margin: 0;
	padding:0;
	font-size: .8em; 
	letter-spacing: 1px;
	font-weight:normal;
    	line-height: 1.2;
	font-family: arial,helvetica,verdana;
	}

#contentfeeds h2 
	{
	border-bottom: 1px solid #dd5406;
	}
        
#contentfeeds ul  
	{ 
	list-style-type: none;
    	padding: 0;
	margin: 0 0 2px 0;
	}
	
#contentfeeds li a 	
	{ 
	display: block;
	color: #000099;
	font-size: 1em; 
	text-decoration:none;
	font-weight:normal;
	line-height: 1.3;
	}

#contentfeeds li a:hover 
	{	
	background-color:#dd5406;
	color:white;
	}

#contentfeeds a 
	{ 
	color: #000099;
	font-size: 1em; 
	text-decoration: none;
	padding: 2px 2px 2px 4px;
	}
	
#contentfeeds  a:hover 
	{	
	background-color:#dd5406;
	color:white;
	}
	
#contentfeeds img
	{
	border:0;
	}

#contentfeeds a.blank2:hover
	{
	background-color: transparent; 
	text-decoration:none; 
	}
#contentfeeds a.blank2:link
	{
	text-decoration:none; 
	background-color: transparent;  
	}
#contentfeeds a.blank2:visited
	{
	text-decoration:none; 
	background-color: transparent;  
	}
#contentfeeds a.blank2:active
	{
 	text-decoration:none; 
	background-color: transparent;  
	}
/* END CONTENT FEEDS */

#flash_intro 
	{
	margin-left: 10px;
	}