*{padding:0; margin:0}

body{ font-family:Arial,Helvetica,sans-serif;  font-size:13px; background: #fff;}
h1{ font-size:26px;  color:#000;  margin-bottom:15px}
h2{ font-size:14px;  color:#333;  margin-bottom:15px}
p{ font-size:14px;  margin:10px 0;  line-height:22px}
a{ color:#333}
th{ text-align:left;  vertical-align:top;  padding-top:10px}
a img{ border:none}
.login_input{ width:200px;  border:1px solid #728888;  padding:3px}
.form{ background:#f1f1f1;  border:1px solid #728888}
.form table{ width:600px}
.form table th, td{ padding:10px}

.input_text{ width:380px;  border:1px solid #728888;  padding:3px}
.input_textarea{ width:380px;  height:120px;  border:1px solid #728888;  padding:3px}
.select{ padding:0}
.factoid{ font-size:12px;  font-style:italic;  border:1px solid #ccc;  padding:5px 10px;  background:#f1f1f1}

#contact.form{ float:left;  background:#f1f1f1;  border:1px solid #ccc;  width:350px}
#contact table{ width:350px}
#contact .input_text{ width:180px}
#contact .input_textarea{ width:180px}
#contact_info{ float:right;  margin:10px;  width:290px}
#contact_info h2{ color:#036}
#contact_info table{ width:290px}
#inbox{ margin-top:20px;  font-size:12px}
#inbox a{ text-decoration:none;  color:#333}

#inbox a:hover{ text-decoration:underline;  color:#036}
#inbox .tr{ display:block;  float:left;  clear:both;  width:670px}

#inbox .from{ float:left;  clear:none;  width:270px;  padding:10px 4px}
#inbox .date{ float:left;  clear:none;  width:80px;  padding:10px 4px}
#inbox .subject{ float:left;  clear:none;  width:280px;  padding:10px 4px}
.fade{ opacity:0.6}
.submit{ float:right;  margin:10px;  padding:5px 10px;  color:#728888;  font-weight:bold;  background:#fff;  border:1px solid #728888}
.submit:hover{ background:#728888;  color:#fff}
.button{ float:right;  margin:10px;  padding:5px 10px;  color:#728888;  font-weight:bold;  background:#fff;  border:1px solid #728888;  text-decoration:none}
.button:hover{ background:#728888;  color:#fff}
.projects{float:left; width:140px; height:140px; overflow:hidden; margin:10px; padding:0px; text-align:center; background:#f1f1f1}
.project_cat{float:left; clear:both; margin:10px; padding:0px}
.project_cat_image{float:left; margin:10px; padding:0px; text-align:center}
.project_cat_description{float:left; width:380px; margin:10px; padding:0px}
.projects_description{float:left; clear:both; width:650px; margin:20px 0px; padding:5px 10px; background:#e8eeee; border:1px solid #036}

.projects a{color:#728888; text-decoration:none}
.projects:hover{color:#036}

.projects img{border:1px solid #728888}
.projects img:hover{border:1px solid #036}
.projects_cat{float:left; width:150px; margin:14px; padding:5px; text-align:center}
.selected_project{ background:#e8eeee;  border:1px solid #728888}

#sortable-list{list-style:none}

#sortable-list li{display:block; padding:20px 10px; margin-bottom:3px; background-color:#efefef}

#sortable-list li img.handle{margin-right:20px; cursor:move}
.image_left{ float:left;  display:block;  margin:0 20px 20px 0;  padding:10px;  border:1px solid #cac29b;  background:#fff;  color:#555;  font-size:10px;  text-align:center;  text-decoration:none}
.image_right{ float:right;  display:block;  margin:0 0 20px 20px;  padding:10px;  border:1px solid #cac29b;  background:#fff;  color:#555;  font-size:10px;  text-align:center;  text-decoration:none}
.image_left img, .image_right img{ margin-bottom:5px;  border:1px solid #b9b083}

#wrapper{ margin:0 auto;  width:922px}
#faux{ background:url(../images/fauxcol.gif);  margin-bottom:0px;  overflow:auto;  width:100%}
#message{width:100%; color:#fff; text-align:center; font-size:15px; margin:0}
#message p{ margin:0}
#message a{ color:#FFF}
#message p{padding-top:0px}
#error{width:100%; background:#036; padding:10px 0}

#success{width:100%; background:#728888; padding:10px 0; color:#fff}
#header{ color:#333;  width:922px;  padding:10px 0;  margin:10px 0px 0px 0px; background-image:url(../images/header.png);  height:109px; background-repeat: no-repeat;}
#header .address{ float:right;  clear:both;  margin-top:30px;  text-align: left;}
#logos{ float:right;  clear:both;  margin-top:30px}
#navigation{ color:#fff;  padding:0;  margin:0px 0px 0px 0px;  background:#ABBEBE; float:left; 	background: #333;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#777777, endColorstr=#333333);
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#333333));
	background: -moz-linear-gradient(top, #777777, #333333);
}
#leftcolumn{ display:inline;  color:#333;  margin:10px 0 10px 10px;  padding:0px; padding-top: 10px;  width:205px;  float:left}
#leftcolumn ul{ margin:10px 0 10px 10px}

#leftcolumn li{ list-style-type:none;  margin:10px 0}
#leftcolumn h1{ font-size:14px; color: #000;}
#leftcolumn h2{ font-size:14px; color: #000;}
#rightcolumn{ float:right;  clear:right;  color:#333;  margin:15px 10px; padding:0px;  width:673px;  display:inline;  position:relative;  min-height:400px}
#rightcolumn ul{ margin:10px 0 10px 30px}

#rightcolumn li{ margin:10px 0}

#why_csu{ float:right;  width:300px;  padding:10px;  border:1px solid #ccc;  background:#f1f1f1}
#why_csu h2, #why_csu h3{ text-align:center;  padding:0 20px}
#why_csu p { font-size: 13px; line-height: 17px; }
#footer{ width:902px;  clear:both;  color:#ccc; margin:0px 0px 10px 0px;  padding:10px;  border-top:2px solid #728888}
#footer a{ color:#ccc}
#copyright{ float:left}
#footer_login{ float:right}
.footer_link{ margin-left:20px}
.table{ font-size:12px;  border:1px solid #333;  border-collapse:collapse;  margin:20px 0}
.table th, .table td{ padding:10px}

#repair th{ width:100px}

#history .table th{ width:80px}

#surface .table th{ width:150px}
#surface .table td{ text-align:center}
.even{ background:#f1f1f1}
.odd{ background:#f9f9f9}

.clear{clear:both; background:none}