@charset "UTF-8";
/* CSS Document */

@import url(reset.css);
@import url(structure.css);
@import url(colour.css);
@import url(typography.css);


/*-------------------------------
OTHER
-------------------------------*/
/*FORMS*/
.main_content form {
	margin: 0 0 0.92em 0;
}
.main_content form p {
	margin: 0;
	padding: 4px 0;
	clear: both;
	height: 1%;
}
.main_content form p.required {
	color:#009ad9;
}
.main_content form p label {
	float: left;
	width: 150px;
}
.main_content form p input,
.main_content form p select,
.main_content form p textarea {
	width: 280px;
	border: 1px solid #c3c3c3;
	color: #c3c3c3;
}
.main_content form p.checkbox {
	background: #E6E6E6;
	padding: 4px;
}
.main_content form p.checkbox label {
	float: none;
	width: auto;
}
.main_content form p.checkbox input {
	width: auto;
	margin: 0 5px 0 0;
	border: none;
}
.main_content form p.radio-group span {
	float: right;
	display: block;
	width: 280px;
	padding: 2px 0;
}
.main_content form p.radio-group label {
	float: none;
	width: auto;
}
.main_content form p.radio-group input {
	width: auto;
	border: none;	
}
.main_content form p.radio-group span.label {
	float: left;
	width: 150px;
	font-weight: normal;
	padding: 0;
}
.main_content form p.radio-group strong {
}
.main_content form p.submit {
	padding: 4px 0;
	border-top: 1px solid #EEE;
}
.main_content form p.submit input {
	width: auto;
	border: none;
}
/*HOME
-------*/
body#home {
	background-image: url(../img/home/bg.gif);
}
/*Banner*/
body#home #banner .container {
	height: 336px;
}
body#home #banner {
	background:url(../img/home/banner-bg.gif) 0 0 repeat-x;
	height: 336px;
	z-index: 1;
}
/*Content Structure/Layout*/

body#home .content .top {
	background-image: url(../img/home/content_top-bg.gif);
}
body#home .content .outer-middle {
	background-image:url(../img/home/content_lh-bg.gif);
}
body#home .content .inner-middle  {
	background-image: url(../img/home/content_rh-bg.gif);	
}
body#home #banner .container {
	padding: 0;
}
body#home .content .left-column {
	width: 645px;
}
body#home .content .right-column {
	width: 270px;
	background: none;	
	padding: 0;
}
body#home .content .left-column .main_content {
	width: auto;
	float: none;
	font-size: 0.92em;
}
body#home .grid {
	background-image: url(../img/home/column_mid-bg.gif);
	background-position: 100% 0;
}
body#home .grid .inner-grid {
	background-image: url(../img/home/column_btm-bg.gif);
	background-position: 100% 100%;	
}

/*21U Spotlight News*/
body#home .right-column h1 {
	margin: 0 0 10px 0;
}
body#home .right-column .u21_spotlight {
	padding: 0 15px 0 15px;
}
body#home .right-column .article {
	height: 1%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #9ccfee;
}
body#home .right-column .article img {
	float: left;
	border: 3px solid #FFF;
}
body#home .right-column .article .description {
	float: right;
	width: 140px;
}
body#home .right-column .article .description h2 {
	font-size: 1em;
	color: #009ad9;
}
body#home .right-column .article .description a {
	text-decoration: none;
	color: #009ad9;
}
body#home .right-column p.learn_more a {
	display: block;
	width: 240px;
	height: 35px;
	background: url(../img/home/learn_more-btn.gif) 0 0 no-repeat;
}
body#home .right-column p.learn_more a:hover {
	background-position: 0 -35px;
}
body#home .right-column p.learn_more a span {
	display: none;
}

/*Introduction Panels - Welcome and Feature Article*/
body#home .introduction  {
	padding: 15px 13px;
}
body#home .introduction .panel {
	float: left;
	width: 265px;
	padding: 0 30px 0 0;	
}
body#home .introduction .panel h1 {
	height: 19px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;	
}
body#home .introduction .panel h1 span {
	display: none;
}
body#home .introduction .panel img.main {
	margin: 0 10px 10px 0;
}
body#home .introduction .welcome h1 {
	background-image: url(../img/home/welcome-hd.gif);
}
body#home .introduction .welcome {
	border-right: 1px solid #dadada;
}
body#home .introduction .feature_article {
	float: right;
}

body#home .introduction .feature_article h1 {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
}
body#home .introduction .feature_article img.main {
	float: left;
}
body#home .introduction .feature_article a {
	display: block;
}


/*News Items*/
body#home .category {
	padding: 0 13px;
}
body#home .main_content .category h1 {
	height: 33px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
}
body#home .main_content .category h1 span {
	display: none;
}
.category .article {
	float: left;
	width: 278px;
	padding: 0 15px 15px 15px;
	display: block;
}
.main_content .category .article h2 {
	font-size: 1.09em;
	margin: 0 0 0.42em 0;
}

body#home .main_content .research_publication h1 {
	background-image:url(../img/home/research-hd.gif);	
}
body#home .main_content .newsroom h1 {
	background-image:url(../img/home/newsroom-hd.gif);	
}

body#home .main_content .box {
	float: left;
	width: 320px;
	display: block;
	background: url(../img/home/box_btm-bg.gif) 0 100% no-repeat;
	color: #009ad9;	
	font-size: 0.92em;
	height: 1%;
}
body#home .main_content .box h1 {
	display: block;
	height: 45px;
	margin: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
body#home .main_content .box h1 span {
	display: none;
}
body#home .main_content .box .box_content {
	padding: 0 18px 10px 37px;
}
body#home .main_content .member_login h1 {
	background-image:url(../img/home/member_login-hd.gif);
}
body#home .main_content .member_login form p {
	padding: 2px 0;
	margin: 0;
	clear: both;
	display: block;
}
body#home .main_content form label {
	display: none;
	visibility: hidden;
}
body#home .main_content .member_login form input {
	float: left;
	border: 1px solid #c3c3c3;
	width: 146px;
	color:#333;
	font-size:10px;
	padding:3px;
}
body#home .main_content .member_login form input.submit {
	float: left;
	border: none;
	width: 62px;
	height: auto;
	display: block;
}
body#home .main_content .member_login a {
	float: right;
	width: 100px;
	display: block;
	font-size: 0.92em;
	padding: 3px 5px;
	text-decoration: none;
	color: #6a6a6a;	
	clear: right;
	
}
body#home .main_content .podcasts {
	float: right;
	position: relative;
	height:151px;
}
body#home .main_content .podcasts h1 {
	background-image: url(../img/home/listen_podcasts-hd.gif);
}
body#home .main_content .podcasts .box_content {
	padding: 0 93px 10px 37px;
}
body#home .main_content .podcasts p {
	width: 180px; border:1p solid red;
	
}
body#home .main_content .podcasts p.read_more a {
	display: block;
	width: 81px;
	height: 30px;
	background: url(../img/shared/buttons/read_more_b-btn.gif) 0 50% no-repeat;
}
body#home .main_content .podcasts p.read_more a span {
	display: none;
}
body#home .main_content .podcasts img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 107px;
	height: 111px;
}


/*ABOUT US
----------*/
#banner h1#about_aua {
	background-image:url(../img/headings/about_aua.gif);
}

/*RESEARCH AND PUBLICATION
--------------------------*/
#banner h1#research {
	background-image:url(../img/headings/research.gif);
}

/*News Articles*/
.publication {
	padding: 0 0 15px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #dcdcdc;
}
.publication h2 {
	margin-bottom: 10px;
}
.publication img {
	float: left;
}
.publication img.thumb {
	margin: 0 20px 0 0;
}
.publication a span {
	padding: 5px 0 5px 5px;
}

/*FORUM
-------*/
/*Forum Structure*/
#banner h1#discussion_forum {
	background-image:url(../img/headings/discussion_forum.gif);
}
.content .forum {
	background-image: url(../img/forum/forum_mid-bg.gif);
	background-color: #FFF;
}
.content .forum .inner-grid {
	background-image: url(../img/forum/forum_btm-bg.gif);
}
.content .forum .left-column {
	width: 935px;
}
.content .forum .left-column .main_content {
	width: 675px;
	padding: 30px 20px 0 0;
}
/*Blog Header*/
.forum_header {
	background: url(../img/forum/banner.jpg) 0 0 no-repeat;
	height: 101px;
	width: 935px;
	display: block;
	border-bottom: 10px solid #FFF;
	position: relative;
	z-index: 1;
}
.forum_header ul {
	position: absolute;
	bottom: 0;
	left: 360px;
	width: 290px;
	height: 27px;
}
.forum_header li {
	list-style: none;
	float: left;
	margin-right: 2px;
}
.forum_header li a {
	width: 140px;
	height: 27px;
	background-repeat: no-repeat;
	background-image:url(../img/forum/forum-btn.gif);
	display: block;
}
.forum_header li a span {
	display: none;
}
.forum_header li#forum_rules a {
	background-position: 0 0;
}
.forum_header li#forum_rules a:hover {
	background-position: 0 -27px;
}
.forum_header li#new_post a {
	background-position: -140px 0;
}
.forum_header li#new_post a:hover {
	background-position: -140px -27px;
}
/*Blog*/
.post {
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #dcdcdc;
	height: 1%;
}
.post .blogger {
	float: right;
	width: 125px;
	text-align: center;
	color: #009ad9;
}
.post .comment {
	float: left;
	width: 520px;
}
.content .post .comment h2 {
	padding: 0 0 0 25px;
	background:url(../img/shared/icon/chat-ico.gif) 0 50% no-repeat;
}
.content .post .comment ul.email li {
	list-style: none;	
	display: inline;
	padding: 2px 0 2px 20px;
	margin: 0 10px 0 0;
	background:url(../img/shared/icon/arrow-ico.gif) 0 50% no-repeat;
}
p.older_post a {
	padding: 2px 0 2px 20px;
	display: block;
	background:url(../img/shared/icon/back-ico.gif) 0 50% no-repeat;
}

.blogPic {
	border:5px solid #0c85b9;
}

/* Print window */
BODY.printme {background-image:none;
			background-color:#FFFFFF; text-align:left; padding-left:15px; padding-top:25px; font-family:Arial, Helvetica, sans-serif;}
BODY.printme img {
	padding:15px 0 15px 0;
	}
	
BODY.printme h1 {
	font-size:14px; color:#000; margin:10px 0 10px 0;
	}
	
BODY.printme h2 {
	font-size:12px; color:#000; margin:10px 0 10px 0;
	}
	
table.printme {
	margin-top:10px;	
}
table.printme td {color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px;}
table.printme li {font-size:12px; margin-left:20px;}
table.printme p {color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;}
table.printme a {color:#000; font-family:Arial, Helvetica, sans-serif;}
table.printme p.printmePageTitle {font-size:18px; color:#000; margin-bottom: 20px;}


/*-------------------------------------
LIST PAGE THUMBS
-------------------------------------*/
.main_content .article_thumbs {
	padding: 10px 0; float:left; margin-right:10px; height:220px; 
	margin-top:15px; width:180px;
}
.main_content .article_thumbs h2 {
	font-size: 1.17em;
}
.main_content .article_thumbs .description {
	width:180px;
}
.main_content .article_thumbs img.thumb {
	float: left;
	border: 3px solid #dee5ea;
	margin: 0 15px 15px 0;
}

/*-------------------------------------
FORM
-------------------------------------*/
.main_content form {
	margin: 0 0 0.92em 0;
}
.main_content form p {
	margin: 0;
	padding: 4px 0;
	clear: both;
	height: 1%;
}
.main_content form p.required {
	color:#009ad9;
}
.main_content form p label {
	float: left;
	width: 150px;
}
.main_content form p input,
.main_content form p textarea {
	width: 260px;
	border: 1px solid #c3c3c3;
	color:#666;
	padding:5px;
}
.main_content form p select {
	width: 280px;
	border: 1px solid #c3c3c3;
	color:#666;
	padding:5px;
}
.main_content form p.checkbox {
	background: #E6E6E6;
	padding: 4px;
}
.main_content form p.checkbox label {
	float: none;
	width: auto;
}
.main_content form p.checkbox input {
	width: auto;
	margin: 0 5px 0 0;
	border: none;
}
.main_content form p.radio-group span {
	float: right;
	display: block;
	width: 280px;
	padding: 2px 0;
}
.main_content form p.radio-group label {
	float: none;
	width: auto;
	padding:0 3px 0 3px;
}
.main_content form p.radio-group input {
	width: auto;
	border: none;
}

.main_content form p.radio-group span.label {
	float: left;
	width: 150px;
	font-weight: normal;
	padding: 0;
}
.main_content form p.radio-group strong {
}
.main_content form p.submit {
	padding: 4px 0;
	border-top: 1px solid #EEE;
}
.main_content form p.submit input {
	width: auto;
	border: none;
}

/* MW: async file uploader */
DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }