/* --- uwthetachi.com css by www.RichardDevon.com ------------------------------------------------------------------------------------------------ */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, fieldset, td, img { margin: 0; padding: 0; border: none; }

.clear {clear:both; display:block;}
header, nav, section, section, aside, article, figure {display: block;}

body { background: url(/images/bg-new.jpg) top center fixed no-repeat #000; font: 16px/22px "Times",serif; padding: 0 0 60px 0; text-shadow: #FFF 0 1px 1px;}
section {position: relative; z-index: 1000;}
article, footer {z-index:2; position: relative; width: 956px;margin: 0 auto;}
footer {display:block; text-align:right; text-shadow:#000 0 1px 1px; padding-right:49px; width: 907px; opacity:0.6;}
footer:hover {opacity:1.0;}
footer a:hover {color:#FFF; text-shadow: #333 0 1px 1px;}
section#top {background: url(/images/page-bg-top.png) bottom center no-repeat;width: 956px; height: 111px; position: relative;z-index:2; margin-top: 20px;}
section#content {background: url(/images/page-bg-mid.png) top center repeat-y;width: 858px; padding:0px 49px 80px 49px; position: relative;z-index:5; clear:both;}
section#bottom {background: url(/images/page-bg-bottom.png) bottom center no-repeat;width: 956px; height: 102px; position: relative;z-index:2; clear:both;}


.hide {display: none; visibility:hidden;}

p {color: #444;}
.italic {font-style: italic;}

.red, section.text h2, section.contact h2 , section.text h4, section.text h4 a, section.text section.paragraphs p a, h4 a {color: #a10000;}
.black {color:#444;}
.gray, section.text h5 {color:#666;}

a, footer {color: #F8F8F8;  border:none;}
a:hover {cursor: pointer; color: #e60505; border:none;text-decoration:underline;}
a:focus {-moz-outline: none;}

section a {color:#AD0000;}

nav, header {text-shadow: #000 0 1px 1px;}
nav a, section.text.paragraphs h3 {text-decoration: none; color: #585858;}
nav#global a {color: #777;}
nav a:hover {text-decoration:underline; color:#F8f8f8;}


/* --- document structure ------------------------------------------------------------------------------------------------ */

h1	{font-size:30px; line-height:30px;}
h2	{font-size: 42px; line-height:42px; font-weight:normal;}
h3	{font-size: 22px; padding: 10px 0 30px 0;}
h4, nav ol li	{font-size: 18px;}
h4.addy	{margin-bottom: 20px;}
h5	{font-size: 14px;}
h6	{padding-top:20px;font-size: 16px;}

section.signature	{background: url(/images/line.png) top center no-repeat; padding: 20px 40px 0 40px;}
section#bottom a	{position:absolute;opacity:0.5;bottom:52px; right:52px;text-align:right;}
section#bottom a:hover	{opacity:1.0;}


header a, nav#global ol li a, section#bottom a {
-webkit-transition: all 0.15s ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-delay: initial;
}

header a:hover, section#bottom a:hover {-webkit-transform: scale(1.05) rotate(1deg);}
nav#global ol li a:hover {-webkit-transform: scale(1.25) rotate(0deg);}
nav#global ol li a.selected:hover {-webkit-transform: scale(1.0) rotate(0deg);}

header a {position: absolute; left: 94px; top: 20px; text-align: center; z-index:20000; text-decoration:none; color:#F8f8f8;}
header a:hover {top: 19px; text-decoration:none; color:#F8f8f8;}
header a:active {top: 21px; text-decoration:none; color:#F8f8f8;text-shadow:#AD0000 0 1px 1px;}
header img#logo {background: url(/images/black-icons.png) -3175px center no-repeat; display:block; width:134px; height:60px; z-index: 10; margin: 0 auto;}
header h1 {padding-top: 10px;}
header h2 {font-size:24px; line-height:30px;}
header h2, section.text.paragraphs h3.events {color: #585858;}


section.text, section.contact {z-index: 10000; color:#1c1c1c; width: 619px; padding: 20px 5px 0 5px; float:left;position: relative; display:block;clear:right;}
section.contact {width: 589px;}

section.text h2, section.contact h2, section.photos h2, h2#cal {position: absolute; top: 315px; display:block;  padding: 0 0px 20px 40px; width: 580px; background: url(/images/line.png) bottom center no-repeat;}
section.contact h2, section.photos h2, h2#cal {position: relative; display:block; top:0; padding-top:20px;}


section.paragraphs.photo-index {margin: 0;display:block; background: url(/images/line.png) bottom center no-repeat;}
section.photo-index h3 {float:right; padding-top:0;}
section.paragraphs.photo-index a {display:block;padding: 20px;}
section.paragraphs.photo-index a:hover {background-color:#e8e8e8;}

section.paragraphs.gallery { padding-top:20px;}
section.photo-index img, section.gallery img {-webkit-border-top-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topright:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;-webkit-box-shadow: #333 1px 1px 2px;-moz-box-shadow: #333 1px 1px 2px;}

ul#calendar li {display:block; background: url(/images/line.png) bottom center no-repeat; padding:20px 0px;position:relative;}
 
section.paragraphs {margin-bottom:40px;}
section.paragraphs, .paragraphs {padding: 0 40px;}
section.paragraphs p {padding: 0 0 20px 0; line-height:22px;}

section.paragraphs p a:hover, section.contact section.paragraphs a:hover, section.signature a:hover {background: url(/images/page-bg-top.png) top center no-repeat;}

section.text section.paragraphs img.left {float: left; margin: 20px 20px 10px 0; clear:left;}
section.text section.paragraphs img.right {float: right; margin: 20px 0px 10px 20px;clear:right;}

section.text section.paragraphs ul {list-style-position: outside; list-style-type: square; padding: 10px; margin-bottom: 20px;}

section.study-files h2 {margin-bottom: 20px;}
div.study-file {display: block; padding: 10px 0;}
div.study-file p {padding: 0; margin: 0;}
div.study-file h4, div.study-file h5 {display: inline;}

/* --- nav states ------------------------------------------------------------------------------------------------ */


nav#sub {width: 229px; float:left;z-index: 10000;position: relative; display:block; padding: 320px 0 200px 0;background: url(/images/nav-shadow-smaller.png) 207px top no-repeat;min-height: 300px;}
nav#sub ol {padding: 0;}
nav#sub ol li {list-style:none;}
nav#sub ol li a {padding: 10px 0 10px 60px; display:block; border-top: 1px solid #333;border-bottom: 1px solid #000;}

nav#sub ol li a:hover {background: url(/images/page-bg-top.png) top center no-repeat;border-top-color:#333;border-bottom-color:#222; padding: 9px 0 11px 60px;}
nav#sub ol li a:active {padding: 11px 0 9px 60px;border-top-color:#222;border-bottom-color:#222;text-shadow:#AD0000 0 1px 1px;}
nav#sub a.selected, nav#sub a.selected:hover {background: url(/images/black-icons.png) -2936px center no-repeat; font-weight:bold; border-top-color: transparent;border-bottom-color: transparent; color: #f8f8f8;}
nav#sub ol li a.selected:hover {padding: 10px 0 10px 60px;}

nav ol li.list {padding: 15px;}
nav ol li.list p {color: #f8f8f8;}
nav ol li.message-from-the-president, nav ol li.rush-faq {background: url(/images/black-icons.png) -1236px 8px no-repeat;}
nav ol li.brotherhood {background: url(/images/black-icons.png) 12px 8px no-repeat;}
nav ol li.academics {background: url(/images/black-icons.png) -736px 8px no-repeat;}
nav ol li.social {background: url(/images/black-icons.png) -486px 5px no-repeat;}
nav ol li.dream-girl {background: url(/images/black-icons.png) -238px 5px no-repeat;}
nav ol li.philanthropy {background: url(/images/black-icons.png) -988px 5px no-repeat;}

nav ol li.join-us {background: url(/images/black-icons.png) -1486px 8px no-repeat;}
nav ol li.why-theta-chi {background: url(/images/black-icons.png) -1737px 8px no-repeat;}
nav ol li.how-rush-works {background: url(/images/black-icons.png) -2236px 8px no-repeat;}
nav ol li.ox-pics {background: url(/images/black-icons.png) -1986px 7px no-repeat;}
nav ol li.home {background: url(/images/black-icons.png) -2486px -51px no-repeat;}
nav ol li.calendar {background: url(/images/black-icons.png) -2738px 8px no-repeat;}


nav ol li.message-from-the-president:hover, nav ol li.message-from-the-president.selected, nav ol li.message-from-the-president.selected:active, nav ol li.rush-faq:hover, nav ol li.rush-faq.selected, nav ol li.rush-faq.selected:active {background-position: -1236px -51px}
nav ol li.brotherhood:hover, nav ol li.brotherhood.selected, nav ol li.brotherhood.selected:active {background-position: 12px -51px}
nav ol li.academics:hover, nav ol li.academics.selected, nav ol li.academics.selected:active {background-position: -736px -51px}
nav ol li.social:hover, nav ol li.social.selected, nav ol li.social.selected:active {background-position: -486px -54px}
nav ol li.dream-girl:hover, nav ol li.dream-girl.selected, nav ol li.dream-girl.selected:active {background-position: -238px -54px;}
nav ol li.philanthropy:hover, nav ol li.philanthropy.selected, nav ol li.philanthropy.selected:active {background-position: -988px -54px}
nav ol li.join-us:hover, nav ol li.join-us.selected, nav ol li.join-us.selected:active {background-position: -1486px -51px}
nav ol li.why-theta-chi:hover, nav ol li.why-theta-chi.selected, nav ol li.why-theta-chi.selected:active {background-position: -1737px -51px}
nav ol li.how-rush-works:hover, nav ol li.how-rush-works.selected, nav ol li.how-rush-works.selected:active {background-position: -2236px -51px}
nav ol li.ox-pics:hover, nav ol li.ox-pics.selected, nav ol li.ox-pics.selected:active {background-position: -1986px -52px}
nav ol li.home:hover, nav ol li.home.selected, nav ol li.home.selected:active {background-position: -2486px -51px}
nav ol li.calendar:hover, nav ol li.calendar.selected, nav ol li.calendar.selected:active {background-position: -2738px -51px}


nav ol li.message-from-the-president:active, nav ol li.rush-faq:active {background-position: -1236px -49px}
nav ol li.brotherhood:active {background-position: 12px -49px}
nav ol li.academics:active {background-position: -736px -49px}
nav ol li.social:active {background-position: -486px -52px}
nav ol li.dream-girl:active {background-position: -238px -52px;}
nav ol li.philanthropy:active {background-position: -988px -52px}
nav ol li.join-us:active {background-position: -1486px -49px}
nav ol li.why-theta-chi:active {background-position: -1737px -49px}
nav ol li.how-rush-works:active {background-position: -2236px -49px}
nav ol li.ox-pics:active {background-position: -1986px -50px}
nav ol li.home:active {background-position: -2486px -51px}
nav ol li.calendar:active {background-position: -2738px -49px}

nav#global {width: 629px; position: absolute; top: 49px;right: 49px;}
nav#global ol li {display:inline;}
nav#global ol li a {display:inline-block; padding: 20px 15px 20px 15px; position:relative;}
nav#global ol li a:hover, nav#global ol li a:active {color:#f8f8f8;}
nav#global ol li a:active {text-shadow:#AD0000 0 1px 1px;}
nav#global ol li a.selected {font-weight:bold; background: url(/images/nav-global-arrow.png) center 50px no-repeat; color:#f8f8f8;}


/* --- contact form ------------------------------------------------------------------------------------------------ */

fieldset { border: 0; padding: 0px; margin-top:0px; width: 600px;-moz-border-radius: 5px;-webkit-border-radius: 5px; font-size:16px;}
fieldset ol {margin: 0 auto; width: 540px; padding: 20px 30px;text-shadow: #FFF 0 1px 1px;}
fieldset ol, fieldset ul li  {list-style: none; list-style-position: outside;}
fieldset ol li {display:block;}
fieldset ol li.last {padding-top: 20px;}
fieldset label	{display: block;padding: 0 0 5px 0;}
fieldset label#title	{font-size: 20px;}
fieldset input.field, fieldset select, #captcha {margin: 0 0 10px 0; padding: 5px; width: 520px;}
fieldset select { display: block; margin: 0 0 10px 0; padding: 5px 0; width: 535px;}
fieldset .textarea {height: 200px; margin: 0 0 10px 0; padding: 5px; width: 520px;}		

/* --- uwthetachi.com css by www.RichardDevon.com ------------------------------------------------------------------------------------------------ */