/***** begin main.css - styles for UWalum.com site *****/
/***** last edited 30 July 2010 mark47 *****/

/*** Begin - Default styles and resets ***/
html {
	min-height: 100%;
	height: auto;
}
body {
	margin:0;
	padding:0;
	font: 85%/1.4 arial, helvetica, sans-serif;
	color: #333333;
}
img {
	border: none;
}
a:focus {
	outline: none;
}
h1 {
	font: 160% Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color:#39275b;
	margin: 0;
	padding: 3px 0 0 0;
}
.h1image {
	margin: 10px 0 0 0;
}
h2 {
	font-size: 1.3em;
	padding: 0 0 3px 0;
	margin: 1em 0 -1em 0;
}
h3 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
/*** End - Default styles and resets ***/

/*** Begin - Link styles ***/
a:link {
	color: #5e4096;
	text-decoration: underline;
}
a:visited {
	color: #5e4096;
	text-decoration: underline;
}
a:active {
	color: #cc9900;
	text-decoration: underline;
}
a:hover {
	color: #cc9900;
	text-decoration: underline
}
h1 a:link, h2 a:link, h3 a:link {
	text-decoration: none;
	color: #5e4096
}
h1 a:visited, h2 a:visited, h3 a:visited {
	text-decoration: none;
	color: #5e4096
}
h1 a:active, h2 a:active, h3 a:active {
	text-decoration: underline;
	color: #cc9900;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
	color: #cc9900;
}
#footerwide a:link, #footerwide a:visited, .widgetcontentsocial a:link, .widgetcontentsocial a:visited {
	text-decoration: none;
}
#footerwide a:active, #footerwide a:hover, .widgetcontentsocial a:active, .widgetcontentsocial a:hover {
	text-decoration: underline;
}
/*** End - Link styles ***/

/*** Begin - main 3 column layout
Based on dynamic drive example ***/
#maincontainer {
	width: 960px; /*Width of main container*/
	margin: 0px auto 5px auto; /*Center container on page*/
}
#topsection {
	position: relative;
	height: 100px; /*Height of top section*/
	width: 960px;
	background-image:url(/alumni/images/backgrounds/headerbg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#columnstopsection {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	height: 110px; /*Height of top section*/
	width: 960px;
	background-image:url(../images/columns/masthead.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#contentwrapper {
	float: left;
	width: 100%;
	margin: 10px 0 20px 0;
}
#homecontentcolumn {
	margin-right: 240px; /*Set right margin to RightColumnWidth*/
}
#contentcolumn {
	margin: 0 240px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#columnscontentcolumn {
	margin: 0 274px 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#columnsstorycolumn {
	margin: 0 314px 0 26px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#columnsstorycolumn .imagefeature {
	margin-left: -26px;
}
#columnsstorycolumn .imagefeature p {
	margin-left: 0px;
}
#widecontentcolumn {
	margin: 0 0 0 200px; /*Margins for content column when right column not needed*/
}
#wideblogcontentcolumn {
	margin: 0 0 0 240px; /*Margins for content column when right column not needed*/
}
#gacontentcolumn {
	margin: 0; /* No spacing - used with GetActive event registration template */
}
#leftcolumn {
	float: left;
	width: 200px; /*Width of left column in pixel*/
	margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
	margin-top: 10px;
	margin-bottom: 20px; /*Add spacing before footer*/
}
/* wider left column used in blogs and anywhere were we're not using a right column */
#wideblogleftcolumn {
	float: left;
	width: 240px; /*Width of left column in pixel*/
	margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
	margin-top: 10px;
	margin-bottom: 20px; /*Add spacing before footer*/
}
#rightcolumn {
	float: left;
	width: 240px; /*Width of right column*/
	margin-left: -240px; /*Set left margin to -(RightColumnWidth)*/
	margin-top: 6px;
	margin-bottom: 20px; /*Add spacing before footer*/
	
}
/* style for tour info page right column -- content goes within this */
#travelrightcolumn {
	float: left;
	width: 240px; /*Width of right column*/
	margin-left: -240px; /*Set left margin to -(RightColumnWidth)*/
	margin-top: 6px;
	margin-bottom: 20px; /*Add spacing before footer*/
	font-size: .9em;
}

/* style for entire Columns right column -- content goes within this */
#columnsrightcolumn {
	float: left;
	width: 250px; /*Width of right column*/
	margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/
	margin-top: 9px;
	margin-bottom: 20px; /*Add spacing before footer*/
}
#columnsrightcolumnsearch {
	margin-bottom: 20px;
}
#columnsrightcolumnnav {
	margin-bottom: 20px; /*Add spacing before footer*/
}
#columnsrightcolumnwidget {
	margin-bottom: 20px; /*Add spacing before footer*/
}
/* styles for new UWAA blog */
#blogcontentcolumn {
	margin: 0 209px 0 209px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc
}
#blogleftcolumn {
	float: left;
	width: 189px; /*Width of left column in pixel*/
	margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
	margin-top: 10px;
	margin-bottom: 20px; /*Add spacing before footer*/
}
#blogrightcolumn {
	float: left;
	width: 189px; /*Width of right column*/
	margin-left: -189px; /*Set left margin to -(RightColumnWidth)*/
	margin-top: 9px;
	margin-bottom: 20px; /*Add spacing before footer*/
}

#footer {
	clear: left;
	border-top: #666666 solid 2px;
	color: #666666;
	text-align: left;
	font-size: .95em;
	line-height: 1.6em;
}
.innertube {
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.listheader {
	padding: 0;
	font-size: 1.4em;
	margin: 0;
	font-weight: bold;
}
/*** End- Main 3 column layout ***/


/*** Begin - Footer styles ***/
#footerleft {
	float: left;
	width: 710px;
}
#footerright {
	width: 240px;
	margin-left: 10px;
	float: left;
	text-align: center;
	padding-top: 15px;
}
#footercopyright {
	clear: left;
	text-align: center;
}
.footercontent {
	background: url(../images/backgrounds/footer_wide710.png) repeat-y;
	font-size: .9em;
	padding: 15px 19px;
	overflow: hidden;
}
.footercontentcol {
	width: 168px;
	float: left;
	text-align: left;
}
.footercontentbot {
	height: 10px;
	background:url(../images/backgrounds/footer_wide_bottom710.png) no-repeat;
	margin-bottom: 10px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style:	none;
}
.footercontent ul {
	margin: 0;
	padding: 0;
	list-style:	none;
	line-height: 1.5em;
}
.footercontent ul li {
	margin-top: 3px;
	padding: 0;
	vertical-align: middle;
}
/* social media icons in footer */
.footercontent a.facebook {
	background: url(../images/misc/icons/facebook_sm.png) no-repeat center left;
}
.footercontent a.linkedin {
	background: url(../images/misc/icons/linkedin_sm.png) no-repeat center left;
}
.footercontent a.twitter {
	background: url(../images/misc/icons/twitter_sm.png) no-repeat center left;
}
.footercontent a.youtube {
	background: url(../images/misc/icons/youtube_sm.png) no-repeat center left;
}
.footercontent a.facebook, .footercontent a.linkedin, .footercontent a.twitter, .footercontent a.youtube {
	padding: 2px 0 4px 22px;
}
.footercontent a:link, .footercontent a:visited {
	text-decoration: none;
}
.footercontent a:active, .footercontent a:hover {
	text-decoration: underline;
}
/* end social media icons in footer */
/*** End - Footer styles ***/

/*** Begin - Top section styles ***/
#topsection a#toplogo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin: 0px 0 0 10px;
	padding: 0;
	border: 0;
}
#topsection a#toplogo img {
	border: 0;
}
/* styles for uppper right nav */
#searchnav {
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
}
#searchnav ul {
	margin: 0;
	padding: 0;
	list-style:	none;
}
#searchnav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	color: #FFF;
}
#searchnav ul li a {
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
	color: #FFF;
	font-size: .95em;
}
#searchnav ul li a:hover, #searchnav ul li a:active {
	text-decoration: underline;
}
#searchnav ul li#searchbox {
	border: none;
}
#searchnav ul li#searchbox form {
	display: inline;
	padding: 0 9px 0 0;
}
#searchnav ul li#searchbox form input {
	padding: 2px 3px;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#searchnav ul li#searchbox form input.submit {
	padding: 2px 3px;
	color: #39275b;
	background-color: #f1d676;
	border: #888888 1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/* searchbox w/o li used for Columns */
#searchbox {
	border-top: 1px solid #cccccc;
	padding: 14px 0px 14px 28px
}
#searchbox form {
	display: inline;
	padding: 0 9px 0 0;
}
#searchbox form input {
	padding: 2px 3px;
	vertical-align: middle;
	border: 1px solid #888888;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#searchbox form input.submit {
	padding: 1px;
	margin-left: 3px;
	color: #ffffff;
	background-color: #888888;
	border: #39275b 1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#searchnav .searchnavhighlight {
	font-weight: bold;
}
/*** End - Top section styles ***/

/*** Begin - Main content area styles  ***/
#maincontent {
	padding: 0px 10px;
	line-height: 1.4em;
}
#maincontentfeature {
	padding: 0px 10px;
}
/* adds spacing to <li> items that are within maincontent area */
#maincontent ul li {
	padding-top: 4px;
}
#substoryarea {
	margin-top: 10px;
	width: 100%;
}
.substory {
	position: relative;
	width: 166px;
	float: left;
}
.substory div {
	padding-right: 15px;
	font-size: .95em;
}
.substoryhome {
	position: relative;
	width: 240px;
	float: left;
}
.substoryhome div {
	padding-right: 15px;
	font-size: .95em;
}
#substoryarea {
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
}
#columnssubstoryarea {
	margin: 15px 0;
	width: 100%;
	clear: both;
	overflow: hidden;
}
.columnssubstoryhome {
	position: relative;
	width: 343px;
	float: left;
}
.columnssubstoryindex {
	position: relative;
	width: 325px;
	float: left;
}
.columnssubstoryindexcentered {
	position: relative;
	width: 325px;
	margin: 0 auto;
}
.columnssubstoryhome div {
	padding-right: 15px;
	font-size: .85em;
}
.columnssubstoryindex div {
	padding-right: 15px;
	font-size: .85em;
}
.columnssubstoryindexcentered div {
	padding-right: 15px;
	font-size: .85em;
}
.columnsvote {
	margin: 20px 40px 20px 0px;
	border-top: 1px solid #CCCCCC;
}
.columnsvote p {
	font-size: .85em;
	margin: 15px 0 0 10px;
}
#columnsintro {
	margin-bottom: 4px;
	padding: 0px 40px 16px 26px;
	border-bottom: 1px solid #CCCCCC;
	font-size: .85em;
}
#columnsarchive {
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
}
.columnsarchiveissue {
	position: relative;
	width: 343px;
	float: left;
}
#highlightbox {
	background-color: #f2e8c2;
	width: 120px;
	border: #f1d676 1px solid;
	float: right;
	padding: 10px;
	margin: 5px 0px 10px 10px;
}
#shadedbox {
	background-color: #f2e8c2;
	border: #f1d676 1px solid;
	padding: 5px 10px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}
.headline {
	font-weight: bold;
}
.columnsheadline {
	font-weight:bold;
	font-size: 2em;
	padding: 0 0 3px 0;
	margin: 0 0 .5em 0;
}
.columnssubhead {
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
	margin: -1em 0 1em 0;
	color: #666;
}
.byline {
	text-transform: uppercase;
	color: #888;
	font-size: .85em;
	margin: -1em 0 1em 0;
}
/*** End - Main content area styles  ***/

/*** Begin - Page tools area for addthis, tell-a-friend and other page specific tools ***/
#pagetools {
	margin: 0px 0px 10px 575px;
	padding-top: 10px;
}
/*** End - Page tools area ***/

/*** Begin - Image and box align sytles. Use these classes to float images left and right in maincontent area ***/
.imageleft {
	float: left;
	margin: 2px 10px 10px 0px;
}
.imageright {
	float: right;
	margin: 2px 0px 10px 10px;
}
.imagefeature {
	margin-bottom: 10px;
}
.imageright div.credit, .imageleft div.credit, .imagefeature div.credit {
	margin: 3px 0 0 0;
	padding: 0;
	color: #999;
	text-align: right;
	text-indent: 0;
	font-size: .80em;
	line-height: 1em;
}
.imageright p, .imageleft p, .imagefeature p {
	margin: 5px 0 0 0;
	padding: 0;
	color: #666666;
	font-style:italic;
	text-align: left;
	text-indent: 0;
	font-size: .95em;
	line-height: 1.2em;
}
/* adjustments to match imagefeature text with size of photos */
.imagefeature div.credit, .imagefeature p {
	margin-right: -40px;
	padding-left: 26px;
}
/* similar to imageright/left use in maincontent area, with #shadedbox */
.boxleft {
	float: left;
	margin: 2px 10px 10px 0px;
	font-size: .95em;
}
.boxright {
	float: right;
	margin: 2px 0px 10px 10px;
	font-size: .95em;
}
/* contentpromo allow for photos aligned left with graphics */
.contentpromo40, .contentpromo80 {
	margin: 5px 0px;
}
.contentpromo40 img, .contentpromo80 img, .contentpromo100 img, .contentpromo180 img {
	float: left;
}
.contentpromo40 h2, .contentpromo40 p {
	margin-left: 50px;
}
.contentpromo80 h2, .contentpromo80 p {
	margin-left: 90px;
}
.contentpromo100, .contentpromo180 {
	clear: both;
	padding: 10px 0px;
}
.contentpromo100 h2, .contentpromo100 p {
	margin-left: 110px;
}
.contentpromo100 h2, .contentpromo180 h2 {
	margin-top: 0px;
}
.contentpromo180 h2, .contentpromo180 p, .contentpromo180 ul, .contentpromo180 div {
	margin-left: 190px;
}
/*** End - Image and box align sytles. ***/

/*** Begin - Image caption styles ***/
.imagecapleft {
	float: left;
	margin: 3px 8px 5px 0px;
	font:85%/1.4 arial, helvetica, sans-serif;
	color:#666666;
	font-style:italic;
	line-height: normal;
	text-align:left;
}
.imagecapleft img {
	padding-bottom: 5px;
}
.imagecapright {
	float: right;
	margin: 3px 0px 5px 8px;
	font:85%/1.4 arial, helvetica, sans-serif;
	color:#666666;
	font-style:italic;
	line-height: normal;
	text-align:left;
}
/*** End - Image caption styles ***/

/*** Begin - Styles for right column widget ***/
.widgettop {
	height: 29px;
	background: url(../images/backgrounds/widget_top.png) no-repeat;
}
.widgettop .headline {
	font-size: 1.05em;
	color: #39275b;
	text-transform: uppercase;
	padding-top: 7px;
	padding-left: 12px;
}
.widgetcontent {
	background: url(../images/backgrounds/widget_mid.png) repeat-y;
	padding: 8px 10px;
	font-size: .9em;
	overflow: hidden;
}
.widgetbot {
	height: 10px;
	background:url(../images/backgrounds/widget_bottom.png) no-repeat;
	margin-bottom: 10px;
}
.widgetimage {
	margin-bottom: 10px;
}
.widgetcontent ul {
	margin: 0;
	padding: 0;
	list-style:	none;
	line-height: 1.6em;
}
.widgetcontent ul li {
	margin-top: 3px;
	padding: 5px 0px 5px 10px;
	vertical-align: middle;
}
.widgetcontentsocial {
	width: 100px;
	float: left
}
.widgetcontent a.facebook {
	background: url(../images/misc/icons/facebook.png) no-repeat center left;
}
.widgetcontent a.linkedin {
	background: url(../images/misc/icons/linkedin.png) no-repeat center left;
}
.widgetcontent a.twitter {
	background: url(../images/misc/icons/twitter.png) no-repeat center left;
}
.widgetcontent a.youtube {
	background: url(../images/misc/icons/youtube.png) no-repeat center left;
}
.widgetcontent a.facebook, .widgetcontent a.linkedin, .widgetcontent a.twitter, .widgetcontent a.youtube {
	padding: 2px 0 6px 28px;
}
/*** Eng - Styles for right column widget ***/

/*** Begin - Styles for columns photo gallery - uses right column widget styles ***/
.gallerycontainerright {
	float: right;
	width: 240px;
	margin: 2px 0px 10px 10px;
	background: url(../images/backgrounds/widget_gallery.png) no-repeat;
	padding-top: 29px;
}
.extracontainerright {
	float: right;
	width: 240px;
	margin: 2px 0px 10px 10px;
	background: url(../images/backgrounds/widget_extra.png) no-repeat;
	padding-top: 29px;
}
.gallerycontainerleft {
	float: left;
	width: 240px;
	margin: 2px 10px 10px 0px;
}
.gallerywidgetcontent {
	background: url(../images/backgrounds/widget_mid.png) repeat-y;
	padding: 8px 10px;
	font-size: .9em;
	overflow: auto;
}
.gallerywidgetcontent img {
	padding: 5px;
	border: none;
}
/*** End - Styles for columns photo gallery - uses right column widget styles ***/

/*** Begin - Styles for columns related content - uses right column widget styles ***/
.relatedcontainerright {
	float: right;
	width: 200px;
	margin: 2px 0px 10px 10px;
	background: url(../images/backgrounds/related_top.png) no-repeat;
	padding-top: 10px;
}
.relatedcontainerleft {
	float: left;
	width: 200px;
	margin: 2px 10px 10px 0px;
}
.relatedwidgetcontent {
	background: url(../images/backgrounds/related_top.png) no-repeat;
	padding: 8px 10px;
	font-size: .9em;
	overflow: auto;
	background-position:bottom;
}
.gallerywidgetcontent p {
	font-size: .7em;
}
/*** End - Styles for columns related content - uses right column widget styles ***/

/*** Begin - Top Navigation Styles ***/
#topnav {
	position: absolute;
	top: 0;
	left: 266px;
	float: left;
	display: block;
	margin: 73px 0 0 0;
	list-style:none;
	line-height:0px;
	padding: 0;
}
#topnav ul {
	margin: 0;
	padding: 0;
}
#topnav li {
	margin-left:4px;
	float:left;
	display:inline;
}
#topnav li a {
	height: 27px;
	display: block;
	float: left;
	text-decoration: none;
	text-indent: -900em;
	outline: 0;
}
#topnav #topnav-meet a {
	width: 57px;
	background: url(/alumni/images/topnav/meet.png) no-repeat left top;
}
#topnav.meet #topnav-meet a {
	background: url(/alumni/images/topnav/meet.png) no-repeat left bottom;
}
#topnav #topnav-meet a:hover {
	background: url(/alumni/images/topnav/meet.png) no-repeat left bottom;
}
#topnav #topnav-learn a {
	width: 62px;
	background: url(/alumni/images/topnav/learn.png) no-repeat left top;
}
#topnav.learn #topnav-learn a {
	background: url(/alumni/images/topnav/learn.png) no-repeat left bottom;
}
#topnav #topnav-learn a:hover {
	background: url(/alumni/images/topnav/learn.png) no-repeat left bottom;
}
#topnav #topnav-cheer a {
	width: 57px;
	background: url(/alumni/images/topnav/cheer.png) no-repeat left top;
}
#topnav.cheer #topnav-cheer a {
	background: url(/alumni/images/topnav/cheer.png) no-repeat left bottom;
}
#topnav #topnav-cheer a:hover {
	background: url(/alumni/images/topnav/cheer.png) no-repeat left bottom;
}
#topnav #topnav-travel a {
	width: 57px;
	background: url(/alumni/images/topnav/travel.png) no-repeat left top;
}
#topnav.travel #topnav-travel a {
	background: url(/alumni/images/topnav/travel.png) no-repeat left bottom;
}
#topnav #topnav-travel a:hover {
	background: url(/alumni/images/topnav/travel.png) no-repeat left bottom;
}
#topnav #topnav-act a {
	width: 44px;
	background: url(/alumni/images/topnav/act.png) no-repeat left top;
}
#topnav.act #topnav-act a {
	background: url(/alumni/images/topnav/act.png) no-repeat left bottom;
}
#topnav #topnav-act a:hover {
	background: url(/alumni/images/topnav/act.png) no-repeat left bottom;
}
#topnav #topnav-membership a {
	width: 109px;
	background: url(/alumni/images/topnav/membership.png) no-repeat left top;
}
#topnav.membership #topnav-membership a {
	background: url(/alumni/images/topnav/membership.png) no-repeat left bottom;
}
#topnav #topnav-membership a:hover {
	background: url(/alumni/images/topnav/membership.png) no-repeat left bottom;
}
#topnav #topnav-events a {
	width: 67px;
	background: url(/alumni/images/topnav/events.png) no-repeat left top;
}
#topnav.events #topnav-events a {
	background: url(/alumni/images/topnav/events.png) no-repeat left bottom;
}
#topnav #topnav-events a:hover {
	background: url(/alumni/images/topnav/events.png) no-repeat left bottom;
}
#topnav #topnav-columns a {
	width: 73px;
	background: url(/alumni/images/topnav/columns.png) no-repeat left top;
}
#topnav.columns #topnav-columns a {
	background: url(/alumni/images/topnav/columns.png) no-repeat left bottom;
}
#topnav #topnav-columns a:hover {
	background: url(/alumni/images/topnav/columns.png) no-repeat left bottom;
}
#topnav #topnav-careers a {
	width: 70px;
	background: url(/alumni/images/topnav/careers_short.png) no-repeat left top;
}
#topnav.careers #topnav-careers a {
	background: url(/alumni/images/topnav/careers_short.png) no-repeat left bottom;
}
#topnav #topnav-careers a:hover {
	background: url(/alumni/images/topnav/careers_short.png) no-repeat left bottom;
}
#topnav #topnav-blog a {
	width: 53px;
	background: url(/alumni/images/topnav/blog.png) no-repeat left top;
}
#topnav.blog #topnav-blog a {
	background: url(/alumni/images/topnav/blog.png) no-repeat left bottom;
}
#topnav #topnav-blog a:hover {
	background: url(/alumni/images/topnav/blog.png) no-repeat left bottom;
}
/*** End - Top Navigation Styles ***/

/*** Begin - Columns Top Navigation Styles ***/
#columnstopnav {
	position: absolute;
	top: 0;
	left: 680px;
	float: left;
	display: block;
	margin: 81px 0 0 0;
	list-style:none;
	line-height:0px;
	padding: 0;
}
#columnstopnav ul {
	margin: 0;
	padding: 0;
}
#columnstopnav li {
	margin-left: 15px;
	float:left;
	display:inline;
}
#columnstopnav li a {
	height: 25px;
	display: block;
	float: left;
	text-decoration: none;
	text-indent: -900em;
	outline: 0;
}
#columnstopnav-home a {
	width: 125px;
	background: url(../images/topnav/columns_home.png) no-repeat left bottom;
}
#columnstopnav #columnstopnav-uwhome a {
	width: 111px;
	background: url(../images/topnav/columns_uw.png) no-repeat left top;
}
#topnav.uwhome #columnstopnav-uwhome a {
	background: url(../images/topnav/columns_uw.png) no-repeat left bottom;
}
#columnstopnav #columnstopnav-uwhome a:hover {
	background: url(../images/topnav/columns_uw.png) no-repeat left bottom;
}
#columnstopnav #columnstopnav-uwaahome a {
	width: 112px;
	background: url(../images/topnav/columns_uwaa.png) no-repeat left top;
}
#columnstopnav.uwaahome #columnstopnav-uwaahome a {
	background: url(../images/topnav/columns_uwaa.png) no-repeat left bottom;
}
#columnstopnav #columnstopnav-uwaahome a:hover {
	background: url(../images/topnav/columns_uwaa.png) no-repeat left bottom;
}
/*** End - Columns Top Navigation Styles ***/

/*** Begin - Styles for left nav column ***/
#nav {
	width: 180px;
	margin-left: 0px;
	line-height: 1.3em;
}
#columnsnav {
	width: 240px;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	background: url(../images/columns/left_nav_stripe.png) left repeat-y;
}
#columnscoverbox {
	margin: 0px 0px 10px 1px;
	height: 120px;
	font-size: 0.9em;
	line-height: normal	
}
#columnscoverbox img {
	float: left;
}
#columnscoverboxinfo {
	float: right;
	width: 114px;	
}
#columnscoverboxinfo img {
	float: right;
}
#columnscoverboxinfo div {
	padding: 12px 0 1px 0px
}
#columnscoverboxinfo div a, #columnscoverboxinfo div a:visited {
	color:#888888;
	font-weight:bold;
	text-decoration:none;
}
#columnscoverboxinfo div a:hover {
	color:#39275B;
}
#navsectiontitle a, #navsection a:visited {
	font-size: 1.3em;
	font-weight: bold;
	color: #39275b;
	padding: 5px 0px 5px 1px;
	display: block;
	text-decoration: none;
}
#columnsnavsectiontitle {
	margin: 0 0 3px 0;
	padding: 0;
}
#columnsnavsectiontitle a, #navsection a:visited {
	font-size: 1.2em;
	font-weight: bold;
	color: #39275b;
	padding: 0px 0px 0px 28px;
	text-decoration: none;
}
#navlinks div a, #navlinks div a:visited {
	display: block;
	border-top: 1px solid #CCCCCC;
	padding: 5px 0px 5px 5px;
	color: #888888;
	text-decoration: none;
	text-transform: uppercase;
}
#navlinks div div a, #navlinks div div a:visited {
	border-top: none;
	padding: 5px 0px 5px 15px;
	text-transform: none;
}
#navlinks div div div a, #navlinks div div div a:visited {
	padding: 5px 0px 5px 25px;
}
#navlinks div div div div a, #navlinks div div div div a:visited {
	padding: 5px 0px 5px 35px;
	font-size: .95em;
	line-height: 1.1em;
}
#navlinks div a:active, #navlinks div a:hover, #navlinks div div a:active, #navlinks div div a:hover, #navlinks div div div a:hover, #navlinks div div div a:active, #navsectiontitle a:active, #navsectiontitle a:hover {
	background-color: #39275b;
	color: #FFFFFF;
	text-decoration: none;
}
#navlinks div a.current, #navlinks div a.current:visited, #navlinks div div a.current, #navlinks div div a.current:visited {
	color: #39275b;
	font-weight: bold;
}
#navlinks div a.current:active, #navlinks div a.current:hover, #navlinks div div a.current:active, #navlinks div div a.current:hover {
	color: #ffffff;
}
#navlinks div.current, #navlinks div.current div, #navlinks div.currentfour div, #navlinks div.currentfour div.current div, #navlinks div.currentfive div, #navlinks div.currentfive div div.current, #navlinks div.currentsix div, #navlinks div.currentsix div div.current, #navlinks div.currentsix div div.currentfour {
	display:block;
}
#navlinks div div, #navlinks div.current div div, #navlinks div.currentfour div div, #navlinks div.currentfive div div, #navlinks div.currentsix div div, #navlinks div.currentfour div.current div div {
	display:none;
}
/*** End - Styles for left nav column ***/

/*** Begin - Styles for columns nav column ***/
#columnsnavlinks div a, #columnsnavlinks div a:visited {
	display: block;
	font-face: arial;
	font-size: 110%;
	font-weight: bold;
	padding: 3px 0px 3px 28px;
	color: #888888;
	text-decoration: none;
}
#columnsnavlinks div a:hover {
	color: #39275B;
}
#columnsnavlinks div.current, #columnsnavsectiontitle.current {
	background-image: url(../images/columns/patch_rightcolumn.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
}
#columnsnavlinks div.current a, #columnsnavlinks div.current a:visited {
	color: #39275B;
}
#columnsnavdate {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
/*** End - tyles for columns nav column ***/


/*** Begin - UWAA Form styles 
Based on http://www.alistapart.com/articles/prettyaccessibleforms
***/
form.uwaaform label {
	width: 150px;
}
/* Width of labels */
	
form.uwaaform label.more {
	width: 100%;
}
/* Width of labels */

form.uwaaform fieldset fieldset label {
	margin-left: 153px;
}
/* Width plus 3 (html space) */

/*\*//*/ form.uwaaform legend { display: inline-block; } /* IE Mac legend fix */

form.uwaaform {
	width: 460px;
	padding: 0px;
	margin: 0px auto;
	border: 1px solid #5f4d81;
	background: url(../images/form_fieldset.gif) left bottom repeat-x;
}
form.uwaaform legend {
	padding: 0 5px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	white-space: normal;
}
form.uwaaform label {
	display: inline-block;
	line-height: 1.4em;
	vertical-align: middle;
}
form.uwaaform input {
	display: inline-block;
	vertical-align: middle;
}
form.uwaaform input.more {
	display: inline-block;
	vertical-align: middle;
	margin-left: 153px;
}
form.uwaaform fieldset {
	border: none;
	border-top: 1px solid #5f4d81;
	margin: 0px;
	padding: 0px;
}
form.uwaaform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	background: none;
}
form.uwaaform fieldset ol {
	margin: 0;
	padding: 0;
}
/* gives each li element a bottom border */
form.uwaaform fieldset li {
	list-style: none;
	margin: 0;
	padding: 7px 10px 10px;
	background: url(../images/form_divider.gif) left bottom repeat-x;
}
/* use this class when no bottom border is wanted */
form.uwaaform fieldset li.nobackground {
	background: none;
}
form.uwaaform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	margin-left: -7px;
}
form.uwaaform fieldset fieldset label {
	display: block;
	width: auto;
}
form.uwaaform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
/* used to make additional text smaller */
form.uwaaform div {
	font-size: .95em;
}
#uwaaformsubmit {
	background-color: #5f4d81;
	text-align: center;
	padding: 10px;
}
#uwaaformheader {
	background-color: #5f4d81;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 1.1em;
}
#uwaaformheader a:link, #uwaaformheader a:visited {
	color: #ffffff;
}
#uwaaforminfo {
	padding: 0px 10px;
	margin: 0px;
}
/*** End - UWAA form styles ****/

/*** Begin - LiveValidation styles for forms ***/
.LV_valid {
	color:#333;
	font-style: italic;
	font-size: .8em;
	vertical-align: text-top;
}
.LV_invalid {
	color:#cc6565;
	font-style: italic;
	font-size: .8em;
	vertical-align: text-top;
}
.LV_validation_message {
	font-weight: normal;
	margin:0 0 0 5px;
	padding: 0px;
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active, .fieldWithErrors input.LV_valid_field, .fieldWithErrors textarea.LV_valid_field {
	border: 1px solid #64cc64;
}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .fieldWithErrors input.LV_invalid_field, .fieldWithErrors textarea.LV_invalid_field {
	border: 1px solid #cc6565;
}
/*** End - LiveValidation form styles ***/

/*** Begin - List style used on tours pages and elsewhere ***/
#listall, #benefitcategory {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#listall li {
	margin: 15px 0;
	border: 1px solid #CCCCCC;
	display: block;
	padding-top: 0px;
	min-height: 100px;
}
#benefitcategory li {
	margin: 0px 10px 10px 0;
	border: 1px solid #dddddd;
	display: block;
	padding-top: 0px;
}
#benefitlist {
	border: 1px solid #CCCCCC;
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
#benefitlist li {
	margin: 0;
	display: block;
	padding: 5px;
	font-size: .9em;
}
/* overrides default <li> item spacing within maincontent area */
ul#listall li, ul#benefitcategory li {
	padding-top: 0px;
}
#listall a {
	display: block;
	padding: 5px 7px;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	min-height: 100px;
}
#benefitcategory a {
	display: block;
	padding: 2px;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	min-height: 70px;
}
/* floats list image to left */
#listall img {
	float: left;
	padding-top: 5px;
}
#benefitcategory img {
	float: left;
}
/*used for image that's 100px wide and left aligned. make add'l styles for different sizes */
#listall div#listindent110 {
	margin-left: 110px;
}

/*used for Viewpoints issue list */
#listall div#listindent190 {
	margin-left: 190px;
	min-height: 220px;
}
#listall div#listindent190short {
	margin-left: 190px;
	min-height: 190px;
}

#benefitcategory div#listindent {
	margin-left: 76px;
}
#listall a:hover, #benefitcategory a:hover {
	background-color: #f4f4f4;
}
#listalltitle {
	color: #5e4096;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.25em;
	padding: 3px 0px;
}
#benefitcategorytitle, #benefitcategorytitle2 {
	color: #5e4096;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.25em;
}
#benefitcategorytitle {
	padding: 25px 0px 0px 0px;
}
#benefitcategorytitle2 {
	padding: 15px 0px 0px 0px;
}
#listalltitleprelim {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.25em;
	padding: 3px 0px;
}
#listall a:hover #listalltitle, #benefitcategory a:hover #benefitcategorytitle, #benefitcategory a:hover #benefitcategorytitle2 {
	text-decoration: underline;
	color: #cc9900;
}
#benefiticons {
	float: left;
	width: 36px;
	margin-right: 6px;
	text-align: center;
}
#benefiticons img {
	padding: 4px 0;
}
#benefitcategorybox {
	margin: 12px 0;
	clear: both;
}
#benefitcategorylist {
	margin-left: 42px;
}
.benefitquicksearch {
	padding: 20px 10px;
}
.quicksearchhow {
	margin-top: 10px;
	color: #666;
	font-style: italic;
}
/*** End - List style used on tours pages and elsewhere ***/

/*** Begin - Styles homepage and feature slideshow. Uses the jquery cycle plugin found here: http://www.malsup.com/jquery/cycle/pager3.html
Styles modfied to fit UWalum.com layout. Speed, controls managed by javascript jquery ***/
#slideshowmore {
	display: none;
}
/* Slideshow styles for homepage */
#slideshowcontainer {
	position: relative;
	width: 710px;
	height: 400px;
}
#slideshow {
	display: block;
	width: 710px;
	height: 400px;
}
#slideshowthumbscontainer {
	z-index: 10;
	width: 710px;
	height: 64px;
	display:block;
	position: absolute;
	top: 336px;
	margin: 0;
}
#slideshowthumbs {
	float: left;
	z-index: 100;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#slideshowthumbs li {
	padding: 0;
	width: 100px;
	float: left;
	margin: 0px 12px;
	list-style: none;
	display: inline;
}
#slideshowthumbs a {
	width: 100px;
	padding: 1px 1px 0 1px;
	display: block;
	border: 1px solid #CCC;
	border-bottom: none;
	background: #333;
	margin-top: 2px;
}
#slideshowthumbs a.activeSlide, #slideshowthumbs a:hover {
	margin-top: -4px;
	border-top: 4px #fff solid;
	padding-bottom: 1px;
	border-bottom: 2px solid #CCC;
}
#slideshowthumbs a.activeSlide {
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
}
#slideshowthumbs a:focus {
	outline: none;
}
#slideshowthumbs img {
	border: none;
	display: block
}
/* Slideshow styles for Columns - only difference is the width */
#columnsslideshowcontainer {
	position: relative;
	width: 686px;
	height: 400px;
	margin-bottom: 10px;
}
#columnsslideshow {
	display: block;
	width: 686px;
	height: 400px;
}
#columnsslideshowthumbscontainer {
	z-index: 10;
	width: 686px;
	height: 64px;
	display:block;
	position: absolute;
	top: 336px;
	margin: 0;
}
/* Slideshow styles for subpage features */
.featureslideshow {
	display: block;
	width: 500px;
	height: 260px;
}
/*** End - Styles homepage and feature slideshow. ***/

/*** Begin - Styles to hide content that will appear in print css ***/
#printheader, .showprint {
	display: none;
}
/*** End - Styles to hide content that will appear in print css ***/

/*** Begin - Quicksearch styles - QS based on http://rikrikrik.com/jquery/quicksearch/ ***/
.quicksearch .qs_label {
	color: #999;
	font-size: .95em;
	font-weight: bold;
	font-style: italic;
}
.quicksearch .loader {
	color: #999;
	font-size: .95em;
	font-style: italic;
}
/*** End - Quicksearch styles ***/

/*** Begin - Rounded table style for use with tabular data. Adpated from http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ ***/

#roundedtable
{
	font-size: 0.95em;
	margin: 10px;
	text-align: left;
	border-collapse: collapse;
}
#roundedtable thead th.left
{
	background: #f1d676 url('../images/misc/roundedtable_topleft.png') left -1px no-repeat;
}
#roundedtable thead th.right
{
	background: #f1d676 url('../images/misc/roundedtable_topright.png') right -1px no-repeat;
}
#roundedtable th
{
	padding: 8px;
	font-weight: bold;
	font-size: 1em;
	background: #f1d676;
}
#roundedtable td
{
	padding: 10px;
	background: #f2e8c2;
	border-top: 2px solid #fff;
}
#roundedtable tfoot td.rounded-foot-left
{
	background: #f2e8c2 url('../images/misc/roundedtable_botleft.png') left bottom no-repeat;
	height: 13px;
}
#roundedtable tfoot td.rounded-foot-right
{
	background: #f2e8c2 url('../images/misc/roundedtable_botright.png') right bottom no-repeat;
	height: 13px;
}
#roundedtable tbody tr:hover td
{
	background: #f2dd91;
}

/*** End - Rounded table style for use with tabular data. ***/

/*** Begin - Additional form style for iframe subscription box ***/
div#subscribeform {
	width: 460px;
	padding: 0px;
	margin: 20px auto;
	border: 1px solid #5f4d81;
}
#subscribeformheader {
	background-color: #5f4d81;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 1.1em;
}
#subscribeformframe {
	padding: 10px;
}
/*** End - Additional form style for iframe subscription box ***/

/*** Begin - styles for membership validation iframe. ***/
form#uwaaMembershipCheck {
	background-color: #F2E8C2;
}

#uwaaMembershipCheck div {
	margin-bottom: 4px;
	background-color: #F2E8C2;
}

#uwaaMembershipCheck div span {
	width: 130px;
	text-align: right;
	display: inline-block;
}

#uwaaMembershipCheck div input {
	margin: 2px 0;
}

#uwaaMembershipCheck div input#btSubmit1 {
}
/*** End - styles for membership validation iframe. ***/

/*** new ***/ 
.smallprint {
	font-family: arial, sans-serif;
	font-size: .8em;
}

/*** Begin - Table styles ***/
.tableheader {
	color: #ffffff;
	background-color: #5f4d81;
	font-weight: bold;
}
.row-text {
	font-size: 80%;
}
/*** End - Table styles ***/

#r_side {
	background: #ffffff url(http://www.washington.edu/alumni/tours/images/side_dotline.gif) repeat-y 0px 20px;
}
/* style for tours blog */
#content h2 {
	font-size: 1.3em;
	padding: 0 0 3px 0;
	margin: 1em 0 0 0;
	clear: both;
}
/* end style for tours blog */

/****** end main.css *****/