/* global
.........................................................*/

.clear {
	clear:both;
}

html, body {
	padding:0;
	margin:0;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#222;
	background:#5e5e5e url(../images/bg_white_container.gif) top no-repeat;
	text-align:left;
}

a:link {
	color:#aa0000;
	background:transparent;
	text-decoration:none;
	display:inline;
}

a:visited {
	color:#aa0000;
	background:transparent;
	text-decoration:none;
	display:inline;
}

a:focus, a:hover, a:active {
	color:#aa0000;
	background:transparent;
	text-decoration:none;
	display:inline;
}

img, img a {
	border:1px solid #ebebeb;
}





h1 {
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-size:34px;
	line-height:45px; /* 27 */
	color:#000;
	/*margin-bottom:20px;*/
	background-color:transparent;
	clear:both;
	font-weight:normal;
	margin:0;
	padding:0;
	display:inline;
	float: left;
}
h1 span {
	display:none;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:140%;
	font-weight:normal; 
	color:#000;
	background-color:transparent; 
	padding:0px; 
	margin-bottom:10px; /* 12 */
	margin-top:0px;
	clear:both;
}
h2 span.links {
	font: 14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin-left:10px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px; 
	font-weight:normal; 
	color:#000;
	background-color:transparent; 
	padding:0px; 
	margin-bottom:10px; 
	margin-top:12px;
	margin:15px 0 10px 0;
	clear:both;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:85%;
	font-weight:normal;
	padding:0px;
	margin-bottom:2px;
	clear:both;
}

hr {
	color:#ebebeb;
}

p {
	margin: 1.2em 0;
	}

.right {
	text-align:right;
}



.light {
	color:#aaaaaa;
}

.notice {
	background-image:url(../images/topnotice_big.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#aa0000;
	color:#FFF;
	/*width:580px;*/
	padding:10px;
	padding-top:20px;
	margin-top:0px;
	margin-bottom:10px;
}

.notice_small {
	background-image:url(../images/topnotice_small.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#aa0000;
	color:#FFF;
	width:465px;
	padding:10px;
	padding-top:20px;
	margin-top:0px;
	margin-bottom:10px;
}

.detail {
	font-size: 80%;
	color:#666;
}






/* layout
..................................................................................................*/

#container {
	position: relative;
	margin: 0 auto 0;
	width: 980px;
	padding-top: 8px;
	background-color:#FFF;
}


/* Beth, what does this do? */
#topwrapper {
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#FFF;
	overflow:hidden;
}

blockquote, .code {
	font-family:'Courier New', Courier, monospace;
	background:#ddd;
	font-size:110%;
	color:#000;
}
blockquote {
	margin:20px 0;
	padding:15px;
}
.code {
	padding:1px 2px;
}





/* GLOBAL FORMS
..................................................................................................*/

form { 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	border: 0;
	color:#555;
}
input:focus, textarea:focus, checkbox:focus, radio:focus, select:focus {
	background:rgb(235,235,235); /* or #ebebeb */
}

input {
	border-style:none;
	background-color:#dddddd;
	padding:5px;
}

label {
	display:block;
	margin:5px 0 0;
	padding:0 0;
	font-size:90%;
}

.formnum {
	border:0px;
	vertical-align:-6px;
}

#submit { 
	width: 100px; 
	height: 30px; 
	border: 0px; 
	background-color: #aa0000; 
	font-weight: bold; 
	color: #fff; 
	margin: 0;
	float:left;
	/* validation
	-webkit-border-radius: 10px; /*For Chrome/Safari*/
	/*
	-moz-border-radius: 10px;  /*For Firefox*/
	/*
	border-radius: 10px;  /*For IE9/Final CSS3 Spec*/		
}

.req {
	color:#aa0000;
}

.light { color:#666; }
.dark { color:#222; }







/* Header: Logo & Menu 
..................................................................................................*/

#header {
	width:980px;
	height:125px;
	color:#aa0000;
	margin-bottom:30px; /* 38 */
	/*padding-bottom:5px;*/
	background-color:#fff;
}
#header img, #header img a {
	border:0;
}
#header a {
	color:#666;
	text-decoration:none;
}
#header a:hover {
	color:#aa0000;
	text-decoration:none;
}






/* nav
..................................................................................................*/

ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	width:550px;
	font-size:80%;
	color:#666;
	float:right;
}
ul#nav a {
	color:#666;
	text-decoration:none;
}
ul#nav a:hover {
	color:#aa0000;
	text-decoration:none;
}

ul#nav li {
	padding:0;
	margin:5px 15px 0 0;
	float:right;
}
ul#nav li.divider {
	border-left:1px solid #999;
	width:5px;
}






/* search
..................................................................................................*/

#search {
	margin:0;
	padding:0;
	float:right;
}
#search input {
	margin:0;
	padding:0;
}
#search input.searchForm {
	margin:0 3px 0 0;
	padding:5px;
	vertical-align:8px;
}

#search .searchImg {
	border:0;
	margin:0;
	background-color:transparent;
}
#search img {
	border:0px;
	padding:0px;
}
#search img a {
	border:0;
}






/* mainmenu
..................................................................................................*/

#logo {
	position:relative;
	float:left;
	border:0px;
	padding: 15px 15px 0 0;
}

ul#mainmenu {
	list-style:none;
	padding:0;
	margin:55px 0 0 0px;
	float:right;
	font-size:19px;
	color:#666;
	width:750px;
}

ul#mainmenu li {
	padding:0;
	margin:0 0 0 25px;
	float:left;
}

ul#mainmenu li a {
	color:#666;
	text-decoration:none;
}

ul#mainmenu li a:hover {
	color:#aa0000;
	text-decoration:none;
}















/* content
..................................................................................................*/

#content {
	width: 980px;
	padding-bottom:20px;
	clear: both;
	background-color:#fff;
}

/* left column ................................*/

#left_col {
	width: 602px;
	float:left;
	background-color:#fff;
}


#left_col table {
	padding-top:10px;
	padding-bottom:20px;
}

#left_col ul {
	padding-bottom:10px;
}


/* right column ................................*/

#right_col {
	width: 356px;
	float:right;
	margin:0 0 0 10px;
	background-color:#fff;
}


#right_col div.sidenav {
	list-style:none;
	border: thin solid #ddd;
	padding: 12px;
}
#right_col div.sidenav div {
	border: thin solid #ddd;
	padding: 4px;
	background-color: #fff;
}	
#right_col div.sidenav div ul li {
	border: none;
	padding: 2px;
}	

#right_col table {
	border-bottom:1px solid #ebebeb;
	margin-bottom:4px;
}

#right_col table td {
	border-top:1px solid #ebebeb;
	padding-top: 5px;
	padding-bottom:5px;
}






/* sidebar (for support ...)
..................................................................................................*/

.sidebar_box {
	width:355px;
	padding-bottom:20px;
	margin:0px;
	background-color:#FFF;
}


.support_article_credit {
	font-size:90%;
	color:#666;
	margin:0 0 20px 0;
}







/* Icon Links
..................................................................................................*/

/* all links */
#left_col a[target^=''] {
	background-color:transparent;
	padding:0;
	margin:0;
}
/* all links where target="_blank" */
a[target^='_blank'] { 
    padding-right: 18px;
    background: transparent url(http://yourarthere.net/assets/images/icon_external_link.png) no-repeat center right;
}
/* pdf links */
a[href$='.pdf'] { 
    padding-right: 18px;
    background: transparent url(http://yourarthere.net/assets/images/icon_pdf.png) no-repeat center right;
}

/* google links */
a[href^='http://www.google.com'],
#left_col a[target^=''] { 
    padding-right: 18px;
    background: transparent url(http://yourarthere.net/assets/images/icon_external_link_search.png) no-repeat center right;
}



/* default */
a[href^='http://www.addthis.com'],
a.external_no_icon {
	background:none;
	padding:0;
	margin:0;
	text-decoration:none;
}









/* banner
..................................................................................................*/

#banner {
	width:980px;
	height:292px;
	margin-bottom:10px;
	background-color:#fff;
}
#banner_left {
	float:left;
	width:580px;
}
#banner_left img {
	border:1px solid #ddd;
	background:url(http://yourarthere.net/assets/images/profileimage.jpg);
}
#banner_right {
	float:left;
	width:340px;
	margin-left:50px;
}
#banner #callout {
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-size:30px;
	line-height:45px; /* 27 */
	color:#000;
	background-color:transparent;
	clear:both;
	font-weight:normal;
	margin:60px 0 0 ;
	padding:0;
}
#banner a {
	text-decoration:none
}







/* featurebar 
..................................................................................................*/

#featurebar {
	width:980px;
	margin-bottom:5px;
	clear:both;
	overflow:hidden;
	background-color:#fff;
}

.feature_box {
	width:230px;
	float:left;
	margin-right:10px;
	background-color:#fff;
}
.feature_box p {
	margin:5px 0 0 1px;
	font-size:90%;
}
.feature_box img {
	width:225px;
}



.feature_box span.image_wrapper {
	display:block; 
	width:225px; 
	height:140px; 
	border:1px solid #ddd;
}


/* featurebar calendar
..................................................................................................*/

.feature_box_cal {
	width:255px;
	float:left;
	background-color:#fff;
}

table.cal {
	border-bottom:1px solid #ddd;
	margin-bottom:4px;
	width:100%;
	font-size:90%;
}

table.cal td {
	border-top:1px solid #ddd;
}

table.cal .feature_cal_month {
	text-transform: uppercase;

}
table.cal .feature_cal_num {
	padding: 6px 10px 10px 4px;
	font-size:20px;
}

table.cal .feature_cal_title {
	display:block;
}
table.cal .feature_cal_credit {
	font-size:90%;
	display:block;
	padding-bottom:6px;
}




/* feed 
..................................................................................................*/

.feed {
	position:relative;
	width:620px;
	border-bottom:1px solid #ebebeb;
	margin-top:10px;
	padding-bottom:10px;
}

.feed p {
	margin-bottom:5px;
}

.message {
	background-image:url(../images/topfeed.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#dddddd;
	width:590px; /* 600 */
	/*padding:10px;*/
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 5px;
	padding-top:9px;
}










/* Captify: caption styling 
..................................................................................................

.captify .caption-top, .captify .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-size: 16px;	
	font-family:Georgia, "Times New Roman", Times, serif;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
	text-align:left;
}

.captify .caption-top {
   border-width: 0px 0px 8px 0px;
}

.captify .caption-bottom {
   border-width: 8px 0px 0px 0px;
}

.captify .caption-top a, .captify .caption-bottom a {
	text-decoration: none;
	color:#aa0000;
}

.captify .caption-top a:hover, .captify .caption-bottom a:hover {
	color:#aa0000;
	text-decoration:underline;
}

.captify .caption a, .captify .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
	color:#aa0000;
}

.captify .caption a:hover, .captify .caption a:hover {
	background: #202020;
	color:#aa0000;
	text-decoration:underline;
}

.captify .caption-wrapper {
	float: left;
}

.captify br.c { 
	clear: both; 
}
*/


/* caption styling */

.caption-top, .caption-bottom {
	color: #eee;	
	padding: 1.2em;	
	font-weight: normal;
	font-size: 13px;	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	cursor: default;
	border: 0px solid #334143;
	background: #000;
	/*text-shadow: 1px 1px 0 #202020;*/
}
.caption-top a, .caption-bottom a {
	color:#fff;
	text-decoration:underline;
}
.caption-top {
   border-width: 0px 0px 0px 0px;
}
.caption-bottom {
   border-width: 0px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: underline;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }




.caption2 {
	color:#fff;
	padding: 15px;	
	position:relative;
	display:block;
	top:332px;
	width:550px;
	background:url(/assets/images/transparent_40p.png);
	text-shadow: 1px 1px 0 #202020;
}


/* Events
..................................................................................................*/

table.event_list {
	width:800px;
	margin:20px 0 0 0;
	padding:0;
}
table.event_list td {
	border-top:1px solid #ddd;
	padding:10px;
}
table.event_list .noborder {
	border:none;
}
table.event_list .start_year, 
table.event_list .start_month, 
table.event_list .start_day {
	font-size:130%;
	color:#333;
	width:40px;
}
table.event_list .start_day {
	font-size:160%;
	padding-top:12px
}
table.event_list td.title {
	padding-top:5px
}
table.event_list td.title span.credit {
	display:block;
	font-size:80%;
}



table.event_view {
	margin-top:0px;
}
table.event_view td {
	padding:7px 10px 7px 0;
	/*border-top:1px solid #ddd;*/
}
table.event_view .item_name {
	width:100px;
	color:#999;
}
table.event_view .item_desc {
	width:550px;
}






/* 	PASSWORD RESULTS STYLE  */
.testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	padding:0px 0px 12px 10px;
	margin-left:10px;
	display: block;
	height:28px;
	float:left;
}
.testresult span{
	padding:10px 20px 12px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}
.shortPass{
	background:url(/assets/images/password_checker_red.png) no-repeat 0 0;
	color:#cc0000;
}
.shortPass span{
	background:url(/assets/images/password_checker_red.png) no-repeat top right;
}
.badPass{
	background:url(/assets/images/password_checker_red.png) no-repeat 0 0;
	color:#cc0000;
}
.badPass span{
	background:url(/assets/images/password_checker_red.png) no-repeat top right;
}
.goodPass{
	background:url(/assets/images/password_checker_yellow.png) no-repeat 0 0;
	color:#999900;
}
.goodPass span{
	background:url(/assets/images/password_checker_yellow.png) no-repeat top right;
}
.strongPass{
	background:url(/assets/images/password_checker_green.png) no-repeat 0 0;
	color:#33cc00;
}
.strongPass span{
	background:url(/assets/images/password_checker_green.png) no-repeat top right;
}