/*
Created by Ryan Bach, ITS Web Services
For http://mag.rochester.edu/
*/

/*Layout*/

body
{
	text-align:center; /*Center content in IE, thanks to its buggy CSS rendering*/
	font-family: Arial, Helvetica, sans-serif;
	float: none;
}

#frame 
{
	text-align:left;
	margin-right:auto; /*Center content in everything else*/
	margin-left:auto;  
	margin-top:42px;
	margin-bottom:0;
	padding:0px;
	border:0;
	width:730px;
	height:100%;
}

#header 
{
	margin:0;
	padding:0;
	padding-bottom:75px;
	padding-right:20px;
	padding-top:10px;
	padding-left:5px;
	height:80px;
	background:black;
}

#navimg
{
	text-align:center;
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
}

#textonlylink /*this link will be hidden from pretty much every browser, but not screen readers*/
{
	position:absolute;
 	left:0px;
 	top:-5px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

#cworkshopimg
{
	width:165px;
	display:inline;
	float:right;
	clear:right;
	position:relative;
}

#cworkshopimg a img
{
	border:none;
}

#headerbanner
{
	float:left;
	clear:left;
}

#headerbanner a img
{
	border:none;
}

.pdmenu
{
	clear:both;
	width:700px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content
{
	height:100%;
}

.fl
{
	float:left;
}

#left 
{
	float: left;
	width: 190px;
	padding-bottom:1px;
	text-align:left;
	overflow:hidden; /*shouldn't be necessary, but, thanks to IE, it is*/
}


#right 
{
	background-color:white;
	margin: 0;
	float: left;
	width: 540px;
	padding-bottom:0px;
	overflow:hidden;
	list-style-position: inside;
	height: 100%;
}

#footer 
{
	clear: both;
	background-color: black;
	color:white;
}

#bottommenu
{
	float:left;
	padding:0;
	border:none;
	font-size:.7em;
}

#facebook
{
	float:left;
	clear:both;
	padding-top:5px;
	padding-left:40px;
	padding-bottom:0;
	border:none;
	z-index:0;
}

#footergoogle
{
	float:right;
	clear:right;
}

#footertext
{
	text-align:right;
	clear:both;
	font-size:.7em;
	padding:0;
	margin:0;
	position:absolute
	z-index:1;
}

.columnbox
{
	text-align:left;
	margin:0;
	padding-top:5px;
	padding-bottom:1px;
	width:525px;
	clear:both;
	overflow:hidden;
}

.column
{
	float:left;
	clear:none;
	width:255px;
	padding-left:2px;
	padding-right:2px;
	padding-top:0;
	overflow:hidden;
}

.csmall
{
	width:170px !important;
}

.clarge
{
	width:340px !important;
}

.column clarge p
{
padding-top:0;
}

.ccalleft
{
width:170px !important;
}

.ccalmiddle
{
	width:15px !important;
	padding-top: 12px;
	height: 20px;
	top: auto;
	vertical-align: text-top;
}

.ccalright
{
	width:325px !important;
}

.hr
{
	width:100%;
	font-size:0;
	margin:0;
	border-top:1px solid #000000;
	z-index:2;
}

.hrcontainer
{
	padding:10px;
}

label
{
width: 7em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block; 
font-size:0.7em !important;
}


/*
To add more column layouts, create more classes like the ones above with the desired width and !important.  
*/


/*Formatting*/
#content ol
{
	font-size:0.9em;
	margin-top: 9px;	
}

#content ol li
{
	list-style-position: outside;
	list-style-type: decimal;
}

#content ul
{
	font-size:0.9em;
	margin-top: 9px;	
}

#content ul li
{
	list-style-position: outside;
	list-style-type: disc;
	padding-bottom: .4em;
}

#content ul li ul li
{
	padding-left: 6px;
	list-style:none;
}

#sitemap ul li
{
list-style-type: none;
}

#leftnavbar td
{
font-size:.8em;
padding-left:6px;
}

#content dl
{
	padding-left: 6px;
	text-indent: 6px;
	display: block;
}

#content dt
{
	padding-left: 6px;
	font-size: 0.9em;
	display: compact;
}

#content dd
{
	padding-left: 6px;
	font-size: 0.9em;
}

#content p
{
	font-size:0.9em;
	display:block;
	clear:both;
	padding:6px 6px 6px 9px;
	width: 90%;
	vertical-align: top;
}

#content blockquote
{
	font-size:.9em;
}

#content p sup
{
	font-size:.7em;
	display:inline;
	vertical-align:super;
}

#right table
{
	table-layout:auto;
	font-size:0.9em;
}

#right ul
{
	font-size:0.9em;
	width:85%;
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 9px;	
}

#right ol
{
	font-size:0.9em;
	width:85%;
	list-style-position: outside;
	list-style-type: decimal;
}

#right li
{
	list-style-position: outside;
	list-style-type: disc;
}

#right a
{
	color:#000000;
}

#right a:hover, #content a:visited
{
	color:#666666;
}

#right a.smallLink
{
	font-size:.8em;
	margin:-3px 0;
	display:block;
	float:right;
}

#right a.smallLinkLeft
{
	font-size:.8em;
	margin:-3px 0;
	display:block;
	float:left;
}

#right p.light
{
	color:#666666;
	font-size:0.8em;
}

#right h1
{
	clear:both;
	font-size:1em;
	font-weight: bold;
	color:#CC9900;
	padding:9px 6px 3px 9px;
	width: 90%;
	text-transform: uppercase;
}
#frame h1
{
	clear:both;
	font-size:1em;
	font-weight: bold;
	color:#CC9900;
	padding:9px 6px 3px 9px;
	width: 90%;
	text-transform: uppercase;
}
#body h1
{
	clear:both;
	font-size:1em;
	font-weight: bold;
	color:#CC9900;
	padding:9px 6px 3px 9px;
	width: 90%;
	text-transform: uppercase;
}

#right h2
{
	clear:both;
	font-size:0.95em;
	font-weight: bold;
	color:#999966;
	padding:3px 6px 3px 9px;
	width: 90%;
	text-transform: uppercase;
}

#bottommenu ul
{
	display:inline;		
	list-style-type: none;

}

#bottommenu li
{
	display:inline;
	border-left:1px solid #999966;
}

#bottommenu a
{
	color:white;
	text-decoration:none;
	margin:1px;
	padding:1px;
}

#footertext p
{
	padding:2px;
}

#footertext a
{
	color:white;
}

#navimg p
{
	text-align:left;
	color:black;
	font-size:0.75em;
	line-height:1.2em;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 10px;
}

#navimg a
{
	color:#000000;
}

#navimg a:hover, #content a:visited
{
	color:#666666;
}

#learnmore a
{
	font-size:.7em;
	font-weight:bold;
	color:#FFFFFF !important;
	background-color:#CC6644;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	float:right;
}

#sample a
{
	font-size:.7em;
	font-weight:bold;
	color:#FFFFFF !important;
	background-color:#999966;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	float:right;
}

#store a
{
	font-size:.9em;
	font-weight:bold;
	color:#CC6644 !important;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	float:center;
}

#auction a
{
	font-size:.95em;
	font-weight:bold;
	color:#FFFFFF !important;
	background-color:#CC6644;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	float:right !important;
}

#leftnavbar ul
{
	margin:0;
	padding-top:5px;
	padding-left:0;
	list-style-type: none;
}

#leftnavbar li
{
	color:black;
	font-size:0.75em;
	line-height:1.2em;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 10px;
	text-transform:uppercase
	/*text-transform: capitalize;*/
}

#leftnavbar li a, #leftnavbar li a:visited
{
	color:black;
}

#leftnavbar li a:hover
{
	color:#666666;
}

#footer a img
{
	padding:4px;
	border:none;
}



.smalltext
{
	font-size:0.7em !important;
	margin: 5;
	margin-left: 5px;
}

.smalltextright
{
	font-size:0.7em !important;
	margin: 5;
	margin-right: 5px;
	float:right;
	height:inherit;
	
	
}



/*Top Rollover Menu*/

.pdmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:right;
}

.pdmenu li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 -1px 0 0;
	padding: 0;
	border:1px solid black;
	color:#CC9900;
	text-decoration:none;
	background-color:black;
	float:left;
}

.pdmenu a {
	text-decoration: none;
	display: block;
	color: #CC9900;
	background-color: black;
	padding: 5px;
}

.pdmenu a:hover {
	text-decoration: none;
	color: #CC9900;
	background-color: black;
}

.pdmenu li ul {
	display: none;
	position:absolute;
	z-index:1;
	width:65px;
	padding: 0;
	margin: 0;
}

.pdmenu li:hover ul, .pdmenu li.over ul{
	visibility: visible;
	display: block;
}

.pdmenu li li {
	border: none;
	}	

.pdmenu li li a {
	padding:2px;
}
.testformbox {
	border-width: 1;
	border-color: #000000;
}
.redline {
	color: #FF0000;
	text-decoration: line-through;
}

.pachy {
	color:#FFFFFF;
	font-size: smaller;
	font-weight: bold;
	text-transform: none;
	width: 800px;
	margin-left: 50px;
}
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
} 

.cwgreen
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	color: #99cc33;
	padding: 10px;	
	text-transform: uppercase;
	}
.cwred
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	color: #FF0000	;
	text-transform: uppercase;
	padding: 10px;
}
.cwblue
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	color: #0099cc;
	text-transform: uppercase;
	padding: 10px;
}
.cworange
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	color:#ff9933;
	text-transform:uppercase;
	padding: 10px;	
}
.cwpurple
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	color:#993399;
	text-transform: uppercase;
	padding: 10px;	
}