/* UC Delts Style Sheet */

@import 'ImageFX.css';

html,body {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 75%;
    background: #202020 url(../Images/background2.gif) repeat-x left top;;
}

a img {
    border: none;
}

h1 {
    color: #333333;
    font-size: 140%;
}

h2 {
    color: #333333;
    font-size: 120%;
    margin: 14px 0px 5px 0px;
}

h3 {
    color: #858585;
    font-size: 100%;
    font-weight: normal;
    margin: 14px 0px 0px 0px;
    padding: 0px;
}

h4 {
    color: #333333;
    font-size: 120%;
    margin: 5px 0px 20px 0px;
}

.center {
    text-align: center;
}

div#container {
	text-align: left;
	height: 100px;
	width: 720px;
	margin: 0 auto;
}

div#header {
	height: 169px;
	width: 720px;
	margin: 0px;
	text-align: right;
	background: url(../Images/background-header2.png) no-repeat center top;
}

div#header img {
	margin: 93px 0px 0px 0px;
}

div#mainNav {
	width: 720px;
	height: 44px;
	text-align: center;
	background: url(../Images/background-nav.png) repeat-x center top;
}

div#mainNav p {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	color: #333333;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
}

div#mainNav p a {
	padding: 4px 8px;
	color: #333333;
	text-decoration: none;
}

div#mainNav a:hover {
	color: #000;
	text-decoration: none;
    border-bottom: 2px solid #60328E;
}

div.subNav ul {
	margin: 10px 10px 20px 15px;
	padding: 0px;
	list-style: none;
	font-size: 100%;
	text-align: left;
}

div.subNav li {
	margin-bottom: 6px;
    padding-left: 19px;
	background: url(../Images/arrow.png) no-repeat left;
}

div#contentRight div.subNav li a {
	padding: 0px;
	color: #333333;
	text-decoration: none;
	border-bottom: none;
}

div#contentRight div.subNav a:hover {
	color: #FEE180;
	text-decoration: none;
	background: #4C2375;
}

div.memberNav {
    width: 720px;
    margin: 15px auto;
    text-align: center;
}

div.memberNav a {
    color: #4C2375;
    margin: 0px 7px;
    text-decoration: none;
    font-weight: bold;
}

div.memberNav a:hover {
    color: #4C2375;
    text-decoration: underline;
}

div#contentTop {
    width: 720px;
    height: 142px;
}

div#content {
	float: left;
	width: 720px;
	background: #FFF;
	text-align: center;
    font-family: verdana, sans-serif;
}

div#contentCenter {
    width: 580px;
    margin: 0px auto;
}

div#contentCenter p {
    text-align: left;
}

div#pageTitle {
    width: 580px;
    margin: 0px auto;
    text-align: left;
}

div#contentLeft {
    float: left;
    width: 425px;
    margin-left: 20px;
    text-align: left;
    font-family: verdana, sans-serif;
}

div#contentLeft.contentFull {
    width: 680px;
}

div#contentLeft p {
    line-height: 1.4em;
    font-size: 90%;
}

div#contentLeft a {
    padding: 0px 1px;
    color: #0000FF;
    text-decoration: none;
    border-bottom: 1px dotted #333;
}

div#contentLeft a:hover {
    color: #FFF;
    text-decoration: none;
    background: #4C2375;
}

div#contentLeft img {
    float: left;
    margin-right: 10px;
}

div#contentLeft table th {
    text-align: left;
}

div#contentRight {
    float: right;
    width: 215px;
    margin: 10px 10px 10px 10px;
    font-family: verdana, sans-serif;
    background: #FEE180;
    border-left: 1px solid #60328E;
    border-top: 1px solid #60328E;
    border-right: 2px solid #60328E;
    border-bottom: 2px solid #60328E;
}   

div#contentRight2 {
    float: right;
    width: 215px;
    margin: 10px 10px 10px 10px;
    font-family: verdana, sans-serif;
    background: #603390;
    border-left: 1px solid #60328E;
    border-top: 1px solid #60328E;
    border-right: 2px solid #60328E;
    border-bottom: 2px solid #60328E;
} 

div#contentRight p {
    padding: 0px 10px;
    margin: 0px 0px 20px 0px;
    text-align: left;
    line-height: 1.2em;
    font-size: 80%;
    font-family: arial, helvetica, verdana, sans-serif;
}

div#contentRight2 p {
    padding: 0px 10px;
    margin: 0px 0px 20px 0px;
    color: #FFF;
    text-align: left;
    line-height: 1.2em;
    font-size: 90%;
    font-family: arial, helvetica, verdana, sans-serif;
}

div#contentRight img {
    margin-bottom: 5px;
}

div#contentLeft ul {
    margin-right: 40px;
    line-height: 1.4em;
    font-size: 90%;
}

div#contentLeft li {
    margin-bottom: 10px;
}

.marketList {
    padding-left: 0px;
    margin-left: 0px;
    list-style: none;
}

.fileslist tr td {
    min-height: 34px;
    padding-left: 39px;
    padding-right: 10px;
    padding-bottom: 6px;
    margin-left: 20px;
    vertical-align: top;
    font-size: 90%;
}

.pdf {
    background: url(/img/pdf-icon.gif) top left no-repeat;
}

.excel {
    background: url(/img/excel-icon.gif) top left no-repeat;
}

.word {
    background: url(/img/word-icon.gif) top left no-repeat;
}

.powerpoint {
    background: url(/img/powerpoint-icon.gif) top left no-repeat;
}

div#footer {
    float: left;
    width: 720px;
    height: 62px;
    background: #202020 url(../Images/content-bottom.gif) no-repeat center top;
    text-align: center;
    font-family: arial, verdana, sans-serif;
}

div#footer p {
	margin: 30px 0px 0px 0px;
	font-size: 80%;
}

div#footer p a {
    padding: 0px 1px;
    color: #000099;
    text-decoration: none;
}

div#footer a:hover {
    color: #FBCD40;
    text-decoration: none;
    background: #000;
}

/** Events Pages **/

#events {
    width: 650px;
    margin: 0px auto;
    text-align: left;
}

#events h2 a {
    color: #333333;
    border-bottom: 1px dotted #333333;
    text-decoration: none;
}

#events h2 a:hover {
	background: #333333;
    color: #FFF;
    border-bottom: 1px dotted #FFF;
    text-decoration: none;
}

div#contentRight .eventsNav ul, div#contentRight .eventsNav li {
    text-align: left;
    margin: 0px;
    padding: 0px;
}

div#contentRight .eventsNav ul {
    margin-left: 20px;
    margin-bottom: 12px;
}

/** Gallery Pages **/

div#galleryContent {
    width: 670px;
    margin: 0px auto;
}

div#galleryContent h2 a {
    color: #333333;
}

div#galleryContent table td {
    width: 200px;
}

/** My Files page **/

div#myFiles {
    width: 650px;
    margin: 0px auto;
    vertical-align: top;
}

div#myFiles table td {
    vertical-align: top;
}

div#myFiles .fileIcon {
    padding-right: 6px;
    padding-top: 10px;
    float: left;
}

div#myFiles .fileDesc {
    width: 170px;
    float: right;
    text-align: left;
}

div#myFiles .file {
    margin-right: 15px;
    width: 208px;
}

/** Members list **/
#membersList {
    width: 670px;
    margin: 0px auto;
    text-align: left;
}

#membersList table th {
    text-align: left;
}

#membersList table td {
    width: 20%;
    vertical-align: top;
}

.scholarship tr td b {
    font-weight: normal;
}

.scholarship tr td {
    text-align: left;
}

.scholarship {
    padding-left: 30px;
}

.scholarship input,
.scholarship textarea {
    border: 1px solid #767676;
	width: 200px;
	font-family: times, serif;
}

.scholarship #submitBTN {
    width: auto;
    font-family: verdana, sans-serif;
}

div#contentRight2 p.scholarshipSidebar {
    font-size: 120%;
    text-align: center;
}

div#registerForm input {
    width: 300px;
    border: 1px solid #a1a1a1;
    padding: 2px 2px;
}

div#registerForm .ff_req {
    color: red;
    font-weight: bold;
}

div#registerForm .note {
    font-size: 90%;
}

div#registerForm #ff_submit {
    border: 1px solid #a1a1a1;
    background: fafafa;
    /*background: url(../Images/background-nav.png) center center repeat-x;*/
    padding: 3px 8px;
    color: black;
    font-weight: bold;
    width: auto;
}

div#registerForm #ff_submit:hover {
    background: #e1e1e1;
    border: 1px solid #b1b1b1;
    cursor: pointer;
}

div#registerForm .ff_checkbox {
    width: auto;
}

div#registerForm table td,
div#registerForm table th {
    padding-right: 10px;
}

div#registerForm .event_total {
    width: 55px;
    border: 1px solid #a1a1a1;
    padding: 2px 2px;
}

div#registerForm input.shortText {
    width: 16px;
}

div#registerFormErrors {
    border: 1px solid red;
    background: #f1f1f1;
    padding: 8px;
    margin-bottom: 12px;
}

div#registerFormErrors span {
    color: red;
}

div#registerFormErrors table td {
    padding-right: 12px;
}

div#registerForm input.error {
    background: #FEE180;
}