/* ----------- new new stuff for madness phase ------------------ */
table {border-collapse: collapse; border: none; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; width: 975px; margin: 0 10px 0 10px;}
table#top {margin-top: 0;}
table#bottom {margin-bottom: 0;}
td.top {vertical-align: bottom;}
td.bottom {vertical-align: top;}
td.middle {vertical-align: middle; text-align: middle; background-color: #eee; border: 1px solid #ccc;}
td p {text-align: left; width: 100px;}
td.top p {background-color: #e0e9ef; margin: 6px 5px 0 0; padding: 1px 2px 1px 6px; border-top: 1px solid #aaa; border-right: 1px solid #aaa;}
td.bottom p {background-color: #edf2f6; margin: 0 5px 0 0; padding: 1px 2px 1px 6px;}
td.middle p {color: #fff; font-weight: bold; background-color: #004B7E; text-align: center; width: 95%; margin: 5px; padding: 10px 0 10px 0; border: 0;}
td.topleft p {border-left: 3px solid #004b7e; border-top: 1px solid #aaa; border-right: 1px solid #aaa;}
td.bottomleft p {border-left: 3px solid #006db7; border-bottom: 1px solid #444; border-right: 1px solid #aaa;}
td.topright p {border-right: 3px solid #004b7e; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}
td.bottomright p {border-right: 3px solid #006db7; border-bottom: 1px solid #444; border-left: 1px solid #aaa;}
td#final_topleft {background-color: #004B7E;}
td#final_topright {background-color: #004B7E;}
td#final_bottomleft {background-color: #004B7E;}
td#final_bottomright {background-color: #004B7E;}
td#bracket_logo {background: #fff url(http://www.austincc.edu/mascot/images/logo_bracket_middle.jpg) 0px 0px  no-repeat;}

#mascot_header {border-bottom: 1px solid #444; margin: 0; height: 360px; background: url(http://www.austincc.edu/mascot/images/madness_header_01.jpg) top left no-repeat;}
div#bracket_explain {background-color: #eee; margin: 20px 15px 20px 15px; padding: 5px 0 5px 0; border: 1px solid #aaa;}
div#bracket_explain p {margin: 10px 10px 10px 10px; padding: 0;}

div#facebook_icon2 {position: relative; left: 740px; top: 30px; width: 250px; height: 50px; z-index: 100; border: 0;}
div#facebook_icon2 a {display: block;  width: 250px; height: 50px; background: url(http://www.austincc.edu/mascot/images/mascot2_fb2.gif) 0 0 no-repeat;}
div#facebook_icon2 a:hover {background-position: -251px 0px;}

div#twitter_icon2 {position: relative; left: 760px; top: 30px; width: 250px; height: 43px; z-index: 100;}
div#twitter_icon2 a {display: block;  width: 250px; height: 50px; background: url(http://www.austincc.edu/mascot/images/mascot2_tw2.gif) top left no-repeat;}
div#twitter_icon2 a:hover {background-position: -261px 0;}

/* --------------------------- new stuff ----------------------- */
div#contentarea {margin: 0; padding: 0; clear: both;}
#mascot_container {margin: 10px 0 0 0; padding: 0;}
#mascot_left {float: left; width: 220px; margin: 0; padding: 0;} 
#mascot_right {float: right; width: 200px; margin: 0; padding: 0;}
#mascot_middle {float: left; width: 570px; margin: 0; padding: 0;}
#mascot_form {border: 0; margin: 0; padding: 0;}
.mascot_clear {clear: both;}
ul#mascot_left_nav {width: 210px; list-style: none; margin: 0; padding: 0; border-top: 0;}
ul#mascot_left_nav li {margin: 0; padding: 0;}
ul#mascot_left_nav a {color: #fff; text-decoration: none; font-weight: normal; font-size: 14px; display: block; padding: 6px 0 3px 20px; width: 190px; border-bottom: 0; background-color: #131b66;}
ul#mascot_left_nav a:hover {color: #131b66; background-color: #eff2f9;}
ul#mascot_left_nav a#current {color: #131b66; background-color: #eff2f9;}
div#mascot_right h2 {font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #222; padding: 0; margin: 0 30px 10px 0;}
div#mascot_right p {padding: 5px 0 5px 0; margin: 10px 30px 0 0; border-top: 1px solid #ccc;}
#mascot_wrap {text-align: left; margin: 0; padding: 0px; border:0; width: 100%; background: url(http://www.austincc.edu/mascot/images/mascot_container_bg01.jpg) top left repeat-y;}
#mascot_header {margin: 0; height: 360px; background: url(http://www.austincc.edu/mascot/images/madness_header_01.jpg) top left no-repeat;}
div#facebook_icon {position: relative; left: 795px; top: 27px; width: 136px; height: 48px; z-index: 100;}
div#facebook_icon a {display: block;  width: 150px; height: 48px; background: url(http://www.austincc.edu/mascot/images/facebook_off.jpg) top left no-repeat;}
div#facebook_icon a:hover {background: url(http://www.austincc.edu/mascot/images/facebook_on.jpg) top left no-repeat;}
div#twitter_icon {position: relative; left: 795px; top: 25px; width: 136px; height: 48px; z-index: 100;}
div#twitter_icon a {display: block;  width: 150px; height: 48px; background: url(http://www.austincc.edu/mascot/images/twitter_off.jpg) top left no-repeat;}
div#twitter_icon a:hover {background: url(http://www.austincc.edu/mascot/images/twitter_on.jpg) top left no-repeat;}
div.follow {margin: 0 0 20px 0; padding: 0; clear: both;}
div.follow_left {float: left; width: 85px; height: 85px; margin: 0; padding: 0;}
div.follow_left a img {border: 0;}
div.follow_right {float: left; width: 270px; height: auto; margin: 0 0 0 20px; padding: 0;}
img.headshot {border: 1px solid #444; float: left; margin: 0 10px 10px 0; padding: 0;}
span.committee_name {font-weight: bold;}
span.innerError {color: #FF0000; font-weight: bold; display: inline; padding-left: 5px;}

div#mascot_right h2.timer {padding-bottom: 8px; margin-bottom: 6px; border-bottom: 1px solid #ccc;}
div#mascot_right p.timer {padding: 0; margin: 6px 30px 30px 0; border-top: 0;}
div#cdcontainer {margin: 0; padding: 0;}
.lcdstyle{color: #131b66; font-size: 18px; padding: 0;}
.lcdstyle sup{font-size: 80%}


/* ---------------------- stuff from IamACC --------------------------- */
/* some changes to margin, padding, etc - some extra stuff deleted */
#skip a, #skip a:hover, #skip a:visited{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active{position:static;width:auto;height:auto;} 
#container {width: 990px;margin: 0 auto;background-color:#FFFFFF; border-left: 4px solid #999999; border-right: 4px solid #999999; border-bottom: 4px solid #999999;}
#header {height: 97px;width: 250px;float: left;background-color:  #000; }
#rotator {height: 97px;width: 740px;float: left;background-color: #000; background-image:url(http://www.austincc.edu/mascot/images/header_01.gif);}
#topmenubar {height: 29px;width: 990px;margin: 0px;float: right; background: #000;color:#F8CD29;}
.menu{color:#F8CD29;}
a.menu:link, a.menu:active, a.menu:visited {color:#fff;  font-size:0.9em; text-decoration:none;}
a.menu:hover {color: #F8CD29;}
#search {width: 210px;float: left;margin: 7px 0px 0px 6px;}
#topmenu {width: 530px;float: right;text-align:center;margin-top:7px;margin-left:20px;padding-left:4px;}
#control { height: 25px;width:758px;font-size: 0.8em; color: #000000; border-bottom: 1px solid #003462; border-left: 1px solid #000; float: left;background: #F2F2F2; }
#breadcrumb {height: 24px;width: 675px;padding-top: 7px;padding-left: 5px;float: left;}
#textsizer {height: 24px;width: 76px;float: right;}
#sitename { height: 25px;width:757px; border-left: 1px solid #000; border-bottom: 1px solid #000; padding-top: 1px;padding-left: 1px;float: left;background: #fff;}
#sitenamealigner{padding-top: 4px;padding-left: 4px;}
#pagename {width:400px;}
#texthead {width: 680px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.8em; color:#000000; font-weight:bold; padding: 0.5em 1em 0.5em 1em;}
#maintext {width: 675px; padding: 0em 0em 0em 2em;}
#maintext a {text-decoration:none; font-size: .9em; color: #660000;}
#maintext a:hover {text-decoration:underline; color:#CC9966;}
#content {width: 990px; margin: 0; padding: 0; text-align:left;background-color:#FFFFFF;}
div.alt_text {display:none;}
#main {margin:0; padding: 0;background-color:#FFFFFF; }
#main-content {margin:0; padding: 0; font-size: 100%;background-color:#FFFFFF; }
#main-content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bottommenubar {height: 22px; width:990px; color: #f8cd29;margin:0;background: #000;}
#bottommenu{margin-top: 0px;text-align: center; padding-top: 4px;}
#footer {padding: 0px;padding-top: 5px;width:990px; background-color:#F2F2F2; height:27px; font-size:0.8em; text-align: center;}
.formstyle {margin: 0px; display: inline;}
.googlebox {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; width: 94px; border: 1px solid #7C7C7C;}
.googlego {font-size: 0.8em;padding-bottom:1px; color:#003399; border: 1px solid #7C7C7C;background-color:#FCFCFC; width:35px; height:15px;margin: 0 0 0 4px;}
.directory {color:#FFFF00; padding-left:11px;}
a.directory:link, a.directory:active, a.directory:visited {color:#fff;font-size:0.9em;text-decoration:none;}
a.directory:hover {color: #F8CD29;}
a:link {color: #003399}
a:visited {color:#003399;}
a:hover {color: #3366CC;}
.breadcrumb a:link, .breadcrumb a:visited{color:#000; text-decoration:none;}
.breadcrumb a:active, .breadcrumb a:hover{color:#003399; text-decoration:none;}
.sitename{font-size: 1.3em; color: #333399; font-weight: bold;}
a.bottommenu:link, a.bottommenu:active, a.bottommenu:visited {color:#fff;  font-size:0.9em; text-decoration:none; padding-left:1em; padding-right:1em;}
a.bottommenu:hover {color: #F8CD29;}
a.footerlinks:link, a.footerlinks:active, a.footerlinks:visited {text-decoration:none; color:#000;}
a.footerlinks:hover {color: #003462;}
.pagename{font-size: 2em; color: #65241e; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
.pagename p {margin:0;}
.hide {display: none;}
#maintext form {font-size: 0.9em; text-align:left;}
.legal {font-size: 0.9em;}

/* ---------------------- stuff from Google - file 1 ------------------------------------ */
/* a lot of these styles don't get used, but I'm not going through all of them to clean things up */
html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,embed,object,applet {border: 0; margin: 0; padding: 0;}
body {margin: 0; background-image: url(http://www.austincc.edu/iamacc/images/bg.gif); color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 75%;}
a {color: #00c;}
a:active {color: #f00;}
a:visited {color: #551a8b;}
table {border-collapse: collapse; border-width: 0; empty-cells: show;}
ul {padding: 0 0 1em 1em;}
ol {padding: 0 0 1em 1.3em;}
li {line-height: 1.5em;	padding: 0 0 .5em 0;}
p {padding: 0 0 1em 0;}
h1,h2,h3,h4,h5 {padding: 0 0 1em 0;}
h1,h2 {font-size: 1.3em;}
h3 {font-size: 1.1em;}
h4,h5,table {font-size: 1em;}
sup,sub {font-size: .7em;}
input,select,textarea,option {font-family: inherit;	font-size: inherit;}
.g-doc,.g-doc-1024,.g-doc-800 {font-size: 130%;}
.ss-base-body {font-size: .8em;}
.ss-textarea {max-width: 99%;}
.ss-choice-item {line-height: 1.3em; margin: 0;	padding-bottom: .5em;}
.ss-form-entry input {margin-top: 0; vertical-align: middle;}
.g {color: #666;}
.i {display: inline;}
.ss-form-desc {font: inherit; margin: 0; white-space: -moz-pre-wrap; white-space: pre-wrap;	width: 99%; word-wrap: break-word;}
.ss-q-title {display: block; font-weight: bold;}
.ss-q-help {color: #666; display: block; margin: .1em 0 .25em 0;}
.ss-q-long {max-width: 90%;}
.ss-form-entry {margin-bottom: 1.5em; zoom: 1;}
.ss-choices {list-style: none; margin: .5em 0 0 0; padding: 0;}
.ss-powered-by {clear: left; color: #666; display: block; margin: 1em 0.2em 0.2em;}
.ss-powered-by a:link,.ss-powered-by a:visited {color: #666;}
.ss-terms {clear: left;	display: block;	margin: 1em 0.2em 0.2em;}
.ss-required-asterisk {color: #c43b1d;}
.ss-section-title {background-color: #eee; margin: 2em -0.4em 0; padding: 0.4em;}
.ss-section-description {margin-top: 0.5em;}
.ss-page-number {color: #666; line-height: 2em;}
hr {background-color: #ccc;	border-width: 0; height: 2px; margin: 0 -2em;}
.ie hr {width: 107%;}
.ss-page-title {margin: 0; padding: 0;}
.ss-gridnumbers {border-bottom: 1px solid #d3d8d3; text-align: center;}
.ss-gridnumber {display: block;	padding: 0.5em 0 .5em;}
.ss-gridrow {border-bottom: 1px solid #d3d8d3; color: #666; padding: .5em .25em; text-align: center;}
.ss-grid-row-even {background-color: #fff;}
.ss-grid-row-odd {background-color: #f2f2f2;}
.ss-gridrow-leftlabel {padding: 0 1em;}
.ss-grideditor-columns input {line-height: 150%;}
.ss-grideditor-editor .ss-magiclist-ul span.ss-header {font-weight: bold; padding-right: 1em;}
.ss-grid .errorbox-component .errorbox-good,.ss-grid .errorbox-component .errorbox-bad {display: none;}
.ss-scalenumbers {text-align: center;}
.ss-scalenumber {display: block; padding: 0.5em 0 .5em;}
.ss-scalerow {border: 1px solid #d3d8d3; border-left: 0; border-right: 0; color: #666; padding: .5em .25em; text-align: center;}
td.ss-leftlabel {padding-left: 0; text-align: right;}
td.ss-rightlabel {padding-right: 0;	text-align: left;}
.errorbox-bad {background-color: #ffe6cc; border: 2px solid #c43b1d; padding: 2px;}
.errorheader {color: #c43b1d;}

/* ---------------------- stuff from Google - file 2 ------------------------------------- */
/* main change: padding taken out of container; replaced with margins on inner divs */
body.ss-base-body {background-color: #fff; font-family: Garamond,'Times New Roman',serif; font-size: 13px; margin: 10px; padding: 0;}
h1,h2,p,form,table,td {font-size: 13px;	margin: 0; padding: 0;}
div.ss-form-container {background-color: #fff; border: 1px solid #ccc; border-width: 1px 2px 2px 1px; line-height: 20px; margin: 0 5px 10px 5px; width: 540px; font-size: 14px;}
div#new_container {width: 400px; margin: 0 20px 0 70px; padding: 0;}
div.ss-form-heading {margin: 20px 0 0 0; padding: 0;}
div.ss-form {margin: 0; padding: 0;}
div.ss-footer {margin: 0 0 50px 0; padding: 0;}
h1.ss-form-title {font-size: 18px; margin: 0 0 20px; color: #131b66}
pre.ss-form-desc {margin: 0 0 20px;}
span.ss-required-asterisk {color: #c00; margin: 0; padding: 0;}
div.errorheader {color: #c00;}
div.errorbox-bad {background: none;	border: none; margin: 0; padding: 0;}
div.errorbox-good {margin: 0; padding: 0;}
div.ss-form-entry {margin: 0; padding: 0;}
div.errorbox-bad div.ss-form-entry {background: none; border: 2px solid #c00; color: #c00; margin: -2px 0 -5px; padding: 0 5px 2px;}
input,select {font-size: 11px; margin: 1px 0 0 1px;	padding: 0;}
label.ss-q-title {margin: 0;}
label.ss-q-help {margin: 0;}
ul.ss-choices {margin: 0; padding: 0;} 
li.ss-choice-item {line-height: 20px; margin: 0; padding: 0;}
td.ss-scalenumbers,td.ss-scalerow {height: 19px; line-height: 19px;}
td.ss-scalenumbers {margin: 0; padding: 0 3px;}
label.ss-scalenumber {margin: 0; padding: 0;}
td.ss-scalerow {border: none; color: #666; height: 16px; line-height: 16px; margin: 0; padding: 3px 3px 0; vertical-align: middle;}
td.ss-leftlabel,td.ss-rightlabel {font-size: 11px; font-style: italic;}
textarea {border: 1px inset #999; font-size: 12px; height: 114px; margin: 0; padding: 0;}
span.ss-powered-by {display: block;	margin: 18px 0 0;}
h2.ss-section-title {background-color: transparent;}
div.ss-submit div.ss-form-entry {background: none; border: none;}