/********************
Site base styles

Version 5.23.2006

Built by Ron Adams
ron@rainstorminc.com

Please request permission prior to use.
********************/

/**********
1.0 Basic Elements
**********/

* {
	padding: 0;
	margin: 0;
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff;
	font-family: verdana, Arial, sans-serif;
	font-size: 90%;
	color: #333;
	min-width: 780px;
	/*max-width: 1000px;*/
	z-index: 0;
}

* html #minwidth {
	position:relative;
	float:left;
	width: expression(this.width > 1000 ? 1000: true);
	border-left:780px solid #fff;
	z-index:1;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin:15px 0;
}

li, dd, blockquote {
	margin-left: 40px;
}

fieldset {
	padding:10px;
}

li {
	
}

a:link {
	color: #cc3333;
	text-decoration: none;
	border-bottom: 1px dotted #820000;
	font-weight: bold;
}

a:visited {
	color: #990000;
	text-decoration: none;
	border-bottom: 1px dotted #820000;
	font-weight: bold;
}

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

a:hover {
	color: #2e4e68;
	text-decoration: none;
	border-bottom: 1px dotted #2e4e68;
}

dt {
	font-style: italic;
}

dd {
	font-size: 80%;
}

/*Use these if you apply a border-bottom to a: elements*/

a img {
	text-decoration: none;
	border: 0 !important;
}

.nohover {
	border: 0 !important;
}

ul#contextquotes {
	list-style-type: none;
	float: right;
	width: 40%;
	margin: 0 0 10px 5px;
	padding: 0;
}

ul#contextquotes > li {
	font-size:80%;
	font-style: italic;
	margin: 10px;
	padding: 6px;
	background: #F9F9F9;
	border-bottom: 1px solid #aaa;
}

ul#contextquotes blockquote {
	margin: 0;
	padding: 0;
}

.quoter {
	font-weight: bold;
}

#container {
	margin: 0px;
	padding: 0 0 0 99px;
}

* html #container {
	position: relative;
	float: left;
	margin-left: -780px;
	text-align: left;
	z-index: 2;
}

/**********
1.1 Pages Types
**********/

.sagetrieb {
}

/**********
2.0 Branding Container Elements
**********/

/*****
2.1 Basic elements
*****/

#flag-container {
	background: url('../images/flag.jpg');
	height: 32px;
}

#branding-container {
	background: url('../images/branding/header-bg.jpg') 162px 0 repeat-x;
	margin: 0 0 0 11px;
	padding: 0;
	height: 99px;
	min-width: 669px;
}

/*****
2.2 Logo elements
*****/

#logoposition {
	width: 323px;
	height: 78px;
	float: left;
}

.logohider {
	display: none;
	margin: 0;
	padding: 0;
}

#taglineposition {
	background-image:url(../images/branding/tagline.png);
	width: 199px;
	height: 38px;
	float: right;
	margin: 20px 30px 0 0;
	padding: 0;
}

/*****
2.3 Mainnav elements
*****/

#mainnav-container { 
	clear: both;
}

#mainnav {
	position: relative;
	top: -5px;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
}

#mainnav li {
	float: left;
	border: 1px solid #535353;
	background: #F6F8E3;
	margin: 0 3px 0 0;
}

#mainnav a {
	display: block;
	padding: 5px;
	font-weight: bold;
	font-size: 85%;
	letter-spacing: .05em;
	color: #333366;
	white-space: nowrap;
}

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #mainnav a {
  width:1%;
  }

#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
	text-decoration: none;
	color: #333366;
	border-bottom: 0px;
}

#mainnav a:hover {
	text-decoration: none;
	color: #333366;
	background-color: #FAFFCF;
	border-bottom: 0px;
}

#mainnav #mainnav-selected {
	background: #CC3333 url('../images/mainnav/mainnav-selected-bg.jpg') top repeat-x;
}

#mainnav-selected a, #mainnav-selected a:link, #mainnav-selected a:visited, #mainnav-selected a:active, #mainnav-selected a:hover {
	text-decoration: none;
	background: #CC3333 url('../images/mainnav/mainnav-selected-bg.jpg') top repeat-x;
	color: #FFF;
}

/**********
3.0 Content Container Elements
**********/

/*****
3.1 Basic elements
*****/

#content-container {
	margin: 0 0 0 18px;
	clear: both;
}

#content-area {
	margin: 0 205px 0 0;
	_margin-top: -20px;
	padding: 0;
}

/*****
3.2 Sidebar elements
*****/

#sidebar {
	position: relative;
	width: 182px;
	float: right;
	margin: 0 8px 0 0;
	font-size: 80%;
}

#sidebar input {
	font-size: 90%;
	margin: 4px 0 0 0;
}

#sidebar input[type='text'] {
	padding: 3px 2px 3px 2px;
	color: #8A8A8A;
}

.module {
	margin: 0 0 8px 0;
	background-color: #F6F6F6;
	border-top: 2px solid #F0F0F0;
	border-right: 2px solid #D4D4D4;
	border-bottom: 2px solid #D4D4D4;
	border-left: 2px solid #F0F0F0;
}

.module p {
	padding: 0;
	margin: 5px;
}

#subscribe-form {
	margin: 4px 0 4px 0;
}

/**
3.2.1 Subnav elements
**/


/**********
4.0 Supplemental Nav Elements
**********/

/*****
4.1 Basic elements
*****/

#suppnav-container {
}

#suppnav {
	display: inline;
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	list-style: none;
	line-height: 1.35em;
	padding: 0;
	margin: 0;
}

#suppnav li {
	display: inline;
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 0;
}

#suppnav li a {
	padding: 0 6px 0 0;
	border-right: 1px solid #000;
	border-bottom: 0px;
}

#suppnav #suppnav-first {
	padding: 0 6px 0 0;
}

#suppnav #suppnav-last {
	border-right: 0px;
}

#suppnav-hr {
	height: 19px;
	background: url('../images/suppnav/suppnav-hr.jpg') repeat-x;
	margin-bottom: 10px;
}

#supp-contact-us {
	float: right;
	margin: 0px 5px 0 0;
}

#supp-address {
	padding-bottom: 10px;
}

.suppnav-element {
	font-size: 80%;
}

/**********
5.0 Font Elements
**********/

/*****
5.1 Header elements
*****/

/*Page title*/
h1 {
	margin: 12px 0 15px 0;
	padding: 0;
	text-indent: -5000px;
	height: 23px;
}

#header-publications {
	background: url('../images/content/header_publications.gif') no-repeat;
}

#header-checkout {
	background: url('../images/content/header_checkout.gif') no-repeat;
}

#header-conferences {
	background: url('../images/content/header_conferences.gif') no-repeat;
}

#header-news {
	background: url('../images/content/header_news.gif') no-repeat;
}

#header-multimedia {
	background: url('../images/content/header_multimedia.gif') no-repeat;
}

#header-support {
	background: url('../images/content/header_support.gif') no-repeat;
}

#header-about {
	background: url('../images/content/header_about.gif') no-repeat;
}

#header-contact {
	background: url('../images/content/header_contact.gif') no-repeat;
}

#header-home {
	background: url('../images/content/header_home.gif') no-repeat;
}

/*#multimedia a {
 	color: #336;
	border:none; !important
	text-decoration:none;
}*/

/*Page subtitle*/
h2 {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 140%;
	font-weight: normal;
	color: #333366;
	text-transform: uppercase;
	border-left: 7px solid #d4d4d4;
}

/*Sidebar heading*/
h3 {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	color: #336;
}

h4 {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 120%;
	color: #888;
	text-transform: capitalize;
}

/*Unused as of yet*/
h5 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*Unused as of yet*/
h6 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*****
5.2 Other fonts
*****/

.subcontent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
}

.center {
	text-align: center;
}

address {
	font-style: normal;
	margin: 10px 0 0 5px;
}

.middle {
	vertical-align: middle;
}

.middle img {
	vertical-align: middle;
}

/* News styles */

#news_sidebar h4 {
	font-size: 90%;
}

.news-item {
	margin: 5px 0 10px 0;
	padding: 5px 0 10px 15px;
	border-bottom: 1px dotted #999;
}

.news-item p {
	margin-left: 25px;
}

.news-item h3 {
	margin: 4px 0 4px 0;
	padding: 0 0 0 20px;
	background: url(/images/graphics/news_icon_sm.gif) 2px 0 no-repeat;
	font-size: 130%;
}

/**********
6.0 Form Elements
**********/

/*****
6.1 Basic form elements
*****/

#standard_form {
	margin: 10px;
	font-size: 90%;
}

#standard_form fieldset {
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	/*border: 0 !important;*/
	border: 1px solid #333;
}

#standard_form legend {
	font-size: 110%;
	font-weight: bold;
}

#standard_form label {
}

#standard_form input, #standard_form textarea {
	margin: 5px 0 5px 0;
	border-top: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	background: #eee;
	vertical-align: middle;
}

#standard_form input:focus, #standard_form textarea:focus {
	margin: 5px 0 5px 0;
	background: #f3f6bd;
}

#submit_button {
	padding: 5px;
	border: 1px solid #000;
	background: #F6F8E3 !important; /* change this to match your site's colors */
	font-family: inherit;
	color: #333366;
	font-weight: bold;
}

#form_align_table {
}

#form_align_table .alignbox {
	padding: 0 0 0 10px;
}

.form_required {
	font-weight: bold;
}

.form_explain {
	padding: 0 0 0 5px;
	font-size: 85%;
	color: #999;
	font-style: italic;
}

/**********
7.0 Etc. Elements
**********/

ol {
	list-style-type: upper-roman;
}

ul.flex-list-30percent {
	clear: both;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 15px 0 0 10px;
}

.paideuma-content-list li {
	float: left;
	width: 30%;
	padding: 0;
	margin: 0 5px 0 20px;
}

.sagetrieb-content-list li {
	float: left;
	width: 40%;
	padding: 0;
	margin: 0 5px 0 20px;
}

ul#man-woman-writers > li {
	text-transform: capitalize;
}

/*****
2.1 Structure elements
*****/

.hide {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

.middle {
	vertical-align: middle;
}

.divider {
	color: #f9f9f9;
}

/**
2.1.1 Skipnav elements
**/

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
  position: absolute; 
  color: #fff;
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
  color: #fff;
  position: static; 
  width: auto; 
  height: auto; 
}

/**
2.1.2 Clearfix elements
**/

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/*
Hides Clearfix from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*****
2.1 Inline page elements
*****/

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

.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

.text-right {
	text-align: right;
}

.warning, .alert, .error, .notice {
	margin: 5px;
	padding: 10px 10px 10px 52px;
	background: #efefef url('/images/graphics/warning.gif') 10px 5px no-repeat;
	border: 1px solid #adadad;
	color: #ff0000;
	font-size: 80%;
	font-weight: bold;
}

.error {
	background: #efefef url('/images/graphics/close_32.gif') 10px 5px no-repeat;
}

.notice {
	background: #efefef url('/images/graphics/notice.gif') 10px 5px no-repeat;
	color: green;
}

/**********
Colors:
Red: #820000;
Black: #000;
**********/