/* Image Manipulation {tag:img} */
img { border: 0px;}
img.left { float: left; margin: 5px 10px 10px 0;}
img.border { border: 1px solid #333;}
img.center { margin: 5px auto 10px auto;display:block;}
img.right { float: right; margin: 5px 0 10px 10px;}
.caption {float:right; background-color:#ddd; border: 1px solid #999; font-size:11px; line-height:14px; margin: 0 0 10px 10px; max-width:250px; padding:5px;}
.caption img {background-color:#fff; border:1px solid #333; margin-left: auto; margin-right: auto; display:block}

/**
 * Replace following classes with img generic classes {tag:img}
 */
.imageBorder { border-right: 3px solid black; border-top: 1px solid black; border-bottom: 3px solid black; border-left: 1px solid black;}
.picNoBorderCenter { border: 0; margin: 5px auto 10px auto;}
.picNoBorderRight { border: 0; float: right; margin: 5px 0 10px 10px;}
.picBorder { border-color: #000; border-style: solid; border-width: 1px 2px 2px 1px; float: left; margin: 5px 10px 10px 0;}
.picBorderCenter { border-color: #000; border-style: solid; border-width: 1px 2px 2px 1px; margin: 0 auto; text-align: center;}
.picBorderRight { border-color: #000; border-style: solid; border-width: 1px 2px 2px 1px; float: right; margin: 5px 0 10px 10px;}

/* News Styles {tag:list,photo,form} */
input.insideSearch { font-size: 11px; height: 11px;}
.newsPhoto { background-color: #ddd; border: 1px solid #949494; float: left; margin: 5px 10px 0px 0; padding: 0px 10px 10px 7px; width: 300px;}
.newsMug { background-color: #ccc; float: left; margin: 0 10px 0px 0; padding: 7px 10px 10px 7px; width: 80px;}
.additionalNewsPhoto { background-color: #ddd; border: 1px solid #999; float: left; font-size: 11px; line-height: 14px; margin: 5px 10px 10px 0; max-width: 302px; padding: 5px;}
.additionalNewsPhoto img { background-color: #fff;}
.newsVideo { background: #eee; border: 1px solid #999; display: block; font-size: 11px; line-height: 14px; margin: 0 auto 10px auto; padding: 5px; text-align: center; width: 425px;}
.newsVideo ul { margin: 6px auto 5px auto; padding: 0;}
.newsVideo li { display: inline; list-style: none;}
.newsVideo a { background: #fff; border: 1px solid #999; margin-right: 5px; padding: 5px; text-decoration: none;}
.newsVideo a:hover { background-color: #603; border: 1px solid #fff; color: #fff;}
.featuredNews { width: 360px; min-height: 400px; float: left; padding-right: 10px; border-right: 1px solid #999;}
.featuredNews img { text-align: center; margin-top: 35px;}
.featuredStoryTitle { font-size: 14px; font-weight: bold; line-height: 18px;}
.miniNewsTitle { color: #000; font-size: 13pt; margin: 0;}
.newStories { float: left; margin-left: 10px; vertical-align: middle; width: 200px;}
.newTitle { font-size: 18px; font-weight: bold; margin-top: 10px;}
div.news h2 { clear: both;}
div.news h3 { clear: both; line-height: 18px;}
div.news p.newsSubDate { font-weight: bold; margin: 0;}
div.news img { float: left; margin-right: 10px; margin-bottom: 10px;}

/* Athletics Roster {tag:table,img} */
.picRoster { border-color: #000; border-style: solid; border-width: 1px 2px 2px 1px; float: left; margin: 0px 10px 10px 0;}
.rosterinfo { margin: 0;}
.rosterstats { padding-left: 160px;}
.rosterlinehead { padding: 3px;}
.rosterlinebody { padding: 2px;}
.rlink, .rlinkperson { display: block; height: 4em; text-decoration: none; width: 100%;}
.rlink { height: 100%;}
.rlinkemail { text-decoration: none;}

/* Scripting {tag:form} */
.goodFeedback, .badFeedback, .good, .bad, .info { 
 line-height: 15px;
 margin: 10px 0 0;
 overflow: hidden;
 padding:20px;
 text-indent:15px;
 font-weight:bold;
}
.info {
  background: url('/images/ico/info.png') no-repeat 0 50%;
  color:#0A1A54;
}

.badFeedback, .bad {
 background: url('/images/ico/application-error.png') no-repeat 0 50%; 
 color:red;
}
.goodFeedback, .good {
 background: url('/images/ico/application-success.png') no-repeat 0 50%;
}
.goodFeedback, .good, .goodFeedback a, .good a { color: green;}
.badFeedback, .bad, .badFeedback a, .bad a { color: red;}
label.error { color: #f00; font-weight: bold; display:block;}
.error {color: #f00; font-weight: bold;}
p.printFriendly { font-size: 11px; line-height: 11px; text-align: right; clear:both;}
p.printFriendly a { color: #666; text-decoration: none;}
p.printFriendly a:hover { color: #603;}
.breadCrumbs { width:600px; clear:both;}
.breadCrumbs div { float:right; margin: 0 0 3px 18px; padding: 0 0 3px 18px; background:url("/images/ico/arrow.png") no-repeat ;}

/* Student Services UI */
div.SSui { clear: both; margin-bottom: 10px; min-height: 100px;}
h3.SShead { border-top: 2px solid #603; font-size: large; font-style: italic; padding-top: 5px; padding-left: 105px; position: relative;}
img.SSicon { border: 0; float: left; margin-top: -16px; margin-left: 3px; position: relative; z-index: 10;}
p.SSdesc { float: right; text-align: left; width: 450px;}

/* Globals */

a { color: #603;}
a:visited { color: #644;}
a:hover { color: #603; text-decoration: none;}
body { background: #f2f2f2; color: #000; font-family: sans-serif; font-size: 14px; line-height: 17px; margin: 0;}
h1, h2 { font-weight: normal; margin: 0; padding: 0;}
h1 { color: #603; font-size: 23px; font-weight: bold; line-height: 24px; margin-bottom: 10px;}
h2 { border-bottom: 1px solid black; font-size: 20px; font-weight: bold; margin-bottom: 6px; padding: 3px 3px 2px 0;}
h2 a { text-decoration:none;}
h3 { font-size: 17px; margin: 12px 0 3px 0;}
h4, h5, h6 { font-size: 15px; margin: 12px 0 3px 0;}
dl, ol, ul, p { line-height: 17px;}
p { margin-top:0px;}

.accent {color:#0A1A54;font-weight:bold;}
.accentBackground {background-color:#0A1A54;color:#fff}
/* quotes */
blockquote.general { background: url("/images/forms/fieldset-bg.jpg") repeat-x left bottom; color:black; border : 1px solid #949494; padding: 3px 30px 0 30px;}
blockquote.general span.quote {display: block;float: left;font-size: 30px;font-weight: bold;margin: 8px 5px 0 -20px;}

/* Widgets */

.widget { border:1px solid #333; margin-bottom: 10px; background: #fff; padding: 0 10px; width: 190px; -moz-box-shadow: 2px 3px 12px #999; -webkit-box-shadow: 2px 3px 12px #999; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');}
.widget h1, .widget h2 {background-color: #603; color: #fff; margin: 0 -10px 10px -10px; padding: 10px; text-align: center;}
.widget h1 {font-size:16px;}
.widget h2 { background-color: #aaa; color: #000; border-bottom:0px; font-size:14px;}
.widget h1 a { color: #fff;}
.widget ul { padding: 0 0 0 10px;}

/* Alignment */
.alignCenter { margin-right: auto; margin-left: auto; text-align: center !important;}
.alignJustify { text-align: justify;}
.alignLeft { text-align: left;}
.alignRight { text-align: right;}
.clearBoth { clear: both;}
.floatLeft { float: left;}
.floatRight { float: right;}
.top { vertical-align: top;}
.indent {position:relative; left:30px;}
.marginLeft { margin-left: 10px; } 
.marginRight { margin-right: 10px; }

/* Tables */
  /* bad */
.ambtable { border-collapse: collapse; margin: 10px 0; width: 100%;}
.coursetable { border-collapse: collapse; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 10px 0; width: 100%;}
.directiontable { border: 0; border-collapse: collapse; padding: 0; text-align: left;}
th.rostercell { background-color: #603; color: #fff; font-weight: normal; padding: 1px 3px; text-align: left; vertical-align: top;}
th.rostercellL { background-color: #603; color: #fff; font-weight: normal; padding: 1px 3px; text-align: left; vertical-align: top;}
th.rostercellR { background-color: #603; color: #fff; font-weight: normal; padding: 1px 3px; text-align: left; vertical-align: top;}
td.rostercell { border-bottom: 1px solid #999; color: #000; padding: 1px 3px; vertical-align: top;}
td.rostercellL { border-bottom: 1px solid #999; color: #000; padding: 1px 3px; vertical-align: top;}
td.rostercellR { border-bottom: 1px solid #999; color: #000; padding: 1px 3px; vertical-align: top;}
.tdb { border-bottom: 1px solid #999; color: #000; padding: 10px 5px; text-align: center; vertical-align: top;}
.tdc { border-bottom: 1px solid #999; color: #000; padding: 3px; vertical-align: top; text-align: center;}
.thc { background-color: #603; border-bottom: 1px solid #603; color: #fff; font-weight: normal; padding: 3px; text-align: center;}
.thl { background-color: #603; border-bottom: 1px solid #603; color: #fff; font-weight: normal; padding: 3px; text-align: left;}
.thr { background-color: #603; border-bottom: 1px solid #603; color: #fff; font-weight: normal; padding: 3px; text-align: right;}
.thl a, .thc a, .thr a { background-color: #603; color: #fff;}
.tdl { border-bottom: 1px solid #999; color: #000; padding: 3px; vertical-align: top;}
.tdr { border-bottom: 1px solid #999; color: #000; padding: 3px; text-align: right; vertical-align: bottom;}
.tdp { text-align: left;}
.tdtotal { border-bottom: 1px solid #999; color: #000; font-style: italic; padding: 3px; text-align: right;}
.tdu { border-top: 1px solid #999; color: #000; padding: 3px; text-align: left; vertical-align: top;}
  /* good */
table {font-size:13px;}
td, th {vertical-align:top;}
table.general { border-collapse: collapse; font: 11px; margin: 10px 0; width: 100%;}
table.general th, table.general th a { background-color: #660033; color: #fff; padding: 1px 3px; text-align: left; vertical-align: top}
table.general td { border-bottom: 1px solid #999; padding: 1px 3px; vertical-align: top}
table.general td.merge { border-bottom: 0px;}
table.general td a { text-decoration: none;}
table.general td a:hover { text-decoration: underline;}
table.general td.right, table.general th.right, table.general td.total {text-align:right;}
table.general td.total {border-bottom:1px double #999}

table.application { border-collapse: collapse; font-size: 12px; margin: 10px 0; width: auto; font-family:Verdana, sans-serif;}
table.application td {border-bottom: 1px solid #CCC; padding: 1px 3px; vertical-align: middle;}
table.application tr:hover {background: url('/images/forms/row-bg.png') repeat-x #fff;}
table.application th, table.application th a {background: #660033 url('/images/forms/header-bg.png') repeat-x 80%; height:30px; white-space:nowrap; color:#fff; padding: 1px 3px; text-align: left; vertical-align:middle; font-weight:bold;}
table.application td.merge {border-bottom:0px;}
table.application td a {text-decoration: none;}
table.application td a:hover {text-decoration: underline;}
table.application td.right, table.application th.right, table.application td.total {text-align:right;}
table.application td.total {border-bottom: 1px double #CCC;}

table.form td, table.form th { vertical-align:top;}
table.form th { text-align:left;}
table.form td label { font-weight:bold;}

input.isRequired { display:none; }

form dt { font-weight:bold;margin-top:10px;}
form dt:after {content: ": ";}
form dt.submit:after {content: "";}
form dd {margin-left:0;}
form dd.indent {margin-left:5px;}
form dd em {color:#555;font-size:smaller;display:block;clear:both;}
.inputtext {font-size:11px;border: 1px solid #660033;padding: 5px;width:260px;}
textarea.inputtext {font-size:11px;font-family:sans-serif;border: 1px solid #660033;padding: 5px;width: 360px;height: 75px;}

form.general table { margin: 0 auto 10px auto;}
form.general table th, form.general table th a {color:#fff; text-align:left; font-weight:bold; background:#603;}
form.general table td label { text-align:right; font-weight:bold; float:right;}
form.general table td { font-weight:bold; vertical-align:top;}
form.general table td input, form.general table td select { text-align:left; float:left;}
form.general table td textarea { text-align:left; width:350px; height:100px; font-family:sans-serif; font-size:12px;}
form.general table td label.left, form.general table td.left { float:left; text-align:left;}
form.general table td label.right, form.general table td.right { float:right; text-align:right;}
form.general input.medium { width:200px;}
form.general input.large { width:400px;}

form.list fieldset { margin-bottom: 10px; border: 1px solid #999;}
form.list legend { padding: 0 2px; font-weight: bold;}
form.list label { display: inline-block; line-height: 1.8; vertical-align: top;}
form.list fieldset ol { margin: 0; padding: 0;}
form.list fieldset li { list-style: none; padding: 5px; margin: 0;}
form.list fieldset fieldset { border: none; margin: 3px 0 0;}
form.list fieldset fieldset legend { padding: 0 0 5px; font-weight: normal;}
form.list fieldset fieldset label { display: block; width: auto;}
form.list em { font-weight: bold; font-style: normal; color: #f00;}
form.list label { width: 120px; /* Width of labels */}
form.list fieldset fieldset label, form.list fieldset input.submit { margin-left: 123px; /* Width plus 3 (html space) */}
form.list fieldset textarea {width:270px; height:125px;}
form.list fieldset input.submit { margin-left: 128px;}

.paginator { font-size: 80%;}
.paginator a {text-decoration: none;border: solid 1px #999;color: #603;}
.paginator a, .paginator span {display: block;float: left;padding: 0.3em 0.5em;margin-right: 5px;margin-bottom: 5px;min-width:1em;text-align:center;}
.paginator .current {background: #333;color: #fff;border: solid 1px #999;}
.paginator .current.prev, .paginator .current.next{color:#999;border-color:#999;background:#fff;}

form em.required {color:red;font-weight:bold;}

div.progress { clear:both;height:31px;}
div.progress ul {width:481;margin: 0;padding: 0;list-style: none;clear:both;	display:block;}
div.progress ul li {display:inline; }
div.progress ul a {display: block;text-indent: -99999px;background-position: left top;}
div.progress ul li.first a, div.progress ul li.completeFirst a,
div.progress ul li.second a, div.progress ul li.completeSecond a,
div.progress ul li.third a, div.progress ul li.completeThird a,
div.progress ul li.fourth a, div.progress ul li.completeFourth a,
div.progress ul li.finish a, div.progress ul li.completeFinish a {background: url('/images/forms/progress.gif') no-repeat;height: 31px;width: 110px;float: left;display: block;}
div.progress ul li.second a {background-position: -110px 0;}
div.progress ul li.third a {background-position: -227px 0;}
div.progress ul li.fourth a {background-position: -337px 0;}
div.progress ul li.finish a {background-position: -447px 0;}
div.progress ul li.completeFirst a {background-position: 0 -34px;}
div.progress ul li.completeSecond a {background-position: -110px -34px;}
div.progress ul li.completeThird a {background-position: -227px -34px;}
div.progress ul li.completeFourth a {background-position: -337px -34px;}
div.progress ul li.completeFinish a {background-position: -447px -34px;}

/* lists */
.menu_box { margin:0 0 20px 0;padding:0;background-color:#eee;border:1px solid #ccc; width:220px; }
.menu_box h3, .menu_box h3.light, menu_box h3.dark { padding: 8px 5px 8px 12px;margin:0;font-size:15px;color:#fff; line-height:19px; }
.menu_box h3 { background-color:#660033; }
.menu_box h3 a { color:#fff; }
.menu_box h3.light { background-color:#666; }
.menu_box h3.dark { background-color:#333;}
.menu_box ul { padding:3px 5px 5px 10px; margin: 3px 5px 5px 10px; }
.menu_box ul.clean { list-style-type:none; padding:3px 5px 5px 5px; margin: 3px 5px 5px 5px;}
.menu_box p { padding:4px 10px 0 10px; }
.menu_box_right { float:right; width:188px; margin:0 0 0 10px; }
.menu_box_center { float:left; width:188px; margin:0 5px 0 5px;}
.menu_box_left { float:left; width:188px; margin:0 10px 0 0;}
.menu_box li ul { font-size:11px; padding-bottom:0px;margin-bottom:0px; }

/* Misc -- get rid of */
.bgRed { background-color: #603; color: #fff; padding: 3px;}
.bgRed a { color: #fff; display: block; text-decoration: none;}
.blockul { padding: 5px 0;}
.blockli { display: block; margin: 0; padding: 0;}
.cutline { font-size: 11px; line-height: 10px; margin-top: 0; text-align: center;}
.noUnderline { text-decoration: none;}

/* Formatting */
  /* get rid of curvy corners */
.curvedCorners { -moz-border-radius: 8px; -webkit-border-radius: 8px; -opera-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;}
.curvedCornersButton { -moz-border-radius: 3px; -webkit-border-radius: 3px; -opera-border-radius: 3px; -khtml-border-radius: 3px;  border-radius: 3px;}
.dropShadow { -moz-box-shadow: 2px 3px 12px #999; -webkit-box-shadow: 2px 3px 12px #999; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');}
.hidden { display: none;}

/* Icons */
.environment { margin:15px 0 0 0px; padding: 0 0 0 30px; height:30px; color:green; font-size:11px; background: url(/images/ico/environment.jpg) no-repeat top left; clear:both;}
.environment div { margin-left:5px; padding-top: 8px;}
.excel { list-style-image: url("/images/ico/excel.jpg");}
.mid { list-style-image: url("/images/ico/mid.gif");}
.mp3 { list-style-image: url("/images/ico/mp3.jpg");}
.pdf { list-style-image: url("/images/ico/adobe.jpg");}
.video { list-style-image: url("/images/ico/video.jpg");}
.word { list-style-image: url("/images/ico/word.jpg");}
.rss  { list-style-image: url("/images/ico/rss.jpg");}

/* Site Header: Logo and Search Box */
div.siteHeader { background: #ddd; margin: 0 auto; padding-left: 10px; padding-right: 10px; width: 940px;}
div.topTag { background: url(/images/layout/toptagn.png) no-repeat 0px 0px; display: block; height: 25px; margin: 0 auto; padding: 3px 10px 5px 10px; position: relative; z-index: 2;}
input.searchBox { font-size: 11px; height: 11px; margin-top: 6px;}
input.button { vertical-align: bottom;}
.bg_shadow { background:url('/images/layout/shadow.jpg') repeat-y 50% 0;}

/* Site Header: Top Navigation */

ul.topNav { clear: both; display: block; margin: 0 auto 0 auto; padding-top: 00px; position: relative; text-align: center; z-index: 1;}
li.topNav { display: inline; list-style: none;line-height:19px;}
li.topNav a { color: #666; font-size: 15px; font-weight: bold; padding: 3px 10px 0 10px; text-decoration: none;}
li.topNav a:hover { border-bottom: 6px solid #000; color: #603;}
li.topNav a:focus { color: #603;}
div.siteGrayBar { background: #999; display: block; height: 6px; width: 100%;}

/* Site Header: Centennial Logo, Header Graphic */

div.siteRedBar { background: #603; width: 100%;}
div.siteNav { background: #603; margin: 0 auto; padding-left: 10px; padding-right: 10px; width: 940px;}
div.centennialLogo a { background: url(/images/logos/centenniallogo2.png) no-repeat; display: block; float: left; height: 182px; margin: 0; width: 300px;}
div.headerImage { background: #fff url("/images/banner/rotator.php") no-repeat; height: 182px; margin: 0 0 0 320px;}

/* Top Sub-Navigation */

div.topNav { background-color: #fff; height: 182px; margin: 0;}

div.prospectiveStudentsLogo, div.currentStudentsLogo, div.facultyStaffLogo, div.specialProgramsLogo, div.alumniFriendsLogo { background-repeat: no-repeat; background-image: url("/images/layout/topnav.jpg"); display: block; float: left; height: 182px; width: 300px;}
div.prospectiveStudentsLogo { background-position: 0 0;}
div.currentStudentsLogo { background-position: 0 -182px;}
div.facultyStaffLogo { background-position: 0 -364px;}
div.specialProgramsLogo { background-position: 0 -546px;}
div.alumniFriendsLogo { background-position: 0 -728px;}
div.topNavLinks { float: left; width: 630px;}
div.topNavMenu ul { float: left; line-height: 13px; margin: 0 0 0 15px; padding: 0; width: 172px;}
div.topNavMenu li { list-style: none;}
div.topNavMenu a { display: block; font-size: 11px; margin: 3px;}
div.topNavMenu a:hover { text-decoration: none;}
.closeNavigation { position: relative; top: 162px; text-align: right;}
.closeNavigation a { font-size: 11px; margin-right: 5px; padding: 3px 3px 1px 3px;}
.closeNavigation a:hover { text-decoration: none;}

/* Page-Specific Navigation */

div.siteContent { background: url('/images/layout/bg.jpg') repeat-x #ddd left top; margin: 0 auto; padding: 10px 10px 5px 10px; width: 940px;}
div.siteContentClose { background: url('/images/layout/bottom-bg.jpg') repeat-x #ddd left bottom; margin: 0 auto; padding: 10px 10px 5px 10px; width: 940px; height:50px;}
div.sideNav { background: #fff; float: left; margin-bottom: 10px; padding-bottom: 20px; width: 300px;}
div.sideNav ul { line-height: inherit; margin: 0; padding: 1px 0; text-align: right;}
div.sideNav li { line-height: inherit; list-style: none; margin-top: 6px; margin-bottom: 3px;}
div.sideNav a { color: #666; border-bottom: 3px solid #999; display: block; font-size: 16px; font-weight: bold; line-height: inherit; padding: 5px 20px 1px 20px; text-decoration: none;}
div.sideNav a:visited { color: #644;}
div.sideNav a:hover { border-bottom: 3px solid #603; color: #603;}
div.sideNav a.homeLink { background: url(/images/logos/csc.png) no-repeat; border: 0; display: block; height: 89px; line-height: inherit; margin: 15px 0 0 70px; width: 119px;}

/* Page Content -- move homepage only items to inline home css*/

div.Content { background: #fff; float: right; margin-top: 0; margin-bottom: 10px; min-height: 420px; padding: 10px; width: 600px;}

#rotating_items { position: relative;}
#rotating_items div.rotating_item { position: absolute;}
div.Opportunities { float: left; margin-bottom: 10px; width: 380px;}
div.Opportunities a { display: block; height: 175px; width: 380px;}
div.Opportunities img { border:0px;}
div.Popular { background: #603; margin-bottom: 10px; margin-left: 390px; min-height: 175px; width: 210px;}
div.Popular h2 { border-color: #fff; color: #fff; line-height: 22px; padding: 3px 5px 0 5px;}
div.Popular p { line-height: 15px; margin: 0 5px 5px 5px;}
div.Popular a { color: #fff; font-weight:bold;}
div.Critical { margin-bottom: 10px; width: 600px;}
div.Critical h2 { background: #603; border: 0; color: #fff; padding: 1px 4px;}
div.News { float: left; margin-bottom: 10px; width: 380px;}
div.News h3 { clear: both; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 0 5px 0;}
div.News p { line-height: 14px; margin: 0; margin-bottom: 10px;}
div.News img { border: 1px solid; float: left; margin-top: 2px; margin-right: 5px; margin-bottom: 5px;}
div.Calendar { margin-bottom: 10px; margin-left: 390px; width: 210px;}
div.Calendar .eventContainer { margin-bottom: 5px;}
div.Calendar .eventTitle { font-weight: bold;}
.eventDateLoc a, .eventDateLoc { font-weight: normal;}


/* Site Footer */

div.siteFooter { clear: both; padding-top: 5px;}
div.siteFooter p { font-size: 11px; line-height: 13px; margin-bottom: 10px; text-align: center;}
div.siteFooter img { margin-right: 3px; margin-left: 3px; vertical-align: top;}
.footer_cap { background:url('/images/layout/footer_cap.jpg') no-repeat 50% 0; height:24px;}