@CHARSET "ISO-8859-1";

body {
	border: 0;
	margin: 0;
    font-family: Arial, helvetica, sans-serif;
	color: #0d443e;
	font-size: 9pt;
	text-align: center;
}

form { padding: 5px 0; margin: 0; }
input, textarea, select {
	color: #0d443e;
	font-size:8pt;
    font-family: Arial, helvetica, sans-serif;
	font-weight: bold;
}

td { font-size: 9pt; }

h1 { font-weight: bold; font-size: 1.6em; color: #0d443e; margin: 10px 0 20px 0; line-height: 150%; }
h2 { font-weight: bold; font-size: 9pt; color: #639f27; margin: 20px 0 10px 0; }
h3 { font-weight: bold; font-size: 1.2em; color: #0d443e; margin: 10px 0 10px 0; }

a { color: #0d443e; font-weight: bold; }
#content a { text-decoration: none; border-bottom: dotted 1px; font-style: italic; }
#content h2 a { color: #639f27; text-decoration: none; font-style: normal; border: none; }

/******** main elements ********/
#page {
	margin: 0 auto 0 auto;
	width: 980px;
	text-align: left;
	background: white;
	padding: 0 0 50px 0;
}

#page-header { float: left; padding-bottom: 2px; }

#page-main { 
	float: left;
	border-bottom: solid 3px #82d731;
	width: 100%;
	background: #ecf6f1 url(/images/site/content_background.gif) repeat-y;
}

/******** header ********/
#header-logo {
	float: left;
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
	background: url(/images/site/dsru_logo_larger.gif);
	width: 980px;
	height: 112px
}

#header-logo h1 { display: none; }

#header-tag { float: right; padding: 0 0 0 2px; margin: 0 0 0 0; border-bottom: solid 2px #ffffff; }

#header-login { 
	float: right; 
	background: url(/images/site/header_login_bg.jpg) no-repeat right;
	height: 31px; 
	width: 399px;
	text-align: right; 
	line-height: 28px;
	color: #fff;
	margin-bottom: -31px;
	z-index: 10;
	position: relative;
	padding-right: 25px;
	font-size: 0.9em;
}
#header-login a { color: #fff; font-weight: normal; }
#header-login img { vertical-align: middle; margin-left: 2px; border: none; }

/******** navigation ********/
#menu { float: left; background-color: #ecf6f1; width: 196px; }
#leftnavitem { float: left; width: 196px; padding: 0; }
#subsmenu { float: left; width: 196px; }

#menu ul { margin: 0; padding: 0; }
#menu li {
	margin: 0;
	list-style: none;
	vertical-align: middle;
	background: url(images/site/menu_bullet.gif) 7px 6px no-repeat;
	cursor: pointer;
	background-color: #82d731;
	border-bottom: solid 2px white;
}
#menu li:hover { background: #82d731 url(images/site/menu_bullet_selected.gif) 7px 6px no-repeat; }
#menu li.inverted { background: #0c463a url(images/site/menu_bullet_inverted.gif) 7px 6px no-repeat; }
#menu li.selected { background: #82d731 url(images/site/menu_bullet_selected.gif) 7px 6px no-repeat; }
#menu li.childselected { background: #82d731; }
#menu li.invertedchildselected { background: #0c463a; }
#menu li a { padding: 0 5px 2px 19px; line-height: 20px; }
#menu li.invertedselected {
	margin: 0 0 0 0;
	list-style: none;
	vertical-align: middle;
	background: #0c463a url(images/site/menu_bullet_inverted_selected.gif) 7px 6px no-repeat;
	line-height: 20px;
	cursor: pointer;
}
#menu li.invertedselected a { color: white; }
#menu li.invertedselected li.invertedselected a { color: white; }
#menu li.selected a { color: white; }
#menu li.childselected a, #menu li.invertedchildselected a, #menu li.invertedchildselected li a, #menu li.invertedselected li a {
	color: white;
}
#menu li.inverted a { color: #82d731; }
#menu a { margin: 0; color: #0c463a; text-decoration: none; }

#submenu { margin: 0; padding: 0; }
#submenu li {
	margin: 0 5px 0 0;
	list-style: none;
	vertical-align: middle;
	cursor: pointer;
	border-bottom: none;
	background: none;
}
#submenu li.selected {
	list-style: none;
	vertical-align: middle;
	background: url(images/site/menu_bullet_selected.gif) 7px 6px no-repeat;
	line-height: 20px;
	cursor: pointer;
	font-weight: bold;
}
#menu #submenu li.inverted { background: #0c463a; }
#submenu a { margin: 0; color: #0d443e; color: #0d663e; text-decoration: none; font-weight: normal; }
ul#subsubmenu { margin: 0 0 0 0px; padding: 0 0 5px 0; }
#subsubmenu li { font-weight: normal; background: none; }
#subsubmenu li.selected { background: none; text-decoration: underline; font-weight: bold; }

/******** content ********/
#content { float: right; width: 782px; line-height: 150%; border-top: solid 8px #82d731; }

#content_margins { margin: 20px; }

#popupcontent { text-align: left; padding: 10px 10px 10px 10px; line-height: 150%; }

td.basic { background: white; }
td.alt { background: #e0efd1; }

#page-footer { float: left; margin: 10px 0 30px 0; font-size: 0.8em; }
#page-footer a { text-decoration: none; }

#notice { margin: 10px 0 30px 0; float: right; font-size: 0.8em; }
#notice a { text-decoration: none; font-weight: normal; }

#narrow_content { width: 485px; float: left; }
#narrow_images { padding-top: 20px; width: 198px; float: right; }

.caption { margin: 4px 0 10px 0; padding: 0; font-size: 0.9em; line-height: 1.2em; }

dfn { font-weight: bold; }

p.title { margin: 4px 0 10px 0; font-style: italic; }

#quote { margin: 20px 0 0 0; }

ul#publications { float: left; padding: 0; margin: 0; width: 740px; }
ul#publications li { padding: 10px 0; list-style: none; }
ul#publications li b { color: #639f27; }
ul#publications li a { border: none; font-style: normal; color: #639f27; }

ul.paging { float: left; width: 700px; padding: 0; margin: 0; color: #639f27; }
ul.paging li { display: inline; padding: 5px 10px 5px 0; list-style: none; float: left; }
ul.paging a { font-weight: normal !important; font-style: normal !important; border: none !important; }
ul.paging a.current { color: #639f27; }

div.delegates { width: 708px; float: left; }
div.delegates div.delegate { padding: 0 30px 10px 0; width: 200px; float: left; }
div.delegates th { font-size: 9pt; text-align: left; }

input.asalink {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #0d443e;
	font-weight: bold;
	text-decoration: none;
	border-bottom: dotted 1px;
	font-style: italic;
	font-size: 1em;
}

input { padding: 0 5px; width: auto; overflow: visible; }

.definition_content { width:550px; height:340px; overflow:scroll; position: relative; }

.footnote { font-size: 0.8em; }

#content p.newstitle a {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	font-style: normal;
	text-decoration: none;
	border: none;
}

/******* courses ********/
ul.course-list { list-style: none; margin: 0; padding: 0; width: 650px; }
ul.course-list li { background-color: #fff; margin-bottom: 10px; padding: 10px; }
#content ul.course-list a { font-style: normal; }

span.course-date { 
	float: left; 
	background-color: #d4f9af; 
	text-align: center; 
	padding: 5px 0 3px; 
	margin-right: 10px; 
	width: 70px; 
}
span.course-tba { font-size: 1.3em; line-height: 20px; }
span.course-start { display: inline-block; float: left; margin-left: 2px; }
span.course-to { display: inline-block; font-weight: bold; font-size: 1.4em; }
span.course-end { display: inline-block; float: right; margin-right: 2px; }
span.course-day { font-size: 1.5em; line-height: 20px; }
span.course-month { font-size: 1.3em; }
span.course-year { font-size: 1.1em; color: #42924f; }

span.course-text { float: left; width: 450px; margin-right: 10px; }
span.course-title { margin-right: 5px; line-height: 18px; cursor: pointer; }
span.course-length { color: #5dbc00; display: inline-block; }
span.course-desc { font-style: italic; font-weight: normal; display: inline-block; }
span.course-desc p { margin: 0; }
span.course-links { display: inline-block; }
span.course-links img { border: none; vertical-align: middle; margin-right: 10px; }

#content span.course-links a { border-bottom: none; line-height: 30px; }
#content span.course-links a.green { color: #5DBC00; }
#content a.more-courses { border-bottom: none; font-style: normal; }
#content a.more-courses img { border: none; vertical-align: middle; margin-right: 10px; font-size: 1.1em; }

#book-course { 
	clear: both; 
	/*background: url(/images/site/book_cta.png) no-repeat left 20px;*/
	padding-top: 25px; 
	margin: 0 0 -4px 14px;
	color: #d4f9af;
	z-index: 10;
	position: relative; 
}
#book-course img { border: none; }
#book-course a { color: #d4f9af; }
#book-course .highlight { color: #fff; line-height: 20px; text-transform: uppercase; }

#next-course { 
	background: #82d630 url(/images/site/next_course_bottom.jpg) no-repeat bottom; 
	margin: 0 0 20px 14px; 
	width: 146px; 
	z-index: 5; 
	position: relative;
	padding-top: 10px;  
}
#next-course .highlight { color: #fff; text-transform: uppercase; margin-left: 10px; }
#next-course .next-course-text { margin: 5px 10px 10px 10px; display: inline-block; font-weight: normal; }

table.white td { background-color: #fff; padding: 0 5px; }
table.white tr.top td { padding-top: 5px; }
table.white tr.bottom td { padding-bottom: 5px; }
table.white tr.not-white td { background-color: #ECF6F1; }

#course-tabs { display: none; }
#tabs-container { background: #ecf6f1; margin: 25px 0; border: 1px solid #BBCEC6; width: 600px; }
#tabs {  }
#content #tabs li a { border-bottom: none; }

#course-pager span.page-no { margin-right: 2px; font-style: italic; }
#course-pager a { margin-right: 2px; }

span.course-cost-indent { width: 29px; display: inline-block; }

#booking-table h2 { margin-top: 4px; }
#booking-table input { width: 225px; }
#booking-table input.big-submit, 
#booking-table input.submit,
#booking-table input.radio { width: auto; }
#booking-table select { width: 237px; }

/******* news ********/
#news {
	background-color: #82d731;
	/*height: 330px;*/
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	text-align: center;
}
#news img { margin: 0 auto 0 auto; border: none; }
.news_item { padding: 0 15px 0 15px; height: 180px; color: white; text-align: left; }
.news_item a { color: white; }
.news_heading a { text-decoration: none; font-size: 12px; color: black; }
.news_line { 
	height: 1px;
	width: 198px;
	margin: 0 auto 10px auto;
	font-size: 1px;
	border-bottom: solid 1px #0c463a;
}

#scrolling_section { 
	width: 198px;
	height: 180px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#next, #prev { cursor: pointer; }

/******** forms ********/
.form-line { margin-bottom: 5px; }
.form-line label { display: inline-block; width: 160px; }
.form-line .large-label { width: auto; }

.form-line input { width: 225px; }
.form-line .select { width: 237px; }
.form-line .checkbox, .form-line .submit { width: auto; }

.form-submit-line { margin: 10px 0; }

#content a.button { font-style: normal; background-color: #F0F0F0; border: solid 1px #888888; cursor: pointer; }
#content a.big-button { font-weight: bold; font-size: 1.15em; background: #0C463A; border: solid 1px #222; cursor: pointer; padding: 1px 2px; color: #fff; }
#content a.big-button:hover { background: #82D630; color: #0C463A; border: solid 1px #0C463A; }

input.ui-button { border: solid 1px #888888; cursor: pointer; }

input.submit { border: solid 1px #888888; cursor: pointer; }
input.big-submit { font-weight: bold; font-size: 1.15em; background: #0C463A; border: solid 1px #222; cursor: pointer; padding: 1px 2px; color: #fff; }
input.big-submit:hover { background: #82D630; color: #0C463A; border: solid 1px #0C463A; }

#siteuser .text { width: 200px; }
#siteuser input { width: 225px; }
#siteuser input.big-submit, 
#siteuser input.submit,
#siteuser input.radio { width: auto; }
#siteuser select { width: 237px; }

/******** other ********/
.error, .red { color: red; }
.success { color: #82D731; font-weight: bold; font-size: 1.2em; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

