body {
margin: 0 0 0 0;
background: #ccc url(images/bg_frame_sub.gif) 
repeat-y 50% 0;
}

a:hover {
color: #F63;
}

.prespage {
display: block;
color: #333;
padding-top: 3px;
padding-left: 2px;
padding-bottom: 4px;
background-color: #C4DFFD;
text-decoration: none;
}

.prespageTitle {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 7px 0 0 18px;
color: #369;
text-decoration: none;
display: block;
}


a.title:link,  a.title:visited {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 7px 0 0 18px;
color: #369;
text-decoration: none;
display: block;
}

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

/* primary Nav */

#primaryNav {
width: 720px;
height: 19px;
margin: 1px 0 0 0;
text-align: center;
}

#primaryNav a:link, #primaryNav a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
}

#primaryNav a:hover {
background-color: #DDECFE; 
}
/* primary Nav End */



/* Left nav */

table#leftnav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
background-color: #EFF6FE;  
width: 151px;
display: block;
float: left;
}

table#leftnav a:link, table#leftnav a:visited {
	display: block;
	color: #204875;
	padding-top: 3px;
	padding-left: 2px;
	padding-bottom: 4px;
	text-decoration: none;
}

table#leftnav a:hover {
	color: #333;
	background-color: #C4DFFD; 
}

/* left nav end */

#bodycontent
{
width: 490px;
margin-top: -30px;
margin-left: 30px;
text-align: left;
display: block;
float: left;
}

#bodycontent h1, h2, h3 {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0px 0 1px 0;
color: #369;
}

#bodycontent h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 10px 0 1px 0;
color: #369;
}

#bodycontent h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0 0 0 0;
color: #369;
}

#bodycontent p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 0 10px 0;
color: #333;
line-height: 155%;
}

#bodycontent td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 0 10px 0;
color: #333;
line-height: 155%;
}

#bodycontent ul { 
margin: 0 0 10px 10px;
padding: 0;
}

#bodycontent ol { 
margin: 0 0 10px 10px;
padding: 0;
}

#bodycontent li {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 4px 0 4px 20px;
font-size: 11px;
color: #333;
line-height: 145%;
list-style-position: outside;
}

#bodycontent a.login { 
	display: block;
	width: 200px;
	height: 60px;
	background: url(images/member-login.gif) no-repeat;
	font-size: 0;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	float: right;
}
	#bodycontent a.login:hover { 
		background-position: 0 -60px;
	}


/* Styled form */
#bodycontent .aform { font-size: 12px; }
#bodycontent .aform div { clear: left; line-height: 1.4em; }
#bodycontent .aform label { display: block; width: 11em; float: left; }
#bodycontent .aform input { font-size: 10px; }
#bodycontent .aform textarea { font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; }
#bodycontent .aform fieldset { border: 0; border-top: 1px solid #999; }
#bodycontent .aform legend { font-weight: bold; }
/* END - Styled form */

/* Start - Initial Other */
#error_message { 
	color: #F00; background: #FFF; 
	padding: 0.5em; 
	border: 1px solid #C00; 
	width: 450px;
	position: absolute; top: 1em; left: 1em; 
}
#error_message h2, #error_message p { 
	color: #C00; margin: 0; 
}
#error_message input { 
	cursor: pointer; 
	border: 1px solid #A00; 
	background: #FEE; 
	color: #933; 
	font-weight: bold; 
}
/* End - Initial Other */


/* Admin - Login */
#loginprompt { 
  width: 14em; 
  position: absolute; 
  top: 1em; right: 1em;
  border: 1px solid #6C6; 
  color: #090; background-color: #FFF;
  font-size: 10px; 
  padding: 1em; 
}
#loginprompt p { margin: 0; }
/* End - Admin - Login */





/* Left nav */

input.formfield { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
}

/* homepage text */

.hometxt {
margin: 105px 0 0 30px;
z-index: 10;
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 145%;
color: #333333;
}

.hometable td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 0 10px 0;
color: #333;
line-height: 135%;
}

.hometableOne {
background: #ccc url(images/homebottombackground.jpg); 
}

.newsbox
{
	/* background: url(images/newsbg.jpg) no-repeat; */
	padding-top:57px;
	min-height:332px;

}
.news
{
	width:355px;
	max-height:260px;
	float: left;
}

.news p {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #333;
line-height: 135%;
padding-top: 0;
margin: 0 10px 0 25px;
}

.news h3 {
font: bold 12px Georgia, verdana, Arial, Helvetica, sans-serif;
color: #369;
margin: 0 0 0 25px;
}

.right
{
	float: right;
	padding-left: 8px;
}

.left
{
	float: left; 
	padding-right: 8px;
}


.eventList {
width: 180px;
float: left;
padding-left: 17px;
}

.eventList p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999;
margin-left: 15px;
margin-right: 15px;
}


.leftside {
padding-top: 45px;
width:340px;
} 

.leftside p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
line-height: 135%;
padding-top: 0;
margin-right: 10px;
margin-left: 25px;
margin-top: 0;
}

.leftside h3 {
font-family: Georgia, verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #369;
margin-left: 25px;
margin-bottom: 0;
margin-top: 0;
}

.leftsidebottom p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
line-height: 135%;
padding-top: 0;
margin: 0 0 0 0;
}

.leftsidebottom h3 {
font-family: Georgia, verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #369;
margin-bottom: 0;
margin-top: 8px;
}

.picpaddingleft {
margin-left: 25px;
margin-top: 8px;
margin-right: 11px;
}

.picpaddingright {
margin-top: 8px;
margin-right: 19px !important;
margin-right: 0;
}

.paddingleft {
margin-left: 25px;
margin-right: 11px;
}





div#products { 
	width: 525px;
	overflow: hidden;
}
div#products div.product { 
	height: 510px;
	width: 163px;
	margin-right: 10px;
	float: left;
	overflow: hidden;
}
	div#products img.product { 
		width: 155px;
		height: 209px;
		border: 4px solid #CCC;
	}
	div#products div.product div.content { 
		text-align: center;
	}
		div#products div.product div.content h2 { 
		}
		div#products div.product div.content span.price { 
			display: block;
			color: #090;
		}
		div#products div.product div.content div.description { 
			margin: 10px 0;
			height: 120px;
			border: 1px solid #CCC;
			padding: 4px;
			overflow: auto;
		}
		div#products div.product div.content div.description { 
			line-height: 14px;
			font-size: 10px;
		}
		div#products div.product div.content p.buy { 
			margin: 0;
			padding-top: 10px;
			margin: 0 auto;
			width: 110px;
		}
			div#products div.product div.content p.buy a { 
				display: block;
				width: 110px;
				height: 40px;
				background: url(images/buy_now.gif) no-repeat;
				font-size: 0;
				text-decoration: none;
				text-indent: -9999px;
				margin-left: -4px;
			}
				div#products div.product div.content p.buy a:hover { 
					background-position: 0 -40px;
				}
			div#products div.product div.content p.preview { 
				margin-top: 0;
			}
		div#products div.product div.content img.embroidery { 
			width: 250px;
			height: 40px;
			border: 4px solid #EEE;
			display: none;
		}
		div#products div.product div.content img.screening { 
			width: 235px;
			height: 80px;
			border: 4px solid #EEE;
			display: none;
		}

div#uofacampus ul.menu { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 490px;
	height: 40px;
	margin-bottom: 20px;
}
	div#uofacampus ul.menu li { 
		display: inline;
		float: left;
		margin: 0;
	}
		div#uofacampus ul.menu li a { 
			display: block;
			width: 100px;
			height: 40px;
			float: left;
			font-size: 0;
			text-decoration: none;
			text-indent: -9999px;
			outline: none;
			background: url(images/u-of-a-menu.gif) no-repeat;
		}
			div#uofacampus ul.menu li.i1 a { 
				width: 75px;
			} 
			div#uofacampus ul.menu li.i2 a { 
				width: 90px;
				background-position: -75px 0;
			}
			div#uofacampus ul.menu li.i3 a { 
				width: 125px;
				background-position: -165px 0;
			}
			div#uofacampus ul.menu li.i4 a { 
				width: 125px;
				background-position: -290px 0;
			}
			div#uofacampus ul.menu li.i5 a { 
				width: 75px; 
				background-position: -415px 0;
			}
			div#uofacampus ul.menu li.current1 a { background-position: 0 -40px; }
			div#uofacampus ul.menu li.current2 a { background-position: -75px -40px; }
			div#uofacampus ul.menu li.current3 a { background-position: -165px -40px; }
			div#uofacampus ul.menu li.current4 a { background-position: -290px -40px; }
			div#uofacampus ul.menu li.current5 a { background-position: -415px -40px; }

			div#uofacampus ul.menu li.i1 a:hover { background-position: 0 -40px; }
			div#uofacampus ul.menu li.i2 a:hover { background-position: -75px -40px; }
			div#uofacampus ul.menu li.i3 a:hover { background-position: -165px -40px; }
			div#uofacampus ul.menu li.i4 a:hover { background-position: -290px -40px; }
			div#uofacampus ul.menu li.i5 a:hover { background-position: -415px -40px; }
div#uofacampus div.intro { 
	text-align: center;
}
	div#uofacampus div.intro img.image { 
		position: relative; 
		top: 20px;
	}
	
div#campusclubs h3 span.club { 
	color: #999;
	border-left: 1px solid #CCC;
	padding-left: 4px;
}

div#onlineshopping { 
	text-align: center;
	margin-top: 10px;
}


.noscroll { overflow: hidden; }

.popup { 
}
.popup_ie { 
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 50;
}
.popup .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #222;
    overflow: hidden;
    opacity: 0.65;
    z-index: 50;
}
.popup-close-button { 
    background: url(/images/popup-close-button.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 150;
    text-decoration: none;
    outline: none;
}
    .popup-close-button:hover { 
        background-position: 0 -40px;
        cursor: pointer;
    }
    .popup-close-button span.text { 
        display: none;
    }
    
.popup-logo { 
    width: 700px;
    height: 242px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -121px;
    margin-left: -350px;
    z-index: 100;
    background: url(/images/logo_700.png) no-repeat;
}


.cancel, .complete
{
	border: 1px dotted #F30; 
	padding: 8px; 
	width: 100%;
	color: #f30;
	font: bold 12px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	margin-bottom: 12px;
	
}

.complete
{
	border: 1px dotted #0b0; 
	color: #0B0;
	text-transform:none;
}


.paypal
{
	color: #42669c;
	font-weight:bold;
	text-decoration:underline;
}

.paypal-table
{
	font: italic bold 18px Verdana, Geneva, sans-serif;
}

.paypal-table tbody tr td
{
		vertical-align: middle;
		height: 25px;
		border-bottom:1px solid #000;
		padding:8px;
		cellpadding: 0;
}

.viewcart
{
	padding: 40px 110px 0 0;
	text-align:right;
}

.paypal-table .button
{padding-top: 20px;}