/* -------------------------------------------------------------- 
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Alisa: so the centered page wouldn't shift if the content is shorter than viewport */
html {
	overflow: scroll;
}

/* -------------------------------------------------------------- 
   typography
-------------------------------------------------------------- */
body {
	font-size: 62.5%; 
	font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif;  
	line-height: 1.5;
	color: #000;
	background-color: #999;
}

h2, h3, h4, h5, h6, p {margin: 0px 20px 15px 20px;}
h2 {font-size: 1.2em; text-transform: uppercase; font-weight: normal; }
h3 {font-size: 1.1em; text-transform: uppercase; font-weight: normal;}
h4 {font-size: 1.1em; text-transform: uppercase; font-weight: normal; margin-bottom: 5px;}
h5 {font-size: .9em;}
h6 {font-size: .9em;}
p, ol, ul, dl, table {font-size: 1.1em; }
ol p, ul p, dl p {font-size: inherit; margin: 0;} 
table p {font-size: 1em; margin-bottom: 0; margin: 0;} 
ol, ul, dl {margin: 0px 20px 15px 40px;}

img {vertical-align: bottom;}
p img {float: left; margin-left: 0;}
li p {margin: 0;}


ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}
dt {font-weight: bold;}

a {/*color:#0032BE;*/ color: #929295; text-decoration: none;}
a:focus, a:hover {text-decoration: underline;}
strong {font-weight: bold;}
em {font-style: italic;}

h2 a {
	color: #4d4d4f; 
}

/* -------------------------------------------------------------- 
 Some default classes
-------------------------------------------------------------- */
.top {margin-top:20px;}
.bottom {margin-bottom:0; padding-bottom:0;}
.clear {clear: both;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.center {text-align: center;}
.padding {margin-top: 30px;}
.buttons .padding {margin-top: 66px;}
.small, .modal p.small {font-size: 8px;}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.divider {
	border-bottom: 1px solid #eeeeee;
	height: 1px;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}
.column {
	float: left;
}

/* SITE SPECIFIG */

#wrap {
    background-color: #ffffff;
    margin: 0 auto;
    width: 960px;
}

.main {
	background-color: #ffffff;
	float: left;
}

.logo {
	float: left;
	margin-top: 10px;
}

.logo img {
	padding: 0;
	margin: 0 0 0 10px;
}

.header {
	height: 130px;
}

#footer {
	height: 60px;
        float: left;
        width: 100%;
        background-color: #ddd;
        padding-top: 15px;
        text-align: center;
        color: #000;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
}

#footer a {
    color: #000;
    text-decoration: underline;
}

/* calendar */
.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.calendartable th {
	margin-bottom: 10px;
}
.calendartable {
	margin: 10px 0 15px 0;
}
.calendartable td {
	border: 1px solid #d7d7d7;
	width: 100px;
	height: 86px;
	text-align: left;
	color: #000;
	padding: 0px;
	background: #f8f8f8;
}
.calendartable td.adjmonth {
	background: #AFAFAF;
}
.calendartable a {
	padding: 3px;
	display: block;
}
.calendartable .day {
	display: block;
	margin-bottom: 5px;
}
.calendar-day-wrapper {
    font-size: 15px;
}
.calendartable .events {
	background: #fff;
}

.calendartable .events a.day {
	background: #ffebf6;
}
.calendartable .today {
	background: #ffebf6;
}
.calendartable .today a.day {
	background: #e350a3;
	color: #fff;
}
.calendartable .event_details {
    font-size: 13px;
    line-height: 15px;
}
.calendartable .event_details a {
    color: #EE3425;
}
.month_names {
    font-size: 18px;
    width: 100%;
}
.month_names a {
    color: #EE3425;
}
.calsmall {
	width: 210px;
	margin: 0 0 15px 10px;
}
.calsmall td {
	width: 21px;
	height: auto;
	line-height: 21px;
	text-align: center;
	padding: 0;
	background: none;
}
.calsmall th {
	background: url(/images/dash.gif) repeat-x left bottom;
	font-size: 1.1em;
}
.calsmall a.day {
	margin-bottom: 0;
}
.calsmall .today a.day {
	background: #e350a3;
	color: #fff;
}
.calsmall .today a:hover {
	background: #d54a98;
}
.calsmall a:hover {
	text-decoration: none;
	background: #ffebf6;
}
/* end calendar */

/* NAV */
.nav {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	list-style: none;
	float: left;
	margin: 30px 0 0 10px;
}

.nav li {
	float: left;
	padding: 20px 12px;
	background-color: #d1d2d4;
	margin: 10px 3px;
}

.nav li.current {
	background-color: #ee3126;
	color: #fff;
}

.nav li a {
	color: #000;
	text-transform: uppercase;
	text-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.nav li a:hover {
	text-decoration: underline;
}

.search_form {
	margin: 60px 10px 10px 30px;
	float: left;
}

.search_form input {
	float: left;
}

.search_form .go {
	padding: 1px 0 0 5px;
	float: left; 
}

.newsletter_form {
	margin: 0 0 5px 0;
	float: left;
}

.newsletter_form input {
	float: left;
	width: 120px;
}

.newsletter_form .go {
	padding: 1px 0 0 5px;
	float: left; 
}

.sn_logos {
	margin: 10px 0 0 22px;
	list-style: none;
}

.sn_logos li {
	float: left;
	width: 40px;
}


/* HOMEPAGE */
.left-column {
	width: 225px;
}

.middle-column {
	width: 505px;
	margin: 0 10px;
	padding: 0 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.right-column {
	width: 188px;
}

.right-wide-column {
	width: 694px;
	margin: 0 10px;
	padding: 0 10px;
	border-left: 1px solid #000;
}

.right-wide-column-full {
	width: 920px;
	margin: 20px 10px;
	padding: 0 10px;
}

.column-header {
	background-color: #414141;
	width: 100%;
}

.column-header span {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	font-family: Verdana, sans-serif;
	margin: 3px;
	text-transform: uppercase;
}	

.column-content {
	margin-left: 10px;
        margin-right: 5px;
}

.column-content p {
	margin: 10px 0;
	padding: 0;
	font-size: 13px;
	line-height: 15px;
}

.column-content a {
	color: #ee3425;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
}

.main-feature .img {
	float: left;
	width: 230px;
	margin: 0;
	padding-bottom: 10px;
}

.main-feature text {
	float: left;
	width: 370px;
}

.main-left {
	width: 235px;
	border-right: 1px solid #000;
	padding-right: 10px;
}

.main-right {
	width: 235px;
	margin-left: 10px;
}

.twitter_box {
	width: 450px;
	background: #414141 url(/images/twitter_logo.png) 5px 5px no-repeat;
	min-height: 20px;
	padding: 10px 10px 10px 45px;
	color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.twitter_box ul {
	list-style: none;
	margin: 0;
}

.twitter_box a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #ffffff;
}

.coverspy {
	margin: 10px 0;
}

.coverspy img {
	width: 130px;
}

.coverspy p {
	text-align: left;
	margin-left: 10px;
	font-size: 13px;
	line-height: 15px;
}

.divider {
	width: 100%;
	border-bottom: 1px solid #000;
}

.back-issues {
	width: 720px;
	padding-left: 30px;
	background-color: #e5e5e5;
	min-height: 230px;
	margin: 10px;
}

.back-issues span.header {
	font-family: Verdana, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #000;
}

.back-issues span.title a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #ff0000;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-transform: uppercase;
}

.back-issues span.title2 a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
}

.back-issues ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}

.back-issues ul li {
	float: left;
	width: 130px;
	margin: 8px;
}

.generic-text h1 {
    font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
    font-size: 23px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    line-height: 22px;
}

.generic-text h3 {
    font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    line-height: 22px;
    margin: 10px 0 0 0;
}

.generic-text h3 {
    font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    line-height: 22px;
    margin: 10px 0 0 0;
}

.generic-text p {
    margin: 10px 0;
    padding: 0;
    font-size: 13px;
    line-height: 15px;
}

.generic-text p img {
    margin-left: 5px;
    margin-right: 10px;
}

.ws_list {
    width: 100%;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 12px;
}

.ws_list th {
    padding: 5px;
    background-color: #ccc;
    border-right: 1px solid #fff;
    text-align: left;
}

.ws_list td {
    padding: 5px;
    background-color: #ddd;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.ws_list a {
    color: #ff0000;
    font-weight: bold;
}

a.ws_signup {
    padding: 5px;
    border: 2px solid #FFB900;
    background-color: #AF0A0A;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
    float: left;
}

.ws_textbox {
    width: 100%;
    border: 1px solid #bbb;
    font-size: 13px;
    color: #000;
}

.ws_textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #bbb;
    font-size: 13px;
    color: #000;
}

.ws_req {
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
    margin-top: 5px;
}

p.ws_q {
    font-size: 16px;
}

p.error_message {
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
}

p.success_message {
    font-size: 16px;
    color: #269F00;
    font-weight: bold;
}

.back_issues_container {
    width: 600px;
}

.back_issues_container .item {
    float: left;
    width: 600px;
}

.back_issues_container .item .img_link {
    width: 230px;
    height: 300px;
    margin: 0 10px 0 0;
    float: left;
}

.back_issues_container .item .issue_name {
    font-size: 17px;
    color: #000;
    text-decoration: underline;
}

.back_issues_container .item .lead_in {
    font-size: 14px;
}

.red-title, h1.red-title {
	font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #ee3425;
	margin-bottom: 0;
	line-height: 22px;
}

.title, h2.title {
	font-size: 22px;
	margin: 0;
	padding: 20px 0 10px 0;
	line-height: 23px;
}

ul.article_list {
    list-style: none;
    margin: 0;
}

ul.article_list li {
    list-style: none;
    font-size: 12px;
}

ul.article_list li a {
    text-decoration: underline;
    color: #EE3425;
}

.sub_table {
    width: 100%;
    font-size: 14px;
}

.sub_table td {
    vertical-align: middle;
}

.column-content p img {
    margin-right: 6px;
}

#sol_content p {
    margin: 0 5px 5px;
    font-size: 13px;
    line-height: 15px;

}

p.arial_12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
p.arial_14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
p.arial_16 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
p.arial_18 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
p.arial_20 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; }

p.courier_12 { font-family: 'Courier New',Courier,monospace; font-size: 12px; }
p.courier_14 { font-family: 'Courier New',Courier,monospace; font-size: 14px; }
p.courier_16 { font-family: 'Courier New',Courier,monospace; font-size: 16px; }
p.courier_18 { font-family: 'Courier New',Courier,monospace; font-size: 18px; }
p.courier_20 { font-family: 'Courier New',Courier,monospace; font-size: 20px; }

p.impact_12 { font-family: Impact,Charcoal,sans-serif; font-size: 12px; }
p.impact_14 { font-family: Impact,Charcoal,sans-serif; font-size: 14px; }
p.impact_16 { font-family: Impact,Charcoal,sans-serif; font-size: 16px; }
p.impact_18 { font-family: Impact,Charcoal,sans-serif; font-size: 18px; }
p.impact_20 { font-family: Impact,Charcoal,sans-serif; font-size: 20px; }

p.verdana_12 { font-family: Verdana,Geneva,sans-serif; font-size: 12px; }
p.verdana_14 { font-family: Verdana,Geneva,sans-serif; font-size: 14px; }
p.verdana_16 { font-family: Verdana,Geneva,sans-serif; font-size: 16px; }
p.verdana_18 { font-family: Verdana,Geneva,sans-serif; font-size: 18px; }
p.verdana_20 { font-family: Verdana,Geneva,sans-serif; font-size: 20px; }

p.times_12 { font-family: 'Times New Roman',Times,serif; font-size: 12px; }
p.times_14 { font-family: 'Times New Roman',Times,serif; font-size: 14px; }
p.times_16 { font-family: 'Times New Roman',Times,serif; font-size: 16px; }
p.times_18 { font-family: 'Times New Roman',Times,serif; font-size: 18px; }
p.times_20 { font-family: 'Times New Roman',Times,serif; font-size: 20px; }

p.palatino_12 { font-family: 'Palatino Linotype','Book Antiqua'; font-size: 12px; }
p.palatino_14 { font-family: 'Palatino Linotype','Book Antiqua'; font-size: 14px; }
p.palatino_16 { font-family: 'Palatino Linotype','Book Antiqua'; font-size: 16px; }
p.palatino_18 { font-family: 'Palatino Linotype','Book Antiqua'; font-size: 18px; }
p.palatino_20 { font-family: 'Palatino Linotype','Book Antiqua'; font-size: 20px; }

p.msserif_12 { font-family: 'MS Serif','New York'; font-size: 12px; }
p.msserif_14 { font-family: 'MS Serif','New York'; font-size: 14px; }
p.msserif_16 { font-family: 'MS Serif','New York'; font-size: 16px; }
p.msserif_18 { font-family: 'MS Serif','New York'; font-size: 18px; }
p.msserif_20 { font-family: 'MS Serif','New York'; font-size: 20px; }

.generic-text p img {
	float: none;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 580px;
	height:210px;
	float: left;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
	width: 590px;
	display: block;
}

div.item {
	width: 130px;
	margin: 8px;
}

a.browse {
	background:url(/images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
	text-decoration: none;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }