body {
  background-color:    #004684;
  background-color:    #008da8;
  color:               #564642;
  margin:              0px 0px 0px 0px;
  font-size:           11px;
  line-height:         1.4em;
  padding:             0px 0px 0px 0px;
  font-family:         verdana,arial,helvetica,sans-serif;
}

a {
  color:               #AD2E2A;
  text-decoration:     none;
}

h1 {
  font-family:         verdana,arial,helvetica,sans-serif;
  font-size:           25px;
  font-style:          normal;
  font-weight:         normal;
  line-height:         30px;
  color:               #786864;
  padding:             20px 0px 20px 20px;
  margin:              0px;
}

h2
{
margin:              0 0 5px 5px;
}

h3 {
  font-size:           1.3em;
  margin:              0px;
  padding:             0px 0px 1.0em;
}

h4 {
  font-size:           1.1em;
  margin:              0 0 0 5px;
  padding:             1.0em 0px 1.0em;
  color:               #3478AF;
}

img {
  border:              none;
  display:             block;
}

p {
  margin-top:          0px;
  margin-left:		   5px;
  margin-bottom:       1.3em;
  padding:             0px;
}

#banner {
  background-image:    url(graphics/bluewave.jpg);
  padding-top:         32px;
  background-position: top center;
  background-repeat:   no-repeat;
}

#pagedimensions {
  background-color:    #ffffff;
  background-image:    url(graphics/pageedge.jpg);
  background-repeat:   no-repeat;
  background-position: 0px 159px;
  position:            relative;
  width:               778px;
  padding:             0px;
  text-align:          left;
  margin-left:         auto;
  margin-right:        auto;
  padding-top:         33px;
  z-index: 400;
} 

#quicklinks {
  position:            absolute;
  top:                 -25px;
  left:                570px;
}

#topmenu {
  position:            absolute;  
  height:              33px;
  background-image:    url(graphics/topmenu.png);
  width:               778px;
  top:                 0px;
  overflow:            hidden;
  text-indent:         -999999px;
}

#bottom_bar
{
	width: 778px;
	height: 10px;
	background-color: #005581;
	
}

#menuchoice1, #menuchoice2, #menuchoice3, #menuchoice4, #menuchoice5, #menuchoice6
{
	position: relative;
	float: left;
	background: url(graphics/topmenu.png) no-repeat;
	cursor: pointer;
}

#menuchoice1
{
	width: 106px;
	height: 66px;
	background-position: 0px 0px;
}
#menuchoice2
{
	width: 95px;
	height: 66px;
	background-position: -106px 0px;
}
#menuchoice3
{
	width: 107px;
	height: 66px;
	background-position: -201px 0px;
}
#menuchoice4
{
	width: 164px;
	height: 66px;
	background-position: -308px 0px;
}
#menuchoice5
{
	width: 188px;
	height: 66px;
	background-position: -472px 0px;
}
#menuchoice6
{
	width: 118px;
	height: 66px;
	background-position: -660px 0px;
}





#header {
  height:              126px;
  width:               300px;
  position:            absolute;
  background:    #ffffff url(graphics/CTC_logo_color.jpg) no-repeat 5px 17px;
}

#header a {
  display:             block;
  width:               290px;
  height:              112px;
  margin-left:         5px;
  margin-top:          5px;
}

#contentarea {
  padding:             0px 0px 0px 42px;
  background:          url(graphics/contentbackground.gif) repeat-y top right;
}

#leftcolumn {
  background:    #ffffff url(graphics/leftcolumncrosshatch.gif) repeat-x top left;
  padding:             15px;
  margin:              126px 0px 0px 0px;
  float:               left;
  width:               228px;
}

#leftcolumnbox {
  background-color:    #ffffff;
  border:        1px #B6B6B6 solid;
  padding: 10px;
}

#leftcolumnbox ul {
  list-style-type:     none;
  margin:              20px 0px 20px 20px;
  padding:             0px;
}

#leftcolumnbox a {
  color:               #074E8D;
  font-weight:         bold;
  text-decoration:     none;
  display:             block;
  padding-top:         0.5em;
  padding-bottom:      0.6em;
}

#leftcolumnbox a:hover {
  color:               #a1928f;
}

#leftcolumnzone1 {
  padding-top:         25px;
}

#leftcolumnzone1 hr {
  color:               #dddddd;
  height:              1px;
}

#leftcolumnzone2 {
  width:               215px;
  margin:              20px;
}

#rightcolumn {
  float:               right;
  width:               478px;
}
#rightcolumn a:hover
{
	text-decoration: underline;
}
#slideshow_container
{
	width: 476px;
	height: 305px;
	overflow: hidden;
}
#slideshow {
  height:              305px;
  z-index: 400;
}

#squiggle
{
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: 500;
}

#rightcolumnzone1 {
  background-image:    url(graphics/leftrightareasplit.gif);
  background-repeat:   repeat-y;
  background-position: top right;
  padding-left:        30px;
  padding-right:       5px;
  padding-bottom:      2.0em;
}

#breadcrumb {
  margin-left:         -10px;
}

#breadcrumb a {
  text-decoration:     underline;
}

#pagetitle img {
  margin-bottom:       2.0em;
  margin-left:         -5px;
}

#horizontalseparator {
  background-image:    url(graphics/horizontalseparator.gif);
  background-repeat:   no-repeat;
  background-position: top left;
  padding:             10px;
}

#rightcolumnzone2 {
  padding-left:        30px;
  padding-right:       5px;
  padding-bottom:      2.0em;

}
#rightlink, #rightlink a {
  padding-bottom:      0px;
  text-align:          right;
  color:               #074E8D;
  text-transform:      lowercase;
  font-weight:         bold;
}

#rightcolumnzone2  li
{
	margin-bottom: 5px;
}

.spacer {
  clear:               both;
}

 
#footer {
  background-color:    #005481;
  background-image:    url(graphics/footer.gif);
  background-repeat:   repeat-x;
  background-position: top left;
  color:               #ffffff;
  text-align:          center;
  clear:               both;
}

#footercontentarea ul {
  list-style-type:     none;
  padding:             15px 0px 10px 0px;
}

#footercontentarea ul li {
  display:             inline;
  font-weight:         bold;
  padding-right:       10px;
  padding-left:        8px;
  border-right:        1px solid #9E8F8C;
}

#footercontentarea ul li.lastitem {
  border-right:        0px;
}

#footercontentarea ul li a {
  color:               #E3DEDD;
  text-decoration:     none;
}

table#schedule {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
}

table#schedule th {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
  text-align:          center;
  color:               #bbbbbb; /* Gray */
  background-color:    #225C9B; /* Blue */
}

table#schedule td {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
  text-align:          center;
}

table#schedule td#tdleft {
  text-align:          left;
}

table#days {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
}

table#days th {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
  text-align:          center;
  font-weight:         bold;
  color:               #000000; /* Black */
  background-color:    #ffffff; /* White */
}

table#days td {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
  text-align:          center;
}

.yellow {
  background-color:    #ffff55;
}

.shiftleft {
  margin-left:         -17px;
  border:              none;
}

.solidtable {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
}

.blueandgray {
  color:               #bbbbbb; /* Gray */
  background-color:    #225C9B; /* Blue */
}

.cellleft {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
  text-align:          left;
}

.cellcenter {
  border-style:        solid;
  border-width:        1px;
  border-color:        black;
  border-collapse:     collapse;
  text-align:          center;
}

/*---------- added by David Powell ----------*/

.img_right
{
	float: right;
	padding: 10px;
}

.img_left
{
	float: left;
	padding: 10px;
}

.img_center
{
	display: block;
	margin: 10px auto;
}

.rss
{
	float: right;
	background: transparent url(graphics/rss.gif) no-repeat left top;
	width: 50px;
	height: 50px;
}
/*-----
	Used faq to set the bold and italic for the faq topic
														-----*/
.li_faq
{
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
	display: block;
}

/*-----
	res blocks off each resource. 
	res img ensures no text appears on the same line as the image and centers the image in the div.
	a.res_text allows better positioning of the text under the image.
	res_title blocks off the title for each resource section. The border is set to match the border color of the left menu box.
																															-----*/
.res
{
	float: left;
	width: 200px;
	min-height: 100px;
	text-align: left;
	padding: 5px;
}

.res_full
{
	display: block;
	width: 400px;
	min-height: 100px;
	text-align: left;
	padding: 5px;
}

.res img
{
	display: block;
	margin: 0 auto;
}

.res_text
{
	bottom: 0;
}

.res_header
{
	font-weight: bold;
}

.res_title
{
	float: left;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-color: #B6B6B6;
	text-align: center;
	margin-top: 5px;
	padding: 5px 0 5px 0;
}

.res_ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.studentlife_main
{
	font-weight: bold; 
	font-size: 1.3em; 
	display: block; 
	color: #564642;
	margin-top: 10px;
}

/*-----
	this spacing is used on all list items. Since I do not know how this will affect the whole site
	I am only applying into to things I create.
																								-----*/
ul.li_spacing li, ol.li_spacing li
{
	margin-bottom: 5px;
}

/*-----
	This set displays members without using tables and lows the height. All other elements are used
	from the resource set starting with .res
										-----*/
.board_mem
{
	float: left;
	width: 100%;
	min-height: 80px;
	text-align: left;
	padding: 5px;
}

.exec_mem
{
	float: left;
	width: 100%;
	min-height: 30px;
	text-align: left;
	padding: 5px;
}

/*-----
	Sets how tuition and fees is set up using divs and ul
														-----*/
.tut_col, .side_col
{
	float: left;
}

.tut_header, .tut_price, .side_text
{
	display: block;
	border: 1px #B6B6B6 solid;
	text-align: center;
	padding: 0 20px;
}

.academic_cal_title, .news_title
{
	float: left;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
	border-color: #B6B6B6;
	text-align: center;
	margin-top: 5px;
	padding: 5px 0 5px 0;
	color: #3478AF;
}
/*-----
	Sets how tuition and fees is set up using divs and ul. ends.
														-----*/

.news_title, .news_title a, .news_title a:hover, .news_title a:visited, .news_title a:active
{
	color: #3478AF;
	float: left;
	text-decoration: none;
	display: inline;
}

.news_rss, .news_rss_left
{
	float: right;
	margin-right: 50px;
	margin-top: 0;
}

.news_main
{
	float: left;
	width: 400px;
	text-align: left;
	padding: 5px;
	border: 1px #B6B6B6 solid;
	background: #ffffff;
}

.news_rss_left
{
	float: left;
}

.academic_cal
{
	float: left;
	width: 400px;
	text-align: left;
	padding: 5px;
	border-top: 1px #B6B6B6 solid;
	border-bottom: 1px #B6B6B6 solid;
}
.calendar_img
{
	background-image: url(http://www.chattahoocheetech.edu/Graphics/calendar.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 133px;
	height: 95px;
	float: left;
	text-align: center;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
}

/*-----
	Social media icons start
						-----*/
/*
		#socialMediaContainer houses the icons. Float is set to left to get the
		container to the left of the page. Position fixed allows the icons to stay
		in place when the user scrolls. The final height and width are set for the
		total set of the icons. The border is used so you can see the container when
		you view the code.
*/	
#socialMediaContainer
{
	float: left;
	height: 252px;
	position: fixed;
	width: 46px;
}

/*Remove bullets and spacing inside the container*/
#socialMediaContainer ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/*Set display for each li to block so a height and width can be declared.
Margin sets the the spacing between each icon (don't use padding). Text-indent
is used to get the link text out of the viewing area. Height and width are set
for all the icons. Finally, the background points to the sprite of all the icons.*/
#socialMediaContainer ul li
{
	background: transparent url(/graphics/social_mediaIcons.png) no-repeat;
	display: block;
	height: 48px;
	margin: 0 0 15px 0;
	text-indent: -999999px;
	width: 46px;
}

/*The link tag must be set to block with the same hight and width as the icons
placing text-indent here does not work. Block is requred to give the a tag a
height and width*/
#socialMediaContainer a
{
	display: block;
	height: 48px;
	width: 46px;
}

/*Set the background positon for all the icons*/
#socialMediaContainer #wordpress
{
	background-position: 0 0;
}
#socialMediaContainer #facebook
{
	background-position: 0 -48px;
}
#socialMediaContainer #twitter
{
	background-position: 0 -96px;
}
#socialMediaContainer #youtube
{
	background-position: 0 -143px;
}
#socialMediaContainer #wordpressHover
{
	background-position: 0 -192px;
}
#socialMediaContainer #facebookHover
{
	background-position: 0 -240px;
}
#socialMediaContainer #twitterHover
{
	background-position: 0 -288px;
}
#socialMediaContainer #youtubeHover
{
	background-position: 0 -335px;
}

/*Move all the hover icons up the total hight of the icon it's replacing plus
the margin total for top and bottom (in this example 48 + 15 = 63)*/
#socialMediaContainer #wordpressHover,#socialMediaContainer #facebookHover,#socialMediaContainer #twitterHover,#socialMediaContainer #youtubeHover
{
	margin-top: -63px;
}

/*-----
	Social media icons end
						-----*/
						
/*-----
	inclement weather start
						-----*/

#inclement_weather
{
	background: transparent url(graphics/weatherIcons/weather_backing.png) no-repeat top left;
	width: 400px;
	height: 90px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	overflow: hidden;
}

#inclement_weather_overfill
{
	background-color: #ff0000;
	width: 400px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	overflow: hidden;
	border: 2px #000000 solid;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px;
}

#snow
{
	background: transparent url(graphics/weatherIcons/snow.png) no-repeat top left;
	width: 70px;
	height: 50px;
	float: left;
	margin-right: 10px;
}

#ice
{
	background: transparent url(graphics/weatherIcons/ice.png) no-repeat top left;
	width: 70px;
	height: 47px;
	float: left;
	margin-right: 10px;
}

#rainfloodtornado
{
	background: transparent url(graphics/weatherIcons/rainflood.png) no-repeat top left;
	width: 61px;
	height: 50px;
	float: left;
	margin-right: 10px;
}

#weather_ul, #notice_ul
{
	list-style-type: none;
	float: left;
	width: 340px;
}

#weather_header, #notice_header
{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	line-height: 1.3em;
	width: 300px;
	float: left;
	margin-bottom: 5px;
}

#weather_text, #notice_text
{
	color: #ffffff;
	font-weight: bold;
	width: 300px;
	float: left;
}
/*-----
	inclement weather end
						-----*/
						
/*-----
	important notice start
						-----*/
#important_notice
{
	background: transparent url(graphics/notice/notice_backing.png) no-repeat top left;
	width: 400px;
	height: 90px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
}

#important_notice_overfill
{
	background-color: #0156e4;
	width: 400px;
	margin: 25px auto 0 auto;
	padding: 5px 10px 10px 10px;
	overflow: hidden;
	border: 2px #000000 solid;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px;
}

#greencheckmark, #redx, #reddash, #lbluequestion, #dblueinfo, #yellowexclamaion
{
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
}

#greencheckmark
{
	background: transparent url(graphics/notice/checkmark_64.png) no-repeat top left;
}

#redx
{
	background: transparent url(graphics/notice/error_64.png) no-repeat top left;
}

#reddash
{
	background: transparent url(graphics/notice/forbidden_64.png) no-repeat top left;
}

#lbluequestion
{
	background: transparent url(graphics/notice/help_64.png) no-repeat top left;
}

#dblueinfo
{
	background: transparent url(graphics/notice/information_64.png) no-repeat top left;
}

#yellowexclamaion
{
	background: transparent url(graphics/notice/warning_64.png) no-repeat top left;
}

/*-----
	important notice end
						-----*/					
/*-----
	foundation scholoarship form start
									-----*/
#form
{
	width: 400px;
	overflow: hidden;
}

.clear
{
	clear: both;
}

#form label
{
	display: block;
	margin: 3px 0;
	padding: 3px 0;
}

#form input, #form select
{
	margin: 0;
}

#form select
{
	height: 22px;
}

#form label.name input, #form label.street input, #form label.apt input, #form label.city input, #form label.state select, #form label.zip input
{
	display: block;
}

#form label.street, #form label.apt, #form label.city , #form label.state, #form label.zip, #form label.home , #form label.work, #form label.cell, #form label.credits, #form label.gpa, #form label.yes, #form label.no
{
	float: left;
}

#form label.citizen input, #form label.fulltime input
{
	display: inline;
}

#form label.name input
{
	width: 394px;
}

#form label.street input
{
	width: 307px;
}

#form label.street input, #form label.city input, #form label.state select, #form label.home input, #form label.work input, #form label.cell input, #form label.credits input
{
	margin-right: 3px;
}

#form label.apt input, #form label.zip input
{
	width: 78px;
}

#form label.city input
{
	width: 252px;
}

#form label.home input, #form label.work input, #form label.cell input
{
	width: 88px;
}

#form label.ctcID input
{
	width: 303px;
}

#form label.email input
{
	width: 354px;
}

#form label.noCitizen input
{
	width: 212px;
}

#form label.credits input, #form label.gpa input
{
	width: 66px;
}

#form label.pos input
{
	width: 247px;
}
/*-----
	foundation scholoarship form end
									-----*/
									
#email
{
	background: #5c92ae url(/graphics/mailbox.png) no-repeat top left;
	border: 2px #B6B6B6 solid;
	height: 400px;
	display: none;
	overflow: allow;
	padding: 10px 0 0 10px;
	position: absolute;
	width: 600px;
	z-index: 900;
}
#close
{
	background: #ff0000;
	color: #ffffff;
	cursor: pointer;
	font-size: 1.5em;
	height: 20px;
	
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 20px;
	z-index: 1000;
}
						
						/*-----
	Planet Form. Remove when Plane is over
										-----*/

#planetForm
{
	width: 100%;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#planetForm .formSection
{
	border: 1px #000000 solid;
	margin-bottom: 5px;
	margin-left: -23px;
}
										
#planetForm ul li
{
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}

#planetForm input, #planetForm  select
{
	float: left;
	font-weight: bold;
	color: #564642;
	margin-right: 15px;
}


#planetForm .longSelect
{
	width: 217px;
}

#planetForm .short
{
	width: 60px;
}

#planetForm .required
{
	color: red;
}

#planetForm .dates li
{
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
}

#planetForm .choices
{
	margin: 0 5px 0 0;
	float: left;
}

#planetForm .noSpace
{
	margin-bottom: -10px;
	padding-bottom: 0;
}

#planetForm .CnoSpace
{
	margin-bottom: 0;
	padding-bottom: 0;
}

#planetForm .sideNote
{
	display: block;
	font-size: .8em;	
}

#planetForm .errormsg
{
	background-color: yellow;
	border: 1px red solid;
	visibility: hidden;
}

.planetImg1
{
	float: right;
	padding: 0 0 5px 10px;
}

.planetImg2
{
	float: left;
	padding: 0 10px 5px 0;
}

#result_table
{
	font-size: 1em;
	color: #000000;
}

#result_table .table_color1, #result_table .table_color2
{
	border-bottom: 2px #000000 dashed;
	padding: 5px;
}

#result_table .table_color1
{
	background-color: #e7e6e6;
}

#result_table .table_color2
{
	background-color: #cdcdcd;
}

#result_table ul
{
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#result_table li
{
	list-style-type: none;
	border: 1px #000000 solid;
	padding-left: 5px;
	height: 1.5em;
}

#result_table .title
{
	border: none;
	font-weight: bold;
}

#result_table .name, #result_table .address
{
	width: 350px;
}

#result_table .vid, #result_table .phone, #result_table .lead
{
	width: 100px;
}

#result_table .email, #result_table .notes
{
	width: 532px;
}

#result_table .company
{
	width: 200px;
}

#result_table .shirtsize, #result_table .relation
{
	width: 124px;
}

#result_table .locTime
{
	width: 245px;
}

#result_table .extended
{
	height: 6em;
}