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

/* hex colors for the Web site 
blue #1e50a3
orange #dd5406
light gray #F3F2F4
dark gray #cccccc
button blue #1e50a3
button red #e61e26
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
*/

/* 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: 1.1em;
	font-weight: bold;
	color: #dd5406;
}

h4
{
	font-family: georgia;
	font-size: 1em;
	font-weight: bold;
	color: #dd5406;
}

/* END HEADER STYLES */

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

a:visited 
	{
	color: #1e50a3;  
	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, div.right
{ 
  	float: right; 
	margin:0 0 0 10px;
	clear: right;
}
    
/* 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;
	border: 2px solid #cccccc;
	padding: 4px;
	background-color: #f3f2f4
}

/* 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 and rounded corners */
div.wrappernavcontent 
	{
	background-image:url("/images/orangebar3.gif");
	background-repeat:repeat-y;
	float:left;
	margin:0;
	width:995px;
	position:relative;
	}
	
div.wrappernavcontent #content2 object /* creates space between menu and banner on peoplefinder */
{
	margin-top: 10px;
}
/* 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 : 995px;
	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: 995px;
	margin:0 auto; 
	}
/* END div container325 */

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

/* 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;
	color: white;
	}
	
/* 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: #1e50a3; 
	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: 25px;
	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: #F3F2F4;
	}

#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 #13488c solid;
	}
	
caption 
	{
	
	font: bold 130% Arial; 
	padding-bottom: 6px;
	color: #13488c;
	text-align:center;
	text-transform:capitalize;
	}
/* blue cell background with white text */	
th
	{
	background-color:#13488c;
	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 #13488c solid;
	font-size: .9em;
	}
/* 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:#1e50a3;
	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: #1e50a3;
	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: #1e50a3;
	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;
	}
	
/* css for new item lists */
#newcontainer
{
	background-color: #F3F2F4;
	border-top: 4px solid #dd5406;
	border-bottom: 4px solid #dd5406;
	width: 100%;
	margin-top: 20px;
}

/* positions new badge flash animation */
#newcontainer #newbadge
{
	position: absolute;
	margin: -25px 0 0 -25px;
}

/* removes background for new badge image */
#newcontainer #newbadge img
{
	background: transparent;
	border: none;
}

#newlist
{
	border-top: 4px solid white;
	border-bottom: 4px solid white;
/* The following 3 rules make necessary alignments for the content area */
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

#newlist li
	{
	list-style: none;
	margin: 5px 10px 5px 10px;
	padding: 0.25em .5em;
	border: 1px solid #555;
	background-color: white;
	}

#navigation #newlist li a:hover
{
	background: none;
	color: #dd5406;
}
/* END css for new item lists */

/*Custom HRs*/ 

.dotted {
	background-color:#F3F2F4;
	border-color:#CCCCCC;
	border-style:none none dotted;
	border-width:2px;
	color:#F3F2F4;
	margin-left:24px;
	margin-top:-14px;
	width:610px;
}
.dotted2 {
	background-color:#F3F2F4;
	border-color:#CCCCCC;
	border-style:none none dotted;
	border-width:2px;
	clear:both;
	color:#F3F2F4;
	width:610px;
        } 
        
/************************************************/
/* NAVIGATION */
/************************************************/
/* sets defaults for content in navigation area */
#navigation, #navigation2
{
	color: #1e50a3;
	float: left;
	font-family: arial,helvetica,verdana;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .012em;
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 50px 0; /* ticker.css > .tickerSpacer applies space between the ticker and navigation - this padding-bottom creates needed space under the navigation that was lost from adding the margin-top */
	width: 228px;
	min-height: 333px; /* forces minimum height of page */
	z-index: 2;
}

/* sets styling for h2 headers in navigation area */
#navigation h2, #navigation2 h2
{
	border-bottom:  4px solid #DD5406; /* creates an underline for the header */
	color:  #dd5406;
	padding-bottom:  5px; /* creates space between header and underline */
	font-size:  1.1em;
}

/* gray border for images in content and navigation area */
#navigation img, #navigation2 img
{
	background-color: #F3F2F4;
	border: 1px solid #B8B8B8;
	margin-bottom: 5px;
	padding: 3px;
}

/* removes gray border from images that are links in the navigation area */
#navigation a img, #navigation2 a img
{
	background-color:transparent;
	border:none;
	margin:0;
	padding:0;
}

/* removes gray border from images that are NOT links in the navigation area */
#navigation img.noborder, #navigation2 img.noborder
{
	background-color:transparent;
	border:none;
	margin:0;
	padding:0;
}

/* adds the PDF icon to PDF links in navigation */
#navigation .glossymenu .submenu ul li a:hover[href$=".pdf"]
{
	background: url(/images/pdficon2.png) no-repeat right top;
	background-color: transparent;
	margin:0 100% 0 0; /* margin right set to 100% allows icon to float as far right as the designated area will allow */
}

#navigation ul, #navigation2 ul 
{ 
    list-style-type: none;
    padding:0;
    margin:0;
}

/* sets link defaults in navigation area */
#navigation a, #navigation2 a       
{ 
	color: #1e50a3; /* only effects links not in the glossymenu class */
	background-color: transparent; /* only effects links not in the glossymenu class */
	display: block;
	font-size: 1.1em;
	padding: 2px 0 2px 4px;
	position: relative;
	text-decoration: none;
	width: auto;
}

/* sets hover state of links in navigation area not in the glossymenu class */
#navigation a:hover, #navigation2 a:hover
{
	background-color: transparent;
	color: #dd5406;
}

/* sets link defaults in navigation area that are in unordered lists that are not in the glossymenu class */
#navigation ul li a, #navigation2 ul li a
{
    	color: #1e50a3;   
    	background-color: transparent;
}

/* sets hover state of links in navigation area that are in unordered lists */
#navigation ul li a:hover, #navigation2 ul li a:hover
{
	color: white;
	background-color: #dd5406;
}

/* styles for links in an unordered list that are in the glossymenu class with in navigation */
#navigation .glossymenu ul li a, #navigation2 .glossymenu ul li a
{
	background-color: transparent;
	color: #1e50a3;
	padding: 2px 0 2px 20px;
	text-decoration: none;
	display: block;
	font-size: 1em;
}

/* sets hover state for links in an unordered list that are in the glossymenu class with in navigation */
#navigation .glossymenu ul li a:hover, #navigation2 .glossymenu ul li a:hover
{
	color: #dd5406;
	background-color: transparent;
	width: 100%;
}

/* glossymenu class is wrapped around navigation that requires the jQuery accordion drop down effect */
.glossymenu
{
	border: medium none;
	margin: 5px 0; /* sets top margin to allow space between the first header in navigation and the menu bar */
	padding: 0;
	width: 100%; /* allows the navigation area to utilize the entire column */
}

.glossymenu a.menuitem
{
	background-color: transparent;
	display: block;
	font-size: 1.1em;
	padding: 4px 0 4px 10px;
	position: relative;
	text-decoration: none;
	width: auto;
}

/* sets visited state for links in the menuitem class with in the glossymenu class in the navigation area */
#navigation .glossymenu a.menuitem:visited
{
	background-color: transparent;
	color: #1e50a3;
}

/* sets position for the icon to the right of the links with contained links */
.glossymenu a.menuitem .statusicon
{
	border: medium none;
	position: absolute;
	top: 3px;
	right: 24px;
}

/* sets hover state for links in the menuitem class with in the glossymenu class in the navigation area */
#navigation .glossymenu a.menuitem:hover, #navigation .glossymenu a.menuitem:active
{
	background-color: #dd5406;
	color: white;
}

/* can be used to apply image to the submenu items */
.glossymenu div.submenu
{
	background: none repeat scroll 0 0 transparent;
}

.glossymenu div.submenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* applys gray divider between the submenu links */
.glossymenu div.submenu ul li
{
	border-bottom: 1px solid #F3F2F4;
}

/* can be used to apply hover image to the submenu items */
.glossymenu div.submenu ul li a:hover
{
	background: none repeat scroll 0 0 transparent;
}

/* removes orange background hover from buttons in navigation area */
#buttons ul li a:hover {
	background-color: transparent;
}

/* classes for navigation styling for the new item section on the Index page */
#navigation .nobar {
	border:none;
}


#navigation .blue ul li a:hover {
	color:#de5406;
	background:transparent;
}

/* Custom styles for calendar events */
#events
{
	background-color: #f3f2f4;
	padding-bottom: 5px;
}

#events h2
{
	background-color: #ccc;
	padding: 8px 5px;
	color: #1e50a3;
	text-align: center;
	text-tranform: uppercase;
	border-bottom: 1px solid #959595;
}
#events ul li
{
	list-style: none;
}

#events ul li a
{
	padding-left: 5px;
}

#events .event_link
{
	font-weight: bold;
}
/************************************************/
/* END NAVIGATION */
/************************************************/

        
/************************************************/
/* HOVER BUTTONS */
/************************************************/
/*
Screen Stylesheet for jQuery Realistic Hover Effect
Created by Adrian Pelletier
http://www.adrianpelletier.com
*/

#hoverButtons
{
	margin: -10px auto 0 auto;
	width: 765px;
	text-align: center;
	list-style: none;
/*	clear: left;*/
	position: relative;
}

#hoverButtons li 
{
	width: 65px;
	height: 69px;
	position: relative;
	float: left;
	padding-right: 20px;
}
			
#hoverButtons a, #hoverButtons a:visited, #hoverButtons a:active, #hoverButtons a:hover 
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 2;
	/*text-indent: -9999px;*/
}
	
#hoverButtons li.apply_now a
{	
	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat 0 0;
}

#hoverButtons li.ask_joe a
{
	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -67px 0;
}

#hoverButtons li.elearn a
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -134px 0;
}

#hoverButtons li.campus_map a
{
 	 background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -201px 0;
}

#hoverButtons li.library a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -268px 0;
}

#hoverButtons li.tiger_web a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -335px 0;
}

#hoverButtons li.rodp a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -402px 0;
}

#hoverButtons li.k12_educators a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat 0 -72px;
}

#hoverButtons li.student_life a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -67px -72px;
}

#hoverButtons li.hot_links a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -134px -72px;
}

#hoverButtons li.bookstore a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -201px -72px;
}

#hoverButtons li.wicd_wami a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -268px -72px;
}

#hoverButtons li.job_listings a 
{
   	background: url('/images/buttons/sprt_hover_buttons.png') no-repeat -335px -72px;
}

/* Button Shadow */		
#hoverButtons li img.shadow
{
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

/* tool tip */
#hoverButtons.hoverTooltip a span
{
	position: absolute;
	visibility: hidden;
	padding: 2px 3px;
	width: 150px;
	bottom: 6px;
}

#hoverButtons.hoverTooltip a:hover span
{
	visibility: visible;
	border: 1px solid black;
	background-color: #1E50A3;
	color: white;
	font-weight: bold;
	-webkit-border-radius:  5px; /* Safari, Chrome */
	-moz-border-radius:  5px; /* Firefox */
	border-radius:  5px; /* CSS3 */
}
/************************************************/
/* END HOVER BUTTONS */
/************************************************/

/************************************************/
/* 
 CAREER HOVER BUTTONS */
/************************************************/
/*
Screen Stylesheet for jQuery Realistic Hover Effect
Created by Adrian Pelletier
http://www.adrianpelletier.com
*/

#hoverButtons2
{
	margin: -10px auto 0 auto;
	width: 765px;
	text-align: center;
	list-style: none;
/*	clear: left;*/
	position: relative;
}

#hoverButtons2 li 
{
	width: 65px;
	height: 69px;
	position: relative;
	float: left;
	padding-right: 20px;
}
			
#hoverButtons2 a, #hoverButtons a:visited, #hoverButtons a:active, #hoverButtons a:hover 
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 2;
	/*text-indent: -9999px;*/
}
	
#hoverButtons2 li.evaluate_us a
{
 	 background: url('/images/buttons/sprt2_hover_buttons.png') no-repeat -297px 0;
}

#hoverButtons2 li.hot_links a 
{
   	background: url('/images/buttons/sprt2_hover_buttons.png') no-repeat -229px -72px;
}

#hoverButtons2 li.make_appointment a 
{
   	background: url('/images/buttons/sprt2_hover_buttons.png') no-repeat -296px -72px;
}

#hoverButtons2 li.wicd_wami a 
{
   	background: url('/images/buttons/sprt2_hover_buttons.png') no-repeat -364px -72px;
}

#hoverButtons2 li.job_listings a 
{
   	background: url('/images/buttons/sprt2_hover_buttons.png') no-repeat -429px -72px;
}

/* Button Shadow */		
#hoverButtons2 li img.shadow
{
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

/* tool tip */
#hoverButtons2.hoverTooltip a span
{
	position: absolute;
	visibility: hidden;
	padding: 2px 3px;
	width: 150px;
	bottom: 6px;
	margin-left: -85px;
}

#hoverButtons2.hoverTooltip a:hover span
{
	visibility: visible;
	border: 1px solid black;
	background-color: #1E50A3;
	color: white;
	font-weight: bold;
	-webkit-border-radius:  5px; /* Safari, Chrome */
	-moz-border-radius:  5px; /* Firefox */
	border-radius:  5px; /* CSS3 */
}
/************************************************/
/* END CAREER HOVER BUTTONS */
/************************************************/


/************************************************/
/* SOCIAL NETWORK BAR */
/************************************************/
/* id for button container */
#socialNetwork
{
	position: fixed;
	width: 34px;
	height: auto;
	top: 135px;
	right: -1px;
	border: 1px solid black;
	padding: 5px;
	-webkit-border-radius: 5px 0 0 5px; /* Safari, Chrome */
	-moz-border-radius: 5px 0 0 5px; /* Firefox */
	border-radius: 5px 0 0 5px; /* CSS3 */
	background-color: #1E50A3;
	z-index: 6000;
}

#socialNetwork ul
{
	display: inline;
	margin: 0;
	padding: 0;
}

#socialNetwork li
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
/* END id for button container */

/* class for button positioning */
#socialList li a
{
	display: block;
	width: 34px;
	height: 34px;
	margin-bottom: 2px; /* provides space between buttons */
}
/* END class for button positioning */

/* tool tip */
#socialList.socialTooltip a span
{
	display: none;
	padding: 2px 5px;
	margin-left: 8px;
	width: 111px;
}

#socialList.socialTooltip a:hover span
{
	display: inline;
	position: absolute;
	border: 1px solid black;
	border-right: none;
	background-color: #1E50A3;
	color: white;
	font-weight: bold;
	right: 44px;
	-webkit-border-radius: 5px 0 0 5px; /* Safari, Chrome */
	-moz-border-radius: 5px 0 0 5px; /* Firefox */
	border-radius: 5px 0 0 5px; /* CSS3 */
}
/* end tool tip */

li.tiger a
{
	background: url('/images/buttons/sprt_social_buttons.png') no-repeat 0 0;
}

li.contactUs a
{
	background: url('/images/buttons/sprt_social_buttons.png') no-repeat -37px 0;
}

li.facebook a
{
	background: url('/images/buttons/sprt_social_buttons.png') no-repeat -74px 0;
}

li.twitter a
{
	background: url('/images/buttons/twitter.png') no-repeat 3px 2px;
}

li.youtube a
{
	background: url('/images/buttons/sprt_social_buttons.png') no-repeat -111px 0;
}

li.inTheNews a
{
	background: url('/images/buttons/sprt_social_buttons.png') no-repeat -148px 0;
}

li.calendar a
{
	background: url('/images/buttons/sprt_social_buttons.png') no-repeat -185px 0;
}
/************************************************/
/* END SOCIAL NETWORK BAR */
/************************************************/

/************************************************/
/* MISC CSS */
/************************************************/
/* wacker ribbon for engineering */
#ribbon
{
	width: 106px;
	height: 219px;
	z-index: 5001;
	left: 248px;
	top: 10px;
	position: absolute;
}

#ribbon a
{
	width: 100%;
	height: 100%;
	display: block;
	background: url("/images/wacker_ribbon_sm.png") 0 0px no-repeat;
}
#ribbon a:hover
{
	background: url("/images/wacker_ribbon_sm.png") 0 -222px no-repeat;
}
/* END wacker ribbon */
/* ttp ribbon for academics lh nav */
#ttp-ribbon
{
	width: 106px;
	height: 219px;
	z-index: 5001;
	left: -51px;
	top: 10px;
	position: absolute;
}

#ttp-ribbon a
{
	width: 100%;
	height: 100%;
	display: block;
	background: url("/images/ttp_ribbon_sm.png") 0 0 no-repeat;
}
#ttp-ribbon a:hover
{
	background: url("/images/ttp_ribbon_sm.png") 0 -222px no-repeat;
}
/* END ttp ribbon */
/* info ribbon for wacker info sessions */
#info_ribbon
{
	width: 106px;
	height: 219px;
	z-index: 5001;
	left: 248px;
	top: 10px;
	position: absolute;
}

#info_ribbon a
{
	width: 100%;
	height: 100%;
	display: block;
	background: url("/images/wacker_info_sessions.png") 0 0 no-repeat;
}
#info_ribbon a:hover
{
	background: url("/images/wacker_info_sessions.png") 0 -222px no-repeat;
}

/* END info ribbon */

/************************************************/
/* END MISC CSS */
/************************************************/

/************************************************/
/* Video Gallery CSS */
/************************************************/

#content2 #placement {
    height: 595px;
    margin-left: -32px;
    margin-top: -42px;
    width: 1000px;	
}


/************************************************/
/* END Video Gallery CSS */
/************************************************/

/************************************************/
/* SGA Officers CSS */
/************************************************/
#rightCol
{
	width: 671px;
}

#gradsTitle
{
	height: 25px;
	margin: 0 0 15px 40px;
	width: 668px;
	background: url(/student_life/images/title.png);
}

.grad
{
	display: inline;
	margin: 0 0 5px 0;
	position: relative;
	text-decoration: none;
}

a.grad{
	color: #999;
}
a:hover.grad{
	color: #333;
}

.grad .gradName
{
	background-color: #f1f1f1;
	bottom: 5px;
	display: inline;
	left: 0;
	position: absolute;
	width: auto;
	font-size: 1.15em;
	font-weight: bold;
	padding: 2px 5px;
	border: 1px solid #666;
}

.grad .gradName .gradPosition{
	font-size: 80%;
	letter-spacing: 3px;
	font-weight: normal;
}
.ml10
{
	margin-left: 10px !important;
}

.hideText
{
	text-indent: -9999px;
}
/************************************************/
/* END SGA Officers CSS */
/************************************************/

/************************************************/
/* SGA Candidates CSS */
/************************************************/
#candidateWrapper{
}

.candidate{
	border: 2px solid #eeeeee;
	padding: 15px;
	margin-bottom: 10px;
}

.candidateImage{
	width: 210px;
	height: 140px;
	background-color: black;
	float: right;
}

.candidateContent ul{
	list-style-type: none;
}

.candidateContent ul li{
	text-indent: -30px;
}

.candidateContent h3{
}

.candidateContent h3 span{
	font-size: 80%;
	color: #999999;
	font-family:arial,helvetica,sans-serif;
}
/************************************************/
/* END SGA Candidates CSS */
/************************************************/

/************************************************/
/* Generic code that can be used anywhere it is needed */
/************************************************/
.p20{ /* padding all sides, 20px */
	padding: 20px;
}

/**************************************************
2 column list for content area
*********************************************/


#list_wrapper {
    width:500px;
}

#left_column {
    float:left;
    width:160px;
    background:#eee;
}
    
#right_column {
    float:right;
    width:420px;
    background:#eee;
}

#right_column ul li {
	line-height: 20px;
	list-style: none;
}

#left_column ul li {
	line-height: 20px;
	list-style: none;
}

/**************************************************
another 2 column list for financial aid area
*********************************************/
#finWrap{
	width: 500px;
}

.colLeft{
	width: 250px;
	float: left;
}

.colRight{
	width: 250px;
	float: right;
}

/**************************************************
buttons on careers home page
*********************************************/
#careerButtons{
	margin: 20px 0 0 -85px;
	width: 312px;
}

#careerButtons img{
	padding-right: 9px;
}

/****************************************************
center giving slideshow
****************************************************/

.centerslides {
	width: 440px;
	height: 230pxpx;
	margin: 0 auto;
}

/****************************************************
vet_tech/vtclub images 
****************************************************/

#pictureContainer li {
    text-decoration: none;
    list-style: none;
    display: inline;
    padding: 11px;
    margin: 10px;
}
#pictureContainer {
    width: 625px;
    margin: 0 auto;
}

.larger{ /* class to increase font size where needed */
	font-size: 1.2em;
}

/****************************************************
careers job choices image 
****************************************************/

#magazineContainer {
    padding-top: 19px;
    margin-top: 88px;
    position: relative;
}

/****************************************************
    CONSUMER INFORMATION PAGE in About 
****************************************************/
/* catagoryListing is an ID for styling the list of Catagories located on the Consumer Information page */
.catagoryListing{
	width: 660px; /* 20px less than col680 to compensate for pl20 added to the degree containers */
	border: 2px solid #d4ccc3;
	margin-bottom: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.catagoryListing h2{
	background-color: #FFFFFF;
        color: #134776;
        margin-left: 10px;
        top: -8px;
        padding: 0 5px;
        position: relative;
        display: inline;		
}

.catagoryListing ul {
    padding-left: 100px;
}

.catagoryListing h3 {
    padding-left: 50px;
}

/*------------------- box for press releases, ect. -------------*/ 

.attention-box {
    width: 495px;
    border: 3px double #cccccc;
    padding: 10px;
    margin-top: 20px;
    margin-left: 75px;
    background-color: #f0f0f0;
}