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

/* hex colors for the Web site 
blue #000099
orange #dd5406
white
red #f00f00
*/

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

Orange:
Red 221 
Green6  
Blue 84

Red:  
Red 240 
G 15
B 0
*/

/* Page properties for Home page*/
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;
}

/* 
 * 9 March 2010 AJD
 * CSS for Rounded Corners 
 *
 */

#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 */

/*
   March 1 2010 AJD:
   Override to make the template 'wrappernavcontent' area driven by either side, floating left, with background.
   March 2 2010 AJD:
   Added padding: 10px to padd the nav, etc elements so they're not flush against the container.
*/

div.wrappernavcontent {
  background: #fff;
  float: left;
  margin: 0;
  width: 975px;
  position: relative;
  top: 0px;
  padding: 10px;
}

/* page hyperlinks*/
a
{
 color: #000099;  
/* text-decoration:none;  */
}

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


a:hover 
{
color:white;   
background-color: #000099; 
text-decoration:none;
}

a:active 
{
color: #dd5406;
background-color: white;  
/*text-decoration:none; */ 
}

 /* no borders around images*/
img
{
border:0;
}

a.blank:hover
{
 background-color: transparent; 
text-decoration:none; 
}
a.blank:link
{
 text-decoration:none; 
background-color: transparent;  
}
a.blank:visited
{
 text-decoration:none; 
background-color: transparent;  
}
a.blank:active
{
 text-decoration:none; 
background-color: transparent;  
}

img a:hover
{
 color: transparent; 
background-color: transparent;
 text-decoration:none; 
 
}



/* ID that contains div page elements such as side menu and content. */
#container 
	{
	position : relative;
	margin:0 auto;
	text-align:left;
	font-size:1em;
	width : 975px;
	padding : 0; 
/*
	background-image: url('/includes/images/250-orange.gif');
	background-repeat: repeat-y;
*/
	}
/* ID that contains div page elements such as side menu of 325px wide and content. */
#container325 
	{
	position:relative;
	z-index: 1;		
    	padding:0 0 1em 0;
	width: 975px;
	margin:0 auto; 
	}
 
 /*div for search button*/
#container_search 
	{
     width: 75px;
     float: right;
     color: #fff;
     margin : 0; 
     padding: 0; 
     height: 43px;
     z-index: 200;
     margin-right: 50px;
    }
	
 /*Id for banner at the top of every web page*/
#banner
	{
	width:100%;
	height: 90px;
	margin: 0;
	padding: 0;
	}

/* ID used for Chattanooga State menu at the top under banner*/
#menu
	{
	background-color: transparent;
	width:100%;
	height: 25px;
	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-right: 1.5em ; 
	letter-spacing: 1px;
	}
	
#menu ul li a 
	{
	color: white;	
	text-decoration:none;    
	font-size: 1.2em;  
	padding-right:1.5em; 
	letter-spacing: 1px;
	}
	
#menu ul li a:hover 
	{ 
	color: #000099; 
	background-color: white;    
	font-size: 1.2em;  
	padding-right:1.5em; 
	letter-spacing: 1px;
	}

/* Breadcrumbs */
#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;
	}

/* ID used for the content on the links 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;
	/*border-left:thin #dd5406 solid;*/
	}
	
/* ID used for the content on the content page*/
#content2 
{
  z-index: 3;
  width: 960px;   
  padding:2em;
  font-size: 0.8em; 
  letter-spacing: 1px;
  line-height: 1.3em;
  background: #fff;
}
	
/* ID used for the content on the 325 px wide links page*/
#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 */
ul li	{
	margin-bottom: .5em;
	}	
	
/* ID used for navigation on left of home page*/
#homenav ul  
	{ 
	list-style-type: none;
        padding:0;
	margin:0;

        }

#homenav li a
{
font-weight:normal;
font-size: 1.1em;
margin-bottom:0;
}

/* ID used for navigation on left of links page*/

#navigation 
{
	z-index: 2;
	float: left;
	width: 240px;	
	color:#000099;
	margin: 0;
	padding:0;
	font-size: 1.1em; 
	letter-spacing: 1px;
        font-weight:normal;
	/*font-weight:bold;*/
        line-height: 1.2;
	/*	font-family:Georgia; */
	font-family: arial,helvetica,verdana;
}


#navigation h2 {
        /*border-bottom: 4px solid #dd5406;*/
        border-bottom: 4px solid #dd5406;
        font-size:1em;
        color:#dd5406;
        padding-bottom: 5px;
}

#navigation ul  
        { 
        list-style-type: none;
        padding:0;
        margin:0;
        }
        
#navigation li a        
        { 
        display: block;
        color: #000099;
        font-size: 1em; 
        text-decoration:none;
        font-weight: normal;
        line-height: 1.2;

        /*margin-bottom:1em;
        margin-top:1em;*/
        }

#navigation li a:hover 
        {       
        color: white;   
        background-color: #000099; 
        }

#navigation a 
        { 
        /* color: white; */
        color:#000099;
        font-size: 1em; 
        text-decoration:none;
        }
        
#navigation  a:hover 
        {       
        color: white; 
        background-color: #000099;
        }

#navigation a.blank2:hover
{
 background-color: transparent; 
text-decoration:none; 
}
#navigation a.blank2:link
{
 text-decoration:none; 
background-color: transparent;  
}
#navigation a.blank2:visited
{
 text-decoration:none; 
background-color: transparent;  
}
#navigation a.blank2:active
{
 text-decoration:none; 
background-color: transparent;  
}

#navoverride
        { 
        color: #000;
        font-weight: normal;
        }

#navoverride ul
        { 
        list-style: disc outside none;
        padding: .5em 0 0 .2em;
        margin-left: 1.2em;
        }

/* ID used for navigation on left of links page using the 325px width*/
#navigation2 
        {
        
        z-index: 2;
        float: left;
        /*width: 305px;*/
        width: 242px;   
        color:#000099;
        margin: 0;
        padding:5px 0 0 5px;
        font-size: 1.1em; 
        letter-spacing: 1px;
        line-height: 1.2;
        /*      font-family:Georgia; */
        font-family: arial,helvetica,verdana;
        }

#navigation2 h2 {
        /*border-bottom: 1px solid #dd5406;*/
        border-bottom: 4px solid #dd5406;
        font-size:1em;
        color:#dd5406;
        padding-bottom: 5px;
}

#navigation2 ul  
        { 
        list-style-type: none;
        padding:0;
        margin:0;
        }
        
#navigation2 li a       
        { 
        display: block;
        color: #000099;
        font-size: 1em; 
        text-decoration:none;
        font-weight: normal;
line-height: 1.2;
        /*line-height: 1.5;*/
        /*margin-bottom:1em;
        margin-top:1em;*/
        }
        
#navigation2 li a:hover 
        {       
        color: white;   
        background-color: #000099; 
        }

#navigation2 a 
        { 
        /* color: white; */
        color:#000099;
        font-size: 1em; 
        text-decoration:none;
        }
        
#navigation2  a:hover 
        {       
        color: white; 
        background-color: #000099;
        }
        
#navigation2 img
        {
        border:0;
        }

/* ************************************ Class used for Indenting Mootools Sub menu (drop down) ***************************
*/
.mootools_indent
{
text-indent: 10px;
}
	
	
/************************************** ID used for the footer*/
#footerwrapper
	{
	width:100%;
	margin:0 auto 0 auto;
	background-image: none;
	padding:0;
	clear:both;
	height: 30px;
	font-size: 1em;
	}

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


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

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

/******************************************** tables*/
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;
	}
	
th
	{
	background-color:#000099;
	color:white;
	text-align:left;
	padding:.5em;
	text-transform:capitalize;
	font-weight:bold;
	}
 
td
	{
	padding:.5em;
	border:1px #000099 solid;
	}
	

	
/* ------------------------------- Class Used to style caption to look like header in vet-tech -------- */	
	
.blue-caption table
	{
	border-collapse: collapse;
	width:100%;
	padding:.5em;
	border:1px #000099 solid;
	}
	
.blue-caption caption
	{
	background-color:#000099;
	color:white;
	text-align:left;
	padding:.3em .5em;
	text-transform:capitalize;
	font-weight:bold;
	margin-left: -1px; /* Fix FF 1px issue */

	} 
	
html:first-child caption { /* Opera only */
 margin-left: 0;
}


	
.blue-caption th
	{
	background-color:#000099;
	color:white;
	text-align:left;
	padding:.5em;
	text-transform:capitalize;
	font-weight:bold;
	}
 
.blue-caption td
	{
	padding:.5em;
	border:1px #000099 solid;
	}

/* TEXT ALIGNMENT*/

/* textcenter is a class to center text*/
.textcenter
	{ 
	text-align: center; 
	}
	
.textright
	{ 
	text-align: right; 
	}

/* 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;
	}
	
.h2overide {
	color: #00009;
	font-variant: small-caps;
	font-size: .8em;
	}


/*....................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;
    }

/* 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;
	}



/*****************************************************************************************************************************************************/
/* home page styles  */

/* div tag for "chat with joe logo which link to chat room" hyperlink  */
#chat 
	{
	width : 100px; 
	height:82px;	
        left:437;
	top:482px;
	position : absolute; 
	background-color : transparent; 
	z-index : 20; 
	visibility : visible; 
	margin : 0; 
	padding : 0; 
	border-width : 0; 
	}
	
/* div tag for "view virtual campus video" hyperlink  */		
#joe_d
	{
	width : 100px; 
	height: 35px;
	left : 8px; 
	top : 658px; 
	position : absolute; 
	background-color : transparent; 
	z-index : 100; 
	visibility : visible; 
	margin : 0; 
	padding : 0; 
	border-width : 0;
	}
/*#joe{float:right;}*/
#map{
        position : absolute; 
        left : 728px; 
	top : 474px; 
}

#elearn{
position : absolute; 
        left : 433px; 
	top : 482px;
text-align: center;
}

#rodp{
position : absolute; 
        left : 440px; 
	top : 537px;
	text-align: center;
}

#apply_now
{
        position : absolute; 
        left: 575px; 
	top: 480px;
	text-align: center;
}


.icons{
font-size: .8em;
font-weight: bold;
top: -1em;
}

#connected
	{
	position:absolute;
	/*top: 345px;*/
	/*left:48px;*/
top:475px;
left:837px;
	width:150px;
	height:53px;
	z-index:0;
		}

/*#tiger{
position:absolute;
	top: 393px;
	left:0;
	width:84px;
	height:150px;
        z-index:0;

}*/
#tiger{
float:right;
}
	
/* Three column div */
div#left {
    float: left;
    width: 300px;
}
div#right {
    float: right;
    width: 200px;
}
div#middle {
    margin-left: 125px;
    margin-right: 130px;
}

fieldset {
 border: 0;
}

/**************************************** Angela Joe Spacer with Gray background color*************/

div#spacer {
    height: 1.3em;
    

div#mainflash {
    position: absolute;
    top: 135px;
}
     
/* Orientation Schedule Button */
div.btn_orientation
{
font-weight: bold;
font-size: 1.2em;
text-align: center;
margin: 30px auto 30px auto;
} 

div.btn_orientation a
{
text-decoration: none;
padding: 5px;
background: white;
border-top: 4px solid #dd5406;
border-right: 4px solid #000000;
border-bottom: 4px solid #311301;
border-left: 4px solid #e16722;
}

div.btn_orientation a:hover
{
background-color: transparent;
color: #dd5406;
text-decoration: none;
border-top: 3px solid #311301;
border-right: 3px solid #e16722;
border-bottom: 3px solid #dd5406;
border-left: 3px solid #000000;
}

/* Custom hr bar */
.customhr
{
color:#dd5476;
}

/*********************************************** Athletics Custom Font Size *************************/

.athletics
        {
        font-size: .8em;
        }

/*********************************************** IA Foundations Table no Border *******************/


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

#tablecontents td
	{
	
	border : 0;
	
}

/******************************************** Making the 2column text move to the right **************/

#column2of2{
	margin-left: 300px;
	position:absolute;
	top:207px;
}

div#column1of2 {
float:left;
margin-left:1em;
width:200px;
}

#space
{
	margin:0;
	}
	
#space li
{
	margin:.5em
}

/**************************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 */
.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;
}

.border
{
margin: 0;
border: 1px solid #666;
padding: 2px;
}


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

#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:Georgia; */
	font-family: arial,helvetica,verdana;
}

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

	/*margin-bottom:1em;
	margin-top:1em;*/
	}

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

#contentfeeds a 
	{ 
	/* color: white; */
	color:#000099;
	font-size: 1em; 
	text-decoration:none;

	}
	
#contentfeeds  a:hover 
	{	
	color: white; 
	background-color: #000099;
	}
	
#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;  
}