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
						-----*/
#social_media_container
{
	position: fixed;
	float: left;
	width: 144px;
	height: 384px;
	margin: 150px 0 0 0;
	padding: 0;
}

#social_media_container a
{
	cursor: pointer;
}

#wordpress, #facebook, #twitter, #youtube, #wordpress-off, #facebook-off, #twitter-off, #youtube-off
{
	background: transparent url(graphics/social_mediaIcons.png) no-repeat;
	width: 46px;
	height: 48px;
	padding: 0;
	margin: 0 0 15px 0;
}

#wordpress-off, #facebook-off, #twitter-off, #youtube-off
{
	margin-top: -63px;
}

#wordpress
{
	background-position: 0 0;
}

#facebook
{
	background-position: 0 -48px;
}

#twitter
{
	background-position: 0 -96px;
}

#youtube
{
	background-position: 0 -143px;
}

#wordpress-off
{
	background-position: 0 -192px;
}

#facebook-off
{
	background-position: 0 -240px;
}

#twitter-off
{
	background-position: 0 -288px;
}

#youtube-off
{
	background-position: 0 -335px;
}

/*-----
	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, #form label.time select
{
	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;
}

#form label.time .timeSelect
{
	border: 2px #ff0000 solid;
}
/*-----
	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;
}