* {margin: 0; padding:0;}

html { min-height: 100%; margin-bottom: 1px; }

body {text-align: center; font-family: Georgia,"Times New Roman",Times,serif; font-size: 62.5%;  color: #666; background: #fff; }
.wrap {text-align: left; width: 900px; margin: 0 auto; }

img {border: 0;}

p, small {font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; }
a {color: #666; outline: none;}
a:hover {color: #CCCC00;}

#header {height: 204px; background: #fff url(images/bg01.jpg) repeat-x;}
h1 {color: #800A0A; text-indent: -9999px; background:url(images/logo_web.gif); width:424px; height: 57px; float: left; margin-top:80px;}
ul { list-style: none; font-size: 1.8em; color: #ccc;  text-align: right; padding: 100px 0 0 0;}
ul li {display: inline; padding-left: 18px;}
ul li a {text-decoration: none; color:#999;}
ul li a:hover {text-decoration: none; color: #080808;}
ul li a.active, a:hover.active { color: #080808; cursor:default;}

#details {height: 175px; background: #000 url(images/bg02.jpg) repeat-x;}
#details h2 {float: left; line-height: 175px; width: 290px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 2.1em; color: #fdfdbb; font-weight: normal;}
#details p {font-size: 1.8em; color: #fdfdbb; padding: 68px 0 0 0;}
#details a {color: #fdfdbb; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight: normal; position: relative; top:  10px;}
#details a:hover {color: #ccc;}

#content {background: #fff url(images/bg03.jpg) repeat-x scroll; height: 344px; position: relative;}

#about, #event, #media {padding-top: 4em;}

#content .block {padding: 1em 0 2em 0; border-top: 1px solid #ccc; }
#content .block h3, #register h2 { float: left; width: 290px; color:#080808; font-weight:normal; font-size: 1.8em; margin-bottom: -1.8em; }
#content .block h3 span {font-size:0.8em; color:#666;}
.block p {width: 610px; margin-left: 290px; margin-bottom: 0.5em; }

.person { display: block; width: 900px; margin-left: 0; height: 200px; border-bottom: 1px solid #ccc; padding-top:5px;}
.person h4 { float:left; width: 290px; color: #666; font-size: 1.8em; font-weight: normal; line-height: 1.8em; }
.person h5 { color: #ccc; font-size: 1.8em; line-height: 1.8em; font-weight: normal; margin-left: -2px; }	
#about .block .person p  {width: 450px; margin-left: 290px; margin-bottom:0.5em; padding:0;}
.person img {float: right; border: 1px solid #666; padding: 2px; background: #ccc; margin: -1.2em 0 0 10px;}


#register a.registerToggle {color: #ccc; background: url(images/hide.gif) no-repeat; padding: 2px 0 3px 28px; margin: 0 0 -20px 165px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.6em; font-weight: normal; cursor: pointer; position: relative; top: -24px; text-decoration: none;}
#register a.registerToggle:hover {color: #ececec; text-decoration: none;}
#register {background: #000000 url(images/bgregister.jpg) repeat-x; color: #ccc; display: none;}
#register .wrap {padding: 50px 0 25px;}
#register h2 {color: #ccc;}

fieldset {width: 610px; margin-left: 290px; margin-top: 15px; border: 0;}
input, textarea {border: 1px solid #ccc; background: #fff; padding: 3px; color: #333; }
label, legend {display: block; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em;}
label input, label textarea {display: block; text-align: left;}

.radio {display: block; width: 610px; margin: 0 0 5px 0;}
.radio legend { padding: 4px 0; color: #ccc;}
.radio label {display: inline; padding-right: 10px; color: #ccc;}
.radio label input {margin-right: 3px; display: inline; background: transparent; border: 0;}

.standard label, .employer label {padding-bottom:4px;}
.standard label input, .presenter label textarea, .presenter label input, label.employer textarea {margin-top: 4px;}
.presenter label {margin: 4px 0; padding-bottom:4px;}

.presenter {display: none;}
.employer {margin: 5px 0; display: none;}

button.submit {background-color: #FFFFFF; border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 0.25em; margin-top: 1.5em; color: #333333; font-weight: bold; text-align:center; line-height: 20px; width:140px; font-size: 1.1em;}
button.submit:active {background-color: #ECECEC; border: 3px double #CCCCCC; border-top-color: #999999; border-left-color: #999999; outline:none;}
button.submit:hover {background-color:#fafafa;}

#output {display: none;}
#output p.green {margin: 15px 0 0 290px; padding: 4px; width: 330px; background-color: #9EFFA1; border: 2px solid #214D22; color: #214D22; text-align: center; font-size: 1.2em; display:block;}
#output p.red {margin: 15px 0 0 290px; padding: 4px; width: 330px; background-color: #E76969; border: 2px solid #4E0C0C; color: #4E0C0C; text-align: center; font-size: 1.2em; display:block;}


/* PARTNERS */

a#ccat {width:251px; height: 42px;  padding-right: 15px; background: url(images/ccat.jpg) 0% 0% no-repeat; display:block; text-indent:-9999px; float: left;}
a:hover#ccat {width:251px; height: 42px;  background: url(images/ccat.jpg) 0% 100% no-repeat;}

a#arts {width:106px; height: 50px; padding-right: 25px; background: url(images/facArts.jpg) 0% 0% no-repeat; display:block; text-indent:-9999px; float: left;}
a:hover#arts {width:106px; height: 50px;  background: url(images/facArts.jpg) 0% 100% no-repeat;}


a#alumni {width:136px; height: 50px;  background: url(images/alumniOffice.jpg) 0% 0% no-repeat; display:block; text-indent:-9999px; float: left;}
a:hover#alumni {width:136px; height: 50px;  background: url(images/alumniOffice.jpg) 0% 100% no-repeat;}