/*Orthopedics This Week
Copyright: RRY Publications
Webmaster- Paula Swisher
Jan 2009 - current */



/*Print-only styles*/
/*, #commentBox*/
@media print{
#header, #leftColumn, #rightColumn, #footer, #insetColumn {
	display: none;
}

#outerwrapper {
	margin: 0!important;
	width:600px!important;
	position:static!important;
}

#mainColumn {
	margin: 0!important;
	float: none!important;
	position:static!important;
}

#mainColumn #article {
	float: none!important;
	overflow:visible!important;
}

#mainColumn #article .post p {
	border-bottom: 2px solid #000;
}

}
/*End of Print-only styles*/


/*------------------GLOBAL STYLES---------------------------*/
* {
	margin: 0px;
	padding: 0px;
}


body {
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
	font-family: "Palatino Linotype", Palatino, "Times New Roman", Serif;
}



img {
	border:none;
}

a, a:link {
	color:#444;
	text-decoration: none;
	cursor:pointer;
}

a:hover {
	color:#000;
	text-decoration:none;
	cursor:pointer;
}


.clear {
	display: block;
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}



.floatRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 6px;
	border: 1px solid #000;
	margin-top: 6px;
}

.floatLeft {
	float: left;
	margin-right: 5px;
	border: 1px solid #000;
	margin-top: 3px;
	margin-bottom: 5px;
}


.floatRightBorderless {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
}

.floatLeftBorderless {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}



p.dotted {
	padding-bottom: 6px;
	background: url(../images/design/dot4pxSpace.gif) repeat-x left bottom;
}

p {
	font: 12px/15px Arial, Helvetica, sans-serif;
	margin-top: 6px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#mainColumn p {
	text-align: justify;
}



h5 {
	font-size: 14px;
	line-height: 20px;
	font-family: "Palatino Linotype", Palatino, "Times New Roman", Serif;
}

h6 {
	font-size: 16px;
	border-bottom: 2px solid #921E1F;
}




dl {
	margin-top: 10px;
}

dt {
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	margin-top: 5px;
}

dd {
	color: #444;
	font: 14px/16px Arial, Helvetica, sans-serif;
	margin-left: 0px;
	padding-left: 0px;
	text-indent: 0px;
	display: block;
	text-align: left;
}



.subtitle {
	font-size: 14px;
	color: #444;
	line-height: 18px;
	margin-top: 15px;
}


.emphasis, .mediumSerif {
	font:bold 14px "Palatino Linotype", Palatino, "Times New Roman", Serif;
}


.bigSerif {
	font:bold 16px "Palatino Linotype", Palatino, "Times New Roman", Serif;
}

.uniqueGray {
	font:bold 15px "Palatino Linotype", Palatino, "Times New Roman", Serif;
	color: #666;
	line-height: 18px;
	/*margin-top: 15px;*/
}


.smallRed {
	font:normal 9px Arial, Helvetica, sans-serif;
}

.red { /*avoid using.  a class for when nothing else applies...*/
	color:#921E1F;
}



/*-----------------------LARGE CONTAINERS--------------------*/
#outerwrapper {
	position: relative;
	width: 1022px;
	margin-right: auto;
	margin-left: auto;
	/*background: url(../images/design/footer_etching_drip.jpg) no-repeat right bottom;*/
}

#header {
	width: 1022px;
	height: 122px;
	background-color:#FFF;
}

#leftColumn {
	float: left;
	width: 300px;
	margin-top: 15px;
	padding-bottom: 15px;
}

#mainColumn {
	width: 470px;
	margin-left: 313px;
	margin-right: auto;
	position: relative;
	margin-top: 15px;
	padding-bottom: 15px;
	background: #FFF;
}
#mainColumn.narrow {
	width: 450px;
	margin-left: 323px;
}

#rightColumn {
	width: 226px;
	float: right;
	clear: none;
	margin-top: 15px;
	padding-bottom: 15px;
}

#footer {
	clear: both;
	padding-top: 50px;
	margin-bottom: 0px;
	background: url(../images/design/footer_etching_drip.jpg) no-repeat right bottom;
}


.bottomSticky {
	position:relative;
	width:auto;
	
}

#generalContent, #contact, #powerRankings, #about, #robin, #conferences, #privacy, #procedure, #comment, #advertise, #subscribe, #loginPage, #forgotPassword, #cse-search-results {
	float: left;
	width: 470px !important;
}

iframe { /*Google search results*/
	width: 470px !important;
}



/*-----------------------ELEMENTS IN HEADER - TOP OF PAGE --------------------*/


#logo {
	float: left;
	font: bold 13px/14px "Palatino Linotype", Palatino, "Times New Roman", Serif;
	height: 70px;
	color: #555;
}

#logo span {  /*RRY PUB small red text*/
	font-weight: normal;
	font-size: 12px;
	color: #921E1F;
}

h1 {
	position: absolute;
	margin-left: -999px;
}


.largeDate {  /*Large date at top*/
	font: bold 32px/58px "Palatino Linotype", Palatino, "Times New Roman", Serif;
	width: 390px;
	text-align: center;
	float: none;
	height: 70px;
	position: relative;
	margin-right: auto;
	margin-left: 313px;
}


#header #OTWdescription {
	font-size: 15px;
	font-weight: bold;
	float: left;
	line-height: 18px;
	height: 18px;
	display: block;
}


#slogan {  /*Winner of the MORE...*/
	font-size: 12px;
	font-weight: bold;
	color: #555;
	font-style: normal;
	float: left;
	margin: 0 2px;
	padding: 0px;
	line-height: 18px;
	display: block;
	width: 410px;
	height: 18px;
	text-align: center;
}


#signUpPhrase {
	display: block;
}

#signUpPhrase a {
	display: block;
	width: 70px;
	font: bold 12px/14px "Palatino Linotype", Palatino, "Times New Roman", Serif;
	height: 14px;
}


/*-----------------------SMALL NAV THAT INCLUDES "HOME, ABOUT, CONTACT, ETC."--------------------*/


#navSiteWrapper {
	float: right;
	display: block;
	height: 19px;
	margin-top: 1px;
}


#navSite {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 18px;
	line-height: 18px;
	display: block;
	float: left;
	width: 300px;
}


#navSite li {
	display: inline;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	float: none;
}

#navSite li a {
	display: block;
	margin: 0px;
	padding: 0px 3px 0px 4px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	height: 18px;
	float: left;
	background: url(../images/design/dot4px.gif) no-repeat left 8px;
}
#navSite li.last a {
	padding-right:0;
	text-align: right;
}

#navSite li.first a {
	padding-left:0;
	background: url(none);
}

#navSite li a:hover, #navSite .current a {
	color: #000;
	text-decoration: underline;
}

/*-----------------------LOGIN BOX - TOP OF PAGE --------------------*/
#login {
	color: #000;
	float: right;
	margin-left: 0px;
	background: #F3F3F3;
	font-size: 11px;
	height: 68px;
	border: 1px solid #222;
	padding: 0px;
	width: 224px;
	position:relative;
}

#login form {
	margin-right: 3px;
	margin-left: 3px;
	padding: 0;
	float: none;
	position: relative;
	height: 68px;
}

#login fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	color: #000;
}
#login legend {
	color: #000;
	border: none;
	text-indent: 0px;
	line-height: 18px;
	display: block;
	margin-left: 0px;
	float: none;
	width: 125px;
	margin-top: 0px;
	height: 16px;
}

#login label {
	float: left;
	line-height: 16px;
	display: block;
	width: 54px;
	clear: left;
	margin-top: 4px;
	margin-left: 0px;
}

#login #loginEmail, #login #pwd {
	margin-right: 0px;
	line-height: 12px;
	border: 1px solid #666;
	background-color: #FFF !important;  /*to remove yellow focus from a Google toolbar, if installed */
	margin-top: 3px;
	margin-left: 0px;
	width: 132px;
	clear: none;
	height: 16px;
	margin-bottom: 0px;
}

#login #loginEmail {
	float: none;
}
#login #pwd {
	float: left;
	clear: none;
}


#header #login label.error {  /*For J-Query Validation of the login box in the header.  Other label.error properties are in the Subscribe Form section of this file*/
	display:none !important;
}

#header #login input.error {  /*For J-Query Validation of the login box in the header.  This one controls the color of the input field itself- Margueto style*/
	background-color:#FEE !important;  /* "important" is used to override the #FFF above that overrides the Google toolbar*/ 
	border-color:#C00;
}

#login .go {
	float: none;
	font-size: 10px;
	width: 20px;
	height: 18px;
	clear: none;
	border: none;
	background-color: #000;
	color: #FFF;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	line-height: 18px;
	position: absolute;
	right: 0px;
	bottom: 3px;
}

#login .go:hover {
	background-color:#555;
	cursor:pointer;
}
	
#login #loginForgot {
	position: absolute;
	right: 0px;
	height: 14px;
	width: 100px;
	z-index: 2;
	margin-right: 3px;
}

#login #loginForgot a {
	font-weight: bold;
	color: #333;
	padding-right: 15px;
	padding-top:2px;
	background: url(../images/icons/questionSymbol.gif) no-repeat right 1px;
	display: block;
	background-color: #F3F3F3;
	height: 14px;
}

#login #loginForgot a:hover {
	color: #000;
	background: url(../images/icons/questionSymbol.gif) no-repeat right -17px;
}

#login span { /* for the isLoggedIn text */
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	padding:2px;
}

span.flourish {
	border:none;
	background: url(../images/icons/flourish97x25.gif) no-repeat center top;
	width:223px;
	height:26px;
	outline:none;
}

/*-----------------------SIGN UP BUTTON - TOP OF PAGE --------------------*/

#signUpWrapper {
	width: 70px;
	font-weight: bold;
	height: 70px;
	float: right;
	margin-right: 3px;
}

#signUp {
	margin: 0;
	display: block;
	width: 70px;
	height: 57px;
	padding: 0;
}

#signUp .larger {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

#signUp a {
	color: #FFF;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	display: block;
	background: url(../images/icons/signUpRedBlack57.jpg) no-repeat 0px 0px;
	margin: 0;
	line-height: 12px;
	padding: 10px 0px;
	/*height: 50px;*/
}

#signUp a:hover {
	background: url(../images/icons/signUpRedBlack57.jpg) no-repeat -70px 0px;
}






/*-----------------------LARGE RED AND WHITE NAV WITH "LARGE JOINTS, TRAUMA, SPINE, ETC."--------------------*/


#navTopWrapper {
	width: 1022px;
	float: none;
	height: 30px;
	overflow: hidden;
	clear: none;
	/*background: #921E1F;*/
}
#navTop {
	list-style: none;
	width: 794px;
	border: 1px solid #921E1F;
	float: left;
	height: 28px;
	
	/*display:block;*/
}

#navTop li {
	float: none;
	clear: none;
	display: inline;
	/*display:block;
	float:left;*/
}

#navTop a {
	background: #FFF;
	display: block;
	color: #000;
	font-weight: bold;
	font-size:0.83em;
	border: 2px solid #921E1F;
	line-height: 24px;
	height: 24px;
	float: left;
	text-align:center;
}
/*specified widths are needed for these, otherwise there will be a gap at the end of the nav on macs*/
#navTop #link1 a {
	width:96px;
}
#navTop #link2 a {
	width:69px;
}
#navTop #link3 a {
	width:57px;
}
#navTop #link4 a {
	width:88px;
}
#navTop #link5 a {
	width:78px;
}
#navTop #link6 a {
	width:138px;
}
#navTop #link7 a {
	width:118px;
}
#navTop #link8 a{
	width:118px;
	
}

#navTop a:hover, #navTop .current a {
	color: #FFF;
	background: #921E1F;
}


/*-----------------------SEARCH BAR AND RSS BUTTON - INCLUDED IN #NAVTOP DIV --------------------*/

#searchbar {
	width: 192px !important;
	float: left;
	border: 3px solid #000;
	height: 24px !important;
	background: #FFF url(../images/icons/searchIcon.gif) no-repeat 4px center;
}
#searchbar input {
	width: 165px;
	height: 22px;
	line-height: 22px;
	margin-left: 25px;
	margin-top: 0px;
	border: none;
	background-color:#FFF;
	font-size: 20px;
}

#navTopWrapper img {
	float: left;
}

#rss a {
	height: 30px;
	width: 28px;
	background: url(../images/icons/rssIconRedBlack.gif) no-repeat;
	display: block;
	float: left;
}

 #rss a:hover {
	 background-position: -28px;
 }

/*-------------------------LARGE BLACK-BACKGROUND HEADERS WITHIN THE COLUMNS----------------------*/
h2 {
	background: url(../images/design/Etching226x44.jpg) repeat-x 0px -7px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: 37px;
	text-indent: 6px;
	margin-bottom: 3px;	
}


.bigLink {
	background: url(../images/icons/bigLinksTextured.jpg) no-repeat 0px 0px;
	height: 63px;
	width: 110px;
	line-height: 20px;
	text-align: center;
	display: block;
	margin-bottom: 4px;
	float:left;
}

#bigLink1 {
	margin-right: 6px;
}

.bigLink a {
	padding: 11px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: 20px;
	display: block;
}


.bigLink a:hover, .bigLink a.current {
	background: url(../images/icons/bigLinksTextured.jpg) right 0px;
}
#rightColumn .bigLink a:hover, #insetColumn .bigLink a:hover {
	color: #FFF;
}


/*-----------------------BOXES WITHIN THE LEFT AND RIGHT COLUMNS --------------------*/

#subjectBox {
	margin-bottom: 3px;
}

.columnBox {
	padding-bottom: 7px;
	margin: 0 0 15px 0;
	line-height: 14px;  /*Line-Height is necesary here to prevent the IE6 peekaboo bug*/
	background: url(../images/design/double_black_border.gif) repeat-x left bottom;
}
.columnBox p {
	font: 11px/13px Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 6px;
}

.columnBox p a { /*block and width were needed here to help the video area- so IE would treat full video area as one big link*/ 
	display: block;
	width: 226px; /*override this in next rule for wide left column*/
}

#leftColumn .columnBox p a { 
	width: 300px; /*for the wider left column only (or pic of success, etc was affected)*/
}
.columnAdBox {
	margin-top: 30px;
	background: #FFF;
	border-top: 4px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	margin-bottom: 30px;
	line-height: 14px;  /*Line-Height is necesary here to prevent the IE6 peekaboo bug*/
	padding-top:0px; /*Just until the ads are wide enough to fill - makes extra space more even*/
	padding-bottom:0px;
}
#leftColumn .columnAdBox {
	text-align:left;
	width: auto;
	background: url(../images/design/dot4px_vertSpace300.gif) repeat-y right;
	padding-left: 35px;
	border-style: none;
	padding-top: 16px;
	margin-top: 0px;
	margin-bottom: 16px;
}

.pearlDiver{
	margin-top: 12px;
	margin-bottom: 12px;
}

.advertisement {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #000;
	position: absolute;
	margin-top: -16px;
	display: block;
	height: 16px;
}

#leftColumn .advertisement {
	border-bottom: 4px solid #000;
	width: 224px;
	height: 12px;

}

/*-----------------------ALL LISTS OF ARTICLES--------------------*/

ul.articles, ul.mostPopular, #mainColumn div.columnBox ul { /*#mainColumn div#insetColumn ul.mostPopular, */
	list-style: none;
	list-style-image: none; /*ie needs this, otherwise it shows bullets in the inset column*/
	margin:0;
}


.articles li, .mostPopular li, #insetColumn .mostPopular li {
	margin-bottom: 6px;
	background: url(../images/design/dot4pxSpace.gif) repeat-x bottom;
	padding-bottom: 4px;
}


li.last {
	background: url(none);
}

.articles li.title a, .mostPopular li.title a, #insetColumn .mostPopular li.title a {
	color: #921E1F;
	width: 100%;
	font: bold 13px/15px Arial, Helvetica, sans-serif;
}

a .title { /* ...since I put it in a p instead of in an li */
	color: #921E1F;
	font-weight: bold;
	font-size: 13px;
	line-height: 14px;
	display: block;
}

a:hover .title  { 
	color: #000;
}



ul.articles li.title a:hover, ul.articles li a:hover {
	color: #000;
}

.mostPopular .title a:hover, #insetColumn .mostPopular .title a:hover {
	color: #000;
}


li a .author, .author {
	color: #666;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
}

a:hover .author {
	color: #000;
}



.imageClipper { /*thumbnail resizing to hide extra bits*/
border:2px solid #444;
float:left;
margin-right:5px;
overflow:hidden;
width:90px;
height:54px;
display:block;
}
.imageClipper .portrait { /*remove the border and margin that apply in other (non-cropped) instances of .portrait*/
	border:none;
	margin-right:0;
	margin-top:0;
	float:none;
}

/*-----IE WHITE-SPACE BUG WORK-AROUND------*/
.articles li.title a, .mostPopular li.title a, li.title a .author, .author {
	display: inline-block;
}
.articles li.title a, .mostPopular li.title a, li.title a .author, .author {
	display: block;
}
/*-----------------------------------------*/



/*-----------------------LEFT AND RIGHT ARROW LINKS--------------------*/



div.previous {
	background: url(../images/design/triangles_left_etching.gif) no-repeat left bottom;
	height: 24px;
	float:left;
	margin: 10px 10px 0px 0px;
}
.previous a {
	font-size: 16px;
	font-weight: bold;
	padding-left: 24px;
	line-height: 22px;
	display: block;
	height: 24px;
	background: url(../images/design/triangles_left_etching.gif) no-repeat left bottom;
}

div.more {
	background: url(../images/design/triangles_right_etching.gif) no-repeat right bottom;
	height: 24px;
	float:right;
	margin: 10px 0px 0px 10px;
}

.more a {
	display: block;
	height: 24px;
	padding-right: 24px;
	text-align: right;
	background: url(../images/design/triangles_right_etching.gif) no-repeat right bottom;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}


.previous a:hover {
	background: url(../images/design/triangles_left_etching.gif) no-repeat left top;
}
.more a:hover {
	background: url(../images/design/triangles_right_etching.gif) no-repeat right top;
}


div.paginationWrapper {
	height: 34px;
	float:left;
}

.pagination { /*for the numeric links */
	height: 34px;
	font-size: 16px;
	font-weight: bold;
	display: block;
	float: left;
	padding: 0 6px;
	margin:10px 0;
	color:#911;
}

/* for  the current page number, which is not a link */
span.pagination, span.pagination:hover {
	color:#666;
}


/*-----------------------PIC OF SUCCESS & PEOPLE IN THE NEWS--------------------*/
.portrait {
	float: left;
	border: 2px solid #555;
	margin-right: 5px;
	margin-top: 2px;
	clear: left;
}

a:hover .portrait {
	border-color: #000;
}

.portraitName {
	color: #921E1F;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	display: block;
}


.columnBox a:hover .portraitName {
	color: #000;
}


.readMore {
	color: #921E1F;
	font:bold 12px/17px Arial, Helvetica, sans-serif;
}


a:hover .readMore {
	color: #000;
}



/*--------------------------------VIDEO AREA------------------------------*/

.video {
	float: left;
	margin-right: 5px;
	border: 2px solid #555;
}

a:hover .video {
	border-color: #000;
}

.columnBox .dotted a {
	/*background: url(../images/design/dot4pxSpace.gif) repeat-x bottom;*/
	display: block;
}


a .watchVideo {
	clear: left;
	display: block;
	font-weight: bold;
	color: #921E1F;
	font-size: 12px;
	background: url(../images/icons/tv-icon18x40.gif) no-repeat right bottom;
	margin-bottom: 0px;
	margin-top: 1px;
	text-align: right;
	line-height: 20px;
	padding-right: 22px;
	width: auto;
	float: none;
}



a:hover .watchVideo {
	background: url(../images/icons/tv-icon18x40.gif) no-repeat right top;
	color: #000;
}






/*-----------------------------------MAIN COLUMN-----------------------------------*/

#mainColumn #article {
	float: left;
	width: 470px;
	overflow: hidden;
}
#mainColumn.narrow #article {
	width: 450px;
	overflow: hidden;
}

#mainColumn dd a {
	font-weight: bold;
}


#mainColumn #article table caption {  /* For user-entered tables in the tinyMCE.*/
	font:bold 16px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
	color:#FFF;
    vertical-align:center;
	padding:5px 0;
	height:40px;
	background-color:#333;
}

#mainColumn #article td {  /* For user-entered tables in the tinyMCE.  Overrides the ugly grooved one */
	border-left:solid 1px #DDD; 
	border-top:solid 1px #DDD;
	padding: 3px;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:left;
}
#mainColumn #article td p {  /* For user-entered tables in the tinyMCE.*/
	margin:0px;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:left;
}

#mainColumn #article table { /* For user-entered tables in the tinyMCE.  Overrides the ugly grooved one */
	border-right:solid 1px #DDD; 
	border-bottom:solid 1px #DDD;
	font-family:Arial, Helvetica, sans-serif;
}

#mainColumn #article tr.tableHeading1, #mainColumn #article .tableHeading1 td, #mainColumn #article .tableHeading1 td p {  /* For user-entered tables in the tinyMCE as a top row/caption. */
	background-color: #444444;
	border-right:none;
	border-left:none;
	border-top:none;
	font: bold 14px/14px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
	color:#FFF;
	vertical-align: center;
	text-align: center;
	padding-top:2px;
}


#mainColumn #article p.pullText {
       margin-left:30px;
       margin-right:30px;
       background-color:#F0F0F0;
       padding:20px;
       font: bold 18px/20px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
}

#mainColumn #article p.pullTextMedium {
       margin-left:0px;
       margin-right:0px;
       background-color:#F3F3F3;
       padding:20px;
       font: 15px/17px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
}

#mainColumn .blockText {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333;
	display: block;
	padding: 15px 15px 5px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #F3F3F3;
	margin-left: 0px;
}

#mainColumn .blockText li{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333;
	line-height:15px;
	margin:0px 0 20px 10px;
	padding: 2px 0;
	vertical-align: center;
}
hr {
	display: block;
	width:472px;
	margin-left:-1px;
	height: 16px;
	background: url(../images/design/hr_squiggle.gif) no-repeat 0px 3px;
	padding-top:3px;
	border:none!important;
	outline:none!important;
}

#mainColumn #article p.excerpt a { /*the blurbs/excerpts*/
	border-bottom: 6px solid #000;
	color: #000;
	font: 12px/15px Arial, Helvetica, sans-serif;
	text-align: justify;
	/*width: 470px;*/
	display: block;
	padding-bottom: 10px;
	clear: left;
}

#mainColumn #article p {
	font: 12px/15px Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-bottom: 8px;
	padding-top: 4px;
	display: block;/*required*/
}

#mainColumn a.storyLink {
	border-bottom: 1px dotted #921E1F;
	font-weight: bold;
	color: #921E1F;
}

#mainColumn a.storyLink:hover {
	border-bottom: 1px dotted #000;
	font-weight: bold;
	color: #000;
}

.restricted {
	text-indent: 30px;
	background: url(../images/icons/rry-icon2.gif) no-repeat 0px 2px;
}

.credit {
	text-align: right;
	font-size: 9px;
	line-height: 10px;
	color: #666;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
.captionLeft {  /* Caption underneath article photos when entered by user in the tinyMCE*/
	text-align: left;
	font-size: 9px;
	line-height: 10px;
	color: #555;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 6px;
	margin-right: 5px;
	clear: left;
	float: left;
	/*width: 220px;*/
}


.captionRight {  /* Caption underneath article photos when entered by user in the tinyMCE*/
	text-align: right;
	font-size: 9px;
	line-height: 10px;
	color: #555;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 6px;
	margin-left: 5px;
	clear: right;
	float: right;
	/*width: 220px;*/
}


.caption {
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #444;
}

h3, #mainColumn h3 a {
	font-size: 32px;
	color: #921E1F;
	line-height: 33px;
}

#mainColumn h3 a:hover {
	color: #000;
}


h3 a .author, h3 .author {
	color: #999;
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	margin-top: 2px;
}

h3 a:hover .author {
	color: #000;
}

.tinyComment {
	height: 20px;
	display: block;
	margin-left:10px;
	width:93px;
	float:right;
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	color: #000;
	
}

#mainColumn .tinyComment a {
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	color: #000;
	float: none;
	padding-left: 28px;
	display: block;
	height: 20px;
	background: url(../images/icons/commentIcon_20x23.gif) no-repeat left;
	
}

#mainColumn .print a {
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
	float: none;
	background: url(../images/icons/printIcon.gif) no-repeat right;
	padding-right: 22px;
	display: block;
	height: 20px;
}

.print {
	display: block;
	float: right;
	width: 106px;
	height: 20px;
	margin-left:10px;
}

.caption .captionLabel {
	font-weight: bold;
}

h4 {   /*Titles within articles*/
	color: #921E1F;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 0px;
	display: block;
}


#mainColumn #article blockquote {/*don't add any margin-top to this.  In IE it cuts off the first-letter backgrd image and in Firefox it just won't apply when it's after a float*/
	font: normal 15px/18px Arial, Helvetica, sans-serif;
	padding-top: 6px; /*cannot increase without IE going nuts*/
	padding-bottom: 8px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0; /*Needed to override default L,R margins added by IE-6, regardless of the universal selector being set to 0*/
}

#mainColumn #article blockquote p { 
	clear: both;
	display: block;
	margin-left: 0;
	margin-right: 0; /*Needed to override default L,R margins added by IE-6, regardless of the universal selector being set to 0*/
	font: normal 15px/18px Arial, Helvetica, sans-serif !important;
	padding-left: 32px;/*The key to fixing it for IE*/
	padding-right: 32px;
	text-indent: -32px;
	background: url(../images/design/QuotesEnd22x16.jpg) no-repeat right bottom;
}

#mainColumn blockquote:first-letter,
#mainColumn #article blockquote p:first-letter {
	clear: both;
	display: block;
	background: url(../images/design/QuotesStart22x16.jpg) no-repeat 0 0;
	margin-left: 0;
  	padding-left: 32px;
  	padding-bottom: 0px;
	padding-top: 6px;/*Otherwise IE cuts off top*/
  	font: bold 18px/18px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif !important;
	zoom: 1; 
	
}

.clearBeforeArticle {
	display: block;
	clear: right; 
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}


#mainColumn #article h3 + div.clearBeforeArticle + p:first-letter, .firstLetter {
	font: bold 44px/44px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
	float: left;
	margin:0px 4px 0 0;
	padding:0;
	display:block;
	height: 44px;
}


/*-----------------------------------PROCEDURE OF THE MONTH-----------------------------------*/

#procedure {
	position: relative;
	background:url(../images/lightbox_withCord.jpg) no-repeat 0 62px;
	height:1280px;
}

a .procedureTitle {
	color: #921E1F;
	font: bold 18px/22px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
	display: block;
}

a:hover .procedureTitle {
	color: #000;
}

#procedureAd {  /*--div wrapper for POM - sits inside of columnBox--*/
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #000;
	/*margin: 5px;*/
	padding:5px;
	background-color:#EEE;
}

#procedureAd p {
	font-size: 12px;
	color: #333;
	line-height: 12px;
	margin-bottom: 6px;
}

.smallLabel {
	font-size: 9px;
	line-height: 10px;
}

#procedureAd img {
}

.procedureQuestion {
	font-weight: bold;
	color: #000;
	margin-top: 8px
}

.procedureQuestion a {
	color: #921E1F;
	display: block;
	padding: 4px 0;
	margin: 1px 0 10px;
	width: 100%;
	height: 13px;
	background: url(../images/icons/procedureArrow.gif) no-repeat right -15px;
}

.procedureQuestion a:hover {
	color: #000;
	background: url(../images/icons/procedureArrow.gif) no-repeat right 3px;
}

.sponsorship {
	color: #333;
	font-size: 11px;
	text-align: center;
}

/*---------------------FOOTER RULES----------------------*/
/*#flashWrapper {
	background: #000;
	margin-top: 25px;
	margin-bottom: 25px;
}*/

#navBottomWrapper {
	margin: 0 auto 0 312px;
	width: 453px;
	position: relative;
	height: 37px;
}
#copyright {
	float: left;
	width: 300px;
	font-size: 11px;
	font-weight: bold;
	color: #DDD;
	/*background: url(../images/design/stainCircular.jpg) no-repeat 50px -8px;*/
	margin-left:10px;
	height: 37px;
	line-height: 37px;
}
#navBottom {
	list-style: none;
	display: block;
	width: 453px;
	height: 37px;
}
#navBottom li {
	float: none;
	display: inline;
}
#navBottom li a {
	color: #FFF;
	font: bold 12px/37px Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-left: 6px;
	float: left;
}

#navBottom li a:hover {
	color: #DDD;
}

/*--  IE WHITE-SPACE BUG WORK-AROUND------*/
#navBottom li a { display: inline-block; }
#navBottom li a { display: block; }
/*----------------------------------------*/

#rightCorner {
	float: right;
	width: 226px;
	margin-top: 10px;
	font-size: 12px;
	color: #666;
}

#commentBox {
	clear: both;
	margin-bottom: 30px;
	margin-top: 15px;
}

.commentHeading {
	background: url(../images/icons/commentIcon.gif) no-repeat;
	border-bottom: 4px solid #000;
	float: none;
	width: 100%;
	height: 28px;
}

#commentBox h5 {
	font-size: 24px;
	font-weight: bold;
	text-indent: 34px;
	line-height: 28px;
	float:left;
}

.leaveComment {
	float: right;
	display: block;
	text-align: right;
	clear: none;
}
.leaveComment a {
	font-weight: bold;
	color: #921E1F;
	line-height: 22px;
	font-size: 18px;
	background: url(../images/icons/pencilIconRedBlack.gif) no-repeat 0px 0px;
	display: block;
	text-indent: 24px;
	margin-top: 6px;
}
.leaveComment a:hover {
	background-position: 0px -22px;
}


#mainColumn #commentBox div.post {
	background: url(../images/design/commentBoxBottom.gif) repeat-x right bottom;
	margin-top: 15px;
	width: 100%;  /*necessary*/
	display: block;
	padding-bottom: 12px;
	clear: none;
}

#mainColumn #article .post p {
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #333;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	display: block;
	text-align: left;
	padding: 10px 20px;
	background: url(../images/design/commentBoxTop.gif) no-repeat 6px 7px;
	margin-bottom: 0px;
}
#commentBox .post cite {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 15%;
	position: absolute;
	/*z-index: 2;*/
	display: block;
	width: 85%;
}
#commentBox .post cite span {
	color: #921E1F;
	text-align: right;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}


/*--------------------------------------Subscribe Page-----------------------------*/




#mainColumn #subscribe {
	float: left;
	width: 470px;
}


#subscribeTop, #loginTop {
	float: left;
	width: 370px;
	display: block;
	padding-bottom: 2px;
}

#forgotButton {
	width: 90px;
	height: 70px;
	display: block;
	float: right;
}

#subscribeLeft {
	float: left;
	width: 49%;
	display: block;
	padding-bottom: 12px;
	margin-top: 2px;
}

#subscribeRight {
	width: 49%;
	display: block;
	float: right;
	padding-bottom: 12px;
	margin-top: 2px;
}



#subscribeContact, #loginContact {
	display: block;
	margin-top: 15px;
}




#subscribeLeft p {
	font-size: 11px;
	line-height: 13px;
}

#subscribeRight p {
	font-size: 11px;
	line-height: 13px;
	display: block;
}

#subscribe ul {
	list-style: url(../images/icons/bulletMiniRedSm.gif);
	margin-left: 15px;
	font: 11px/12px Arial, Helvetica, sans-serif;
}

#subscribeLeft ul li {
	margin-top: 7px;
}


/*#mainColumn #subscribe #forgotButton a, #mainColumn #loginPage #forgotButton a*/
#forgotButton a {
	color: #FFF;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 70px;
	background: url(../images/icons/paperRedOnOff.jpg) no-repeat 0px 0px;
	display: block;
	width: 90px;
	font: bold 14px/24px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
}

/*#mainColumn #subscribe #forgotButton a:hover, #mainColumn #loginPage #forgotButton a:hover*/
#mainColumn #forgotButton a:hover {
	background: url(../images/icons/paperRedOnOff.jpg) -90px 0px;
	color:#FFF;
}	

.clearLeft {
	font-size: 1px;
	line-height: 1px;
	clear: left;
	height: 1px;
}

#subscribe #subscribeTop h4, #loginPage #loginTop h4 {
	margin-top: -5px;
	font-size: 21px;
	line-height: 24px;
	color: #000;
	display: block;
	margin-bottom: 8px;
}
#mainColumn #subscribe #subscribeTop p {
	font-size: 12px;
}

#mainColumn #subscribe #subscribeTop p:first-line {
	font-size: 12px;
	font-weight: bold;
}


/*-------------------------------Subscribe Form---------------------------*/


#subscribeForm, #billForm, #commentForm, #forgotForm, #loginForm, #shipForm {
	border: 3px dashed #000;
	padding-bottom: 10px;
	margin-top: 15px;
}

/*#subscribe #subscribeForm {
	text-align: left;
	text-indent: 0;
	display: block;
	margin-bottom: 10px;
}*/


#subscribeForm form, #commentForm form, #forgotForm form, #billForm form, #loginForm, #shipForm form {
	
}

/*#subscribe #subscribeForm fieldset, #billForm fieldset, #commentForm fieldset, #forgotForm fieldset, #loginForm fieldset, #shipForm fieldset*/ 
fieldset {
	margin: 15px 0 0 0;
	padding: 0 0 0 8px;
	border: none;
	color: #000;
	text-indent: 0px;
	/*margin-left: 8px;*/
	text-align: left;
}

#subscribeForm legend, #billForm legend, #commentForm legend, #forgotForm legend, #loginForm legend, #shipForm legend {
	color: #000;
	text-align: left;
	text-indent: 0px;
	line-height: 24px;
	margin-bottom: 4px;
	display: block;
	margin-left: -6px;
	border-top: none;
	border-right: none;
	border-left: none;
	font-size:16px;
}

#subscribeForm label, #billForm label, #commentForm label, #forgotForm label, #loginForm label, #shipForm label, span#sameAs, span#lblDifferentShipping {
	width: 220px;
	float: left;
	line-height: 20px;
	display: block;
	clear: left;
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 10px;
	
}

#subscribeForm label.wideLabel {
	width: 384px;
	font-size: 13px;
}

label.error {  /*For J-Query Validation*/
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	height: 13px;
	/*width: 200px !important;*/
	text-align: left !important;
	height: 12px;
	color: #921E1F;
	/*clear: left;
	float: right;*/
	margin-top: 1px;
	display: block;
	/*margin-left: 0px !important;*/
	padding-left: 230px;
	margin-bottom: 2px;
	background-color: #FFF;
}
#divCommunityPass label.error{
	text-align: right!important; /*because it lines up under a checkbox that is all the way to the right*/
}

/*#subscribe #subscribeForm fieldset input.continue, #loginPage #loginForm fieldset input.continue, #billForm fieldset input.continue, #shipForm fieldset input.continue, #commentForm fieldset input.continue, #forgotForm fieldset input.continue */
#mainColumn input.continue {
	border: none;
	width: 83px;
	height: 30px;
	float: left;
	clear: left;
	color: #FFF;
	margin-left: 230px;
	margin-top: 15px;
	font: bold 14px/30px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
	background: #333 url(../images/design/EtchingButton220x30.jpg) no-repeat left top;
}

/*#subscribe #subscribeForm fieldset input.continue:hover, #loginPage #loginForm fieldset input.continue:hover, #billForm fieldset input.continue:hover, #shipForm fieldset input.continue:hover, #commentForm fieldset input.continue:hover, #forgotForm fieldset input.continue:hover*/  
#mainColumn input.continue:hover  {
	background: #333 url(../images/design/EtchingButton220x30.jpg) no-repeat right top;
}


/*input.continue, */#commentForm fieldset input.continue, #forgotForm fieldset input.continue {
	float:right;
	margin-right: 22px;
}



#mainColumn input, #mainColumn select {
	width: 200px;
	line-height: 18px;
	border: 1px solid #666;
	background-color: #FFF !important;
	margin-top: 3px;
	height: 18px;
	/*display: inline;*/
}


#subscribe #subscribeForm fieldset select, #subscribe #billForm fieldset select, #subscribe #shipForm fieldset select, #commentForm fieldset select, #forgotForm fieldset select {
	width: 202px;
	line-height: 22px;
	border: 1px solid #666;
	background-color: #FFF !important;
	margin-top: 3px;
	height: 22px;
}


/*#subscribe #subscribeForm fieldset input.radio, #billForm fieldset input.radio, #shipForm fieldset input.radio, #loginForm fieldset input.radio, #commentForm fieldset input.radio, #forgotForm fieldset*/ #mainColumn input.radio {
	width: auto;
	float: right;
	clear: none;
	height: 20px;
	display: block;
	line-height: 20px;
	margin-top: 3px;
	margin-right: 20px;
	border:none;
	padding:-1px;
	background-color:default !important;
	color:default !important;
	margin-bottom: 0px;
}

#subscribe #billForm fieldset #ccExpirationYear, #subscribe #billForm fieldset #ccExpirationMonth {
	width: 99px !important;
	background-color: #FFF !important;
	border: 1px solid #666 !important;
}

#forgotForm {
	margin-bottom: 15px;
}

#subscribe #billForm fieldset input#copyname, #subscribe #billForm fieldset input#cbxDifferentShipping,  input#chkCommunityPassSubscribe { /*checkbox for "same as subscriber" */
	width: 20px !important;
	border:none;
	line-height: 18px;
	margin-top: 3px;
	height: 18px;	
}
input#chkCommunityPassSubscribe {
	/* because it lines up with the radi buttons on the right, rather than to the left edge of the labels like the other checkboxes do */
	margin-left: 25px;
}

.agree {
	color:#444;
}
/*-----------------------------------------End Subscribe--------------------------------------*/



/*-----------POWER RANKINGS page rules---------------*/

#powerRankings h6 {  /*is different from other h6's*/
	font-size: 13px;
	border-bottom: 2px solid #921E1F;
	color:#333;
	line-height: 15px;
	margin-top: 10px;
}

#powerRankings h3 { /*Because the longer dates (like September) will overflow akwardly to second line if this h3 is as big as other ones*/
	font-size: 30px;
	line-height:31px;
}

#powerRankings h3 span {
	font-size: 22px;
	color: #000;
}

table thead {
	font-size: 13px;
}


th {
	border-bottom: 2px solid #666;
	padding: 3px 3px;
	text-align: left;
}

#powerRankings th {
	padding: 3px 0 2px 0;
	background-color: #EFEFEF;
}

.numbers {
	font-weight: bold;
}





#powerRankings table, table {
	margin: 0px 0px 8px;
	width: 470px;
	font: 12px/15px Arial, Helvetica, sans-serif;
}


#powerRankings tr {
}


#powerRankings table td.decimal {
	text-align: right;
	padding-right: 5px;
}

table td.rank {
	text-align: center;
	width: 36px;
}

#powerRankings table td {
	padding: 3px 0 2px 0;
}

#powerRankings tr:hover, tr:hover {
	background-color: #EEE;
}

#powerRankings table caption {
	font: bold 18px/18px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
	margin: 15px 0px 2px;
	color: #921E1F;
	padding-top: 8px;
	padding-bottom: 2px;
	width: auto;
}

#powerRankings #topTable caption span.inlineBigRed {
	font-size: 18px;
	font-weight: bold;
	color: #921E1F;
	margin-left: 0px;
	padding-left: 0px;
	text-indent: 0px;
	background: url(none);
}


#powerRankings .shortTable caption {
	font-size: 16px;
	line-height: 16px;
}

#powerRankings #topTable caption {
	color: #000;
	text-align: left;
	font: bold 16px/17px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
	background: url(../images/design/spiralPaper2.jpg) no-repeat top;
	margin-top: 5px;
	margin-left:0;
	padding: 16px 10px;
	margin-bottom: 10px;
	text-indent: 0px;
}

#powerRankings #topTable {
	margin-bottom: 15px;
}

#powerRankings #topTable thead {
	font-size: 11px;
}

#powerRankings #topTable thead th {
	text-align: center;
	padding-top: 5px;
}

#powerRankings #topTable td {
	border-bottom: 1px solid #999;
}

#powerRankings table caption span {  /*--non-semantic span for bookend icon on left of variable-width caption--*/
	background: url(../images/icons/floridLeft2.gif) no-repeat left top;
	padding: 3px 6px 5px 29px;
}

#powerRankings table caption div {  /*--non-semantic span for bookend icon on right of variable-width caption--*/
	background: url(../images/icons/floridRt2.gif) no-repeat right top;
	display: inline;
	padding: 3px 23px 5px 6px;
}



/*---------------------ABOUT US page rules-----------------------*/

.startEmphasis {
	font-size: 14px;
	font-weight: bold;
}

#about .subtitle, #generalContent .subtitle {
	text-align: justify;
	line-height: 15px;
	margin-top: 0px;
}


/*---------------------Contact US page rules-----------------------*/

.bioWrapper dl, .bioWrapper p {
}
.bioWrapper {
	clear: left;
	margin-top: 10px;
	padding-top: 0px;
}

#contact dl {
}

#contact dt {
	line-height: 16px;
	margin-top: 0px;
	color: #921E1F;
}


/*-------------Robin page rules (links from About Us page)-----------*/

.cv a {
	display: block;
	background: url(../images/icons/paper3Dtallyellow.jpg) no-repeat;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	width: 84px;
	padding-top: 12px;
	padding-bottom: 32px;
}

.cv {
	height: 92px;
	width: 84px;
	display: block;
	margin-top: 5px;
	float: right;
	margin-left: 6px;
}




#mainColumn ul /*#robin ul, #privacy ul*/ {
	list-style: url(../images/icons/redBullet_sm.gif) none;
	margin-left: 18px;
	margin-top: 12px;
	margin-bottom: 12px;
	display: block;
}

/*ordered lists with 2nd and 3rd levels.  (Robin uses this in his articles)*/
#mainColumn ol { /*user-entered in articles*/
	list-style: decimal;
}
#mainColumn ol li ol { /*second level*/
	list-style: lower-alpha;
	margin-top: 0px;
	margin-bottom: 0px;
}

#mainColumn ol li ol li ol { /*third level*/
	list-style: lower-roman;
}

#mainColumn ol { /*user-entered in articles*/
	margin-left: 0px;
	padding-left: 8px; /*Padding is necessary*/
	margin-top: 12px;
	margin-bottom: 12px;
	display: block;
}

#mainColumn ul li, #mainColumn ol li {
	font: 13px/16px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 3px;
}
#mainColumn ol li {/*dont make block*/
	margin-left: 15px;
	padding-left: 0px;
}



/*--------------------------CONFERENCES-------------------------*/


#conferences h4 {
	margin-top: 15px;
}

#conferences p {
	border-bottom: 6px solid #000;
	
}

#conferences p a {  /*I want to change this to a specific class - for the register buttons only*/
	background: url(../images/design/EtchingButton220x30.jpg) no-repeat left bottom;
	display: block;
	height: 25px;
	width: 90px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	margin-top: 10px;
}

#conferences p a:hover {
	color: #FFF;
	background: url(../images/design/EtchingButton220x30.jpg) right bottom;
}

#conferences h3 {
	padding-top: 0px;
	display: block;
	margin-top: -6px;
}

/*#conferences h3 + img {
	border-bottom: 4px solid #000;
	padding-bottom: 5px;
}*/



/*-----------------PROCEDURE of the MONTH---------------------*/

/*-Most of these POM rules are likely unnecessary after I replaced the quiz with flash*/
#mainColumn #procedure ul#pomQuiz {
	list-style: none;
	list-style-image: none;
	margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 50px;
	
}

#procedure #pomQuiz li {
	margin-bottom: 10px;
}
#procedure #pomQuiz li a {
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	display: block;
	padding-left: 34px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(../images/icons/buttonRoundGreenRed.jpg) no-repeat 0px 0px;
}

#procedure #pomQuiz li a:hover {
	background: url(../images/icons/buttonRoundGreenRed.jpg) no-repeat 0px -53px;
}

/*--  IE WHITE-SPACE BUG WORK-AROUND------*/
#procedure #pomQuiz li a { display: inline-block; }
#procedure #pomQuiz li a { display: block; }
/*----------------------------------------*/






/*--------------LEAVE COMMENT Page Form--------------*/


#commentForm #leaveComment fieldset textarea {
	width: 433px;
}

#commentForm #leaveComment #yourComment {
	float: none;
	margin-top: 10px;
}


/*---------LOGIN PAGE----------------*/


a.extraButton {
	background: url(../images/handPointRt.gif) no-repeat left 10px;
	display: block;
	height: 28px;
	text-align: left;
	font: bold 14px/28px "Palatino Linotype", Palatino, Baskerville, "Times New Roman", Serif;
	padding-left: 40px;
}

.bigger {
	font-size: 14px;
}


#loginForm #loginFull fieldset #remember {
	float: left;
	clear: none;
	width: 20px;
	height: 20px;
	line-height: 18px;
	border: none;
}
#article h3.search {
	background: url(../images/design/search_string.gif) no-repeat left 8px;
	height: 85px;
	color: #000;
	}
a.bigButton {
	display: block;
	height: 60px;
	width: 244px;
	background: url(../images/icons/buttonGlossGrayPdf.gif) no-repeat 0px 0px;
	text-align: center;
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
	color: #921E1F;
	margin-left: 113px;
}
a.bigButton:hover {
	background: url(../images/icons/buttonGlossGrayPdf.gif) no-repeat 0px -60px;
	color: #000;
}

a.mediumButton {
	display: block;
	height: 65px;
	width: 236px;
	background: url(../images/icons/button_lightblue_drop2.jpg) no-repeat 0px -2px;
	text-align: center;
	font-size: 14px;
	line-height: 62px;
	font-weight: bold;
	color: #666;
	margin-left: 113px;
}
a.mediumButton:hover {
	background: url(../images/icons/button_lightblue_drop2.jpg) no-repeat 0px -68px;
	color: #000;
}

.pullText2 {
	display: block;
	padding: 25px 55px 25px 55px;
	font-weight: bold;
}

.tinted {
	background: #F0EAE6;
}
#rightColumn h6 {
	margin-top: 5px;
}

#powerRankings #topTable thead .tinted th {
	background: #F0EAE6;
}
.small {
	font: 11px/13px Arial, Helvetica, sans-serif;
}

.ochre {
	color: #AD7425;
}
.feedbackMessages {  /*Errors at top  of reg form*/
	background: #FEE;
	border: 1px solid #C00;
	font-size: 16px;
	line-height:17px;
	font-weight: normal;
	padding: 15px 10px;
	position: absolute;
	top: 130px;
	width: 480px;
	margin-left: -15px;
}
#xrayHolderWrapper {
	position: relative;
	height: 320px;
	margin-top: 20px;
}

/*------------------Spine Awards page-----------------------------------*/
/*#Award {
	background: url(../SpineAward/starGroup.gif) no-repeat right bottom;
	padding-bottom: 20px;
}

#Award h4, #Award h5 {
	text-align:center;
}

#mainColumn #Award ul {
	list-style: url(none) none;
}

#Award p.bigSerif {
	text-align:center;
}

.award {
	text-align:center;
	padding-bottom:25px;
	margin-bottom:15px;
	background: url(../images/design/hr_squiggle.gif) no-repeat bottom;
}

.awardBlue {
	color:#0054A4;
	font-size: 16px;
}
.awardStars {
	background: url(../SpineAward/starRight.gif) no-repeat right bottom;
}

#mainColumn #about #Award table td, #mainColumn #about #Award table td p {
	text-align: left;
}
*/


#views {
	background: url(../images/icons/NewspaperLogoOTW127.jpg) no-repeat 0px 30px;
	height: 170px;
	padding-top: 20px;
	padding-left: 0px;
	border-bottom: 4px solid #000;
}
#views a:link {
	color:#000;
	font-weight: bold;
	display: block;
	padding: 50px 10px 65px 150px;
	text-decoration: underline;
	font-size: 18px;
}

#mainColumn #about #views a:hover {
	color:#911;
}
#viewPrevious {
	padding-left: 40px;
}
.comPassWrapper {
	background: url(../images/design/ticket_background2_470.gif) no-repeat;
	height: 193px;
}
.comPassWrapperLarge {
	background: url(../images/design/ticket_background2_large_470.gif) no-repeat;
	height: 230px;
	margin-bottom: 10px;
	
}
.comPassInner {
	padding-top: 25px;
	padding-left: 50px;
	padding-right: 50px;
}

#mainColumn.wide {
	width: 694px;
}

#insetColumn {
	float: right;
	width: 226px;
	height: auto;
	margin-left: 18px;
}

.lowerLeft {
	margin-right: 7px;
	width: 226px;
	float: right;
}
.lowerRight {
	width: 226px;
	float: right;
}
#divider {
	height: 4px;
	width: 100%;
	background: #000;
	margin-bottom: 10px;
}
.lowerLeft .columnAdBox, .lowerRight .columnAdBox {
	margin-top: 10px;
	margin-bottom: 30px;
}