/* CSS Document */
body { background: #ffffff url('/depts/ugadm/etc/images/bg.png') repeat-x; font-family:Arial, Helvetica, sans-serif;}

/************* LAYOUT CSS *************/

div#container { margin:0px auto; position: relative; text-align:left; text-align:left; width:800px;}

/************* Homepage Styles 9-21-2009 - JL *************/

/* General and Top Nav */
html body .utilityNav { background: none; }
html body .spuLogo    { padding: 22px 0 21px 10px; }
/*html body div#globalNav { padding: 7px 0 8px; }*/
.etcLogo              { margin-top: 25px; }
img                   { border:0;}
html body #content    { float:left; margin-bottom:60px; }
html body #header     { background-color:#fff;}
html body #header_nav_online { background:#666666 url(/Images/global_header_images/666666_arrow.gif) no-repeat scroll 95% 50%;}
html body #header_nav_online ul li a, html body #header_nav_online ul li a:hover { color:#000;}
html body #container #header #header_nav_online:hover, html body #container #header #header_nav_online.over { color:#000;}
#stories h3, #webExclusives h3 { margin-bottom:0; padding-bottom:0; text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Helvetica, Arial, sans-serif;}
h4                    { margin: 5px 0 0 0; padding: 0; color: #1587a0; font-weight: normal; }
h4 a                  { font-size: 18px; }
h4 a:hover            { color: #666666; }
#header ul li         { font-size:11px;}
/* updated box shadow so the redesigned global header would fit better with the top banner - 12-03-2010 - Jacob Lane */
#mainNav              { float: left; width: 800px; }
#mainNav div          { height: 121px;}
#mainNav ul           { width: 800px;}
#mainNav ul           { float:left; margin:3px 0 0 0; padding:0;}
#mainNav ul li        { float:left; margin:0; padding:0; list-style-type:none; text-align: left; background: center left url('/depts/ugadm/etc/images/mainNav-border.png') no-repeat; }
#mainNav ul li:first-child { border-left:none;}
#mainNav ul li a      { display:block; padding: 10px 0 10px 20px; width:112px; text-decoration:none; color:#fff; font-size:14px; font-weight: 500; font-family: "museo-slab-1","museo-slab-2", Georgia, Times, serif; line-height:17px; text-shadow: 1px 1px 0 #555; }
#mainNav ul li a:hover{ background-image:url(/depts/ugadm/etc/images/etc-menu-bg-hover.png); color: #eeeeee; }
/*#mainNav ul li a.curnt{ background-image:url(/depts/ugadm/etc/images/etc-menu-bg-hover.png); }*/

/* Stories and Web Exclusives */
#issue                { float:left; margin: 0 0 30px 0; width: 800px; }
.currentCover         { float: left; padding: 0 30px 0 0; width: 264px; }
.issueDescription     { float: left; margin: 10px 0 0 0; width: 506px; }
.subscribe            { float: left; margin: 30px 0 0 0; padding-right: 15px; width: 225px; }
.links                { float: left; margin: 30px 0 0 0; padding-left: 25px; width: 215px; border-left: 1px solid #dddddd; }
.links ul             { list-style-type: none; margin: 5px 0; padding-left: 0; }
.links ul li          { list-style-type: none; padding-bottom: 10px; }
.social               { padding-top: 20px; }
.social a             { padding-right: 4px; }
#webExclusives        { clear: both; width:800px; }
.webExclusivesCol     { float: left; padding:10px 30px 10px 0px; width:240px; }
.webExclusivesColLast { padding:10px 0; }
#issue h2, #webExclusives h2, h2.ebook-title { margin-top: 0; padding: 0 10px 10px 10px; color:#503F51; font-size:18px; font-weight: 700; font-family: "museo-slab-1","museo-slab-2", Georgia, Times, serif; line-height:normal; }
h2.ebook-title { margi: 0; padding: 0; }
#issue h3             { font-size: 13px; font-weight: bold; text-transform: uppercase; padding-bottom: 5px;
}
.currentIssueH2 { float: left; margin: 3px 8px 0 0; background: bottom left url('/depts/ugadm/etc/images/heading-icons.png') no-repeat; height: 14px; width: 14px; }
.webExclusivesH2 { float: left; margin: 3px 8px 0 0; background: bottom left url('/depts/ugadm/etc/images/heading-icons.png') no-repeat; height: 14px; width: 14px; background-position: -18px 0; }
#webExclusives h3     { margin-top:0; }
#webExclusives h4 a { font-size: 13px; font-weight: bold; }

/* In-story Callouts */
.callout-box 			{ border-bottom: 1px solid #DDD; border-left: 8px solid #4B3B4C; border-right: 1px solid #DDD; border-top: 1px solid #DDD; float: left; margin: 15px 0 35px 25px; padding: 2px 20px 6px 20px; width: 350px; float: right; background: #ffffea; }
.callout-box h2 		{font-family: "museo-slab-1","museo-slab-2",'Times New Roman',Times,serif; font-size: 16px; }
.callout-box p 			{ margin-top: 0; padding-top: 0; font-family: "museo-slab-1","museo-slab-2",'Times New Roman',Times,serif; font-size: 12px; font-weight: normal; }


/* etc and Global Footer */
#etc-footer           { float:left; width:800px; margin-bottom:5px; /*background:#333 url('/depts/ugadm/etc/images/footer-bg.png');*/ }
#etc-footer div       { float:left; width:170px; margin-top:0px; padding:10px 0 20px 35px; min-height:216px; color:#ccc;}
#etc-footer div:first-child { padding-left: 0; }
#etc-footer div h3    { color:#999999; padding-bottom:10px; text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Helvetica, Arial, sans-serif;}
#etc-footer div.subscribe h4 a { color:#fff; font-size:13px; line-height:normal;}
#etc-footer div p     { color:#ccc; font-size:12px;}
#etc-footer div strong{ color:#fff; font-size:12px;}
#etc-footer div a     { color:#42A4C2; font-weight:normal;}
#etc-footer div a:hover{ color:#4dafcd; font-weight:normal;}
#etc-footer div ul    { margin:0; padding:0;}
#etc-footer div li    { list-style-type:none; margin:0; padding:5px 0; border-bottom:solid 1px #444; font-size:8pt;}
#etc-footer div li.last{ display:block; padding:5px 0; border-bottom:none; color:#ccc;}
#etc-footer div.subscribe{ width:375px;}
#etc-footer div img   { float:left; margin-right:15px;}
#etc-footer div.subscribe img { float:left; margin-right:30px;}
body div#footer       { float:left; border:none; margin:0 0 5px 0;}
div#footer-home        { margin:20px auto 0 auto; position: relative; text-align:left; text-align:left; width:800px;}

/* Gallery */
.gallery ul           { float: left; margin: 10px 0 0 0; padding: 0; }
.gallery li           { float:left; list-style: none; margin: 15px 22px 0 0;}
.gallery li a img     { float:left; list-style: none; background: #f7f7f7; border: 1px solid #e7e7e7; padding: 5px; }
.gallery li a:hover img{ background: #f3f3f3; border: 1px solid #ddd; }
.clearboth            { clear: both; }

#fancybox-loading     { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none;}
* html #fancybox-loading { 
/* IE6 */
	position: absolute; margin-top: 0;}
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox/fancybox.png');}
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none;}
* html #fancybox-overlay { 
/* IE6 */
	position: absolute; width: 100%;}
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none;}
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF;}
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden;}
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none;}
#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0;}
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0;}
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic;}
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block;}
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102;}
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333;}
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold;}
.fancybox-title-over { color: #FFF; text-align: left;}
#fancybox-title-over { padding: 10px; background-image: url('fancybox/fancy_title_over.png'); display: block;}
#fancybox-title-wrap { display: inline-block;}
#fancybox-title-wrap span { height: 32px; float: left;}
#fancybox-title-left { padding-left: 15px; background-image: url('fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat;}
#fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF;}
#fancybox-title-right { padding-left: 15px; background-image: url('fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat;}
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('fancybox/blank.gif'); z-index: 1102; display: none;}
#fancybox-left { left: 0px;}
#fancybox-right { right: 0px;}
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;}
#fancybox-left-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -30px;}
#fancybox-right-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover { visibility: visible;/* IE6
*/}
#fancybox-left:hover span { left: 20px;}
#fancybox-right:hover span { left: auto; right: 20px;}
.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001;}
#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png');}
#fancy-bg-ne { top: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -162px;}
#fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); background-position: -20px 0px;}
#fancy-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -182px;}
#fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); background-position: 0px -20px;}
#fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -142px;}
#fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png');}
#fancy-bg-nw { top: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -122px;}
/* IE */
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');}
.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie .fancy-bg { background: transparent !important;}
.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');}


/************* TEXT STYLES *************/
p { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#333333; text-align:left; margin:0px; padding:5px 0;}
a { text-decoration:none; color:#42A4C2; font-weight:bold; font-style:inherit;}
a:hover { text-decoration:none;}
a em { text-decoration:underline; color:#42A4C2; font-weight:bold; font-style:italic;}
h1 { font-size:24px; line-height:24px; font-weight:bold; color:#333333; margin-bottom:5px; margin-top:10px;}
h2 { font-size:18px; line-height:18px; font-weight:bold; color:#333333; margin-bottom:5px; margin-top:10px;}
h1+h2 { color: #666666; }
h3 { font-family:arial, helvetica, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:18px; margin-top:10px; margin-bottom:0;}
h3 a { font-size:14px; font-weight:normal; color:#42A4C2;}
h3 a:hover { color:#333333; font-weight:normal;}
ul { list-style:none; margin:7px 22px; list-style-position:inside;}
ul li { font-size:12px; line-height:17px; list-style-position:inside; list-style-type:disc;}
ul li strong { font-size:12px; line-height:17px; list-style-position:inside; list-style-type:disc; font-weight:bold;}
ol { list-style:none; margin:7px 22px; list-style-position:inside;}
ol li { font-size:12px; line-height:17px; list-style-position:inside; list-style-type:decimal;}
ol li ul { font-size:12px; line-height:17px; list-style-position:inside; list-style-type:none;}
ol li ul li { font-size:12px; line-height:17px; list-style-position:inside; list-style-type:disc;}
ol li ul li ul li { font-size:12px; line-height:17px; list-style-position:inside; list-style-type:circle;}
.smallText { font-size:12px; margin-bottom:10px;}
.smallText a { font-size:12px;}
.tagline { border-bottom:  3px dotted #dddddd; padding-bottom:  10px; }

/************* BLOCKQUOTES *************/

blockquote { color:#FFF; background-color:#666; border-color:#656565 #656565 #555555; border-style:solid; border-width:1px; margin:20px 0; padding:10px 20px;}
blockquote p { color:#FFF;}
blockquote a { color:#87D1DD;}
blockquote a:hover { color:#fff;}
blockquote strong { color:#fff;}

/************* RANDOM DIVS *************/

div#blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:normal; line-height:22px; font-weight:normal; text-transform:none; text-align:right; float:left; width:300px; background-color:#FFFFFF; padding:20px; margin-top:20px; margin-bottom:20px; margin-left:20px;}

/************ ARCHIVE STYLE **************/

div#magazine { background-color:#eeeeee; border-color:#dddddd; border-style:solid; border-width:1px; float:right; margin:5px 0 0 20px; padding:20px; text-align:left; width:180px;}
div#magazine h3 { font-size:12px; font-weight:bold; text-transform:uppercase; color:#666666; margin-bottom:10px;}
div#magazineWrapper { background-color:#f7f7f7; border-color:#dddddd; border-style:solid; border-width:1px; margin-bottom:30px; padding:20px; text-align:left; width:760px;}
div#magazineWrapper h2 { margin-top:5px; margin-bottom:12px; font-size:22px; color:#333333; text-transform:none; font-weight:bold;}
a.headline { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#42A4C2; text-decoration:none; line-height:18px;}
a.headline:hover { color:#333333; text-decoration:underline;}
.section { font-size:10px; font-weight:bold; text-transform:uppercase; color:#999999; margin:5px 0;}

/************* Special styles *************/
/** best dorm rooms styles**/

.special-photo { background-color:#F9F9F9; border-color:#EFEFEF #EFEFEF #E9E9E9; border-style:solid; border-width:1px; margin:0 0px 10px 0; padding:10px; width:325px; height:265px; float:left;}
.special-background { background-color:#F9F9F9; border-color:#EFEFEF #EFEFEF #E9E9E9; border-style:solid; border-width:1px; margin:0 20px 10px 0; padding:10px; width:325px; height:450px; float:left;}
.highlight { background-color:#F9F9F9; border-color:#EFEFEF #EFEFEF #E9E9E9; border-style:solid; border-width:1px; margin:0 0 10px 0; padding:10px; width:270px; }

/************* Front styles *************/

div#frontText { margin:0; padding:5px 0; height:60px;}
div#featuredStory { font-size:13px; line-height:15px; text-align:left; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; float:left; width:180px; margin-top:0px; margin-right:20px; margin-bottom:20px; margin-left:0px;}
div#textintro { font-size:14px; font-style:normal; line-height:18px; font-weight:bold; text-align:left; margin:0px; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px;}
div#etcAbout { font-size:10px; text-align:left; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; float:left; width:180px; margin-top:0px; margin-right:20px; margin-bottom:20px; margin-left:0px; clear:left;}
div#etcAbout a { font-size:10px;}
div#etcAd { padding:0px; margin-left:20px; margin-bottom:20px;}

/************* My World styles *************/

div#myworldcontainer { margin-left:0px; margin-right:0px; margin-bottom:20px; margin-top:0px; padding:0px; width:770px; height:230px; background:none;}
div#myworldgridleft { font-size:11px; margin-left:0px; margin-right:25px; margin-bottom:0px; margin-top:0px; padding:10px 15px; width:210px; height:210px; float:left; background-color:#E5E5E5;}
div#myworldgridright { font-size:11px; margin:0px; padding:10px 15px; width:210px; height:210px; float:left; background-color:#E5E5E5;}

/************* Blockquote styles *************/

a.blockquotelink { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:normal; line-height:22px; font-weight:normal; text-transform:none; color:#666666; text-align:left; text-transform:none; text-decoration:underline;}
a.blockquotelink:hover { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:normal; line-height:22px; font-weight:normal; text-transform:none; color:#666666; text-align:left; text-transform:none; text-decoration:none;}
div#content { background-color:#FFFFFF; text-align:left; width:800px; margin:0px; float:none; padding:40px 0; min-height:400px;}
div#frontText { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; line-height:14px; font-weight:normal; text-transform:none; color:#333333; text-align:left; margin:0px; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; height:60px;}
div#featuredStory { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; line-height:15px; font-weight:normal; text-transform:none; color:#333333; background-color:#FFFFFF; text-align:left; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; float:left; width:180px; margin-top:0px; margin-right:20px; margin-bottom:0px; margin-left:0px;}
div#textintro { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; line-height:18px; font-weight:bold; text-transform:none; color:#333333; background-color:#FFFFFF; text-align:left; margin:0px; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px;}
td.graybarText { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:10px; color:#FFFFFF; background-color:#999999;}
td.graybarText a { font-size:11px; color:#FFFFFF; font-weight:bold;}
td.graybarText a em { font-size:11px; font-style:italic; color:#FFFFFF; font-weight:bold;}

/************* headlines styles *************/

a.headlineFeature { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; line-height:18px; font-weight:bold; text-transform:none; color:#666666; text-decoration:none; margin-bottom:5px;}
a.headlineFeature:hover { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; line-height:18px; font-weight:bold; text-transform:none; color:#333333; text-decoration:underline;}
a.subheadline { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; line-height:12px; font-weight:bold; text-transform:none; color:#333333; text-decoration:none;}
a.subheadline:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; line-height:12px; font-weight:bold; text-transform:none; color:#666666; text-decoration:underline;}

/************* Classes replacing DIVs  *************/

.credits { font-size:10px; line-height:13px; font-weight:bold; text-transform:uppercase; color:#888888; margin:10px 0;}

/************* DIVs we should get rid of eventually  *************/

/* 01-25-10 Reoved the clear: both; attribute from th div#text, so the stories would wrap around the photocell div properly. - JL */
div#text { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#333333; background-color:#FFFFFF; text-align:left; margin:0px; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px;}
div#smallText { font-size:10px; margin-bottom:10px;}
div#smallText a { font-size:10px;}
div#title { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; line-height:18px; font-weight:bold; color:#333333; text-align:left; margin-bottom:5px; margin-top:10px;}
div#title em { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:italic; line-height:18px; font-weight:bold; color:#333333;}
div#subtitle { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; font-weight:normal; text-transform:uppercase; color:#333333; margin-bottom:2px; margin-top:10px;}
div#credits { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; line-height:13px; font-weight:bold; text-transform:uppercase; color:#666666; padding-top:5px; text-align:left; margin-bottom:5px;}
.exclusive { font-size:13px; font-style:normal; line-height:15px; font-weight:bold; text-transform:none; color:#0093B1;}
.issueinfo { font-size:11px; font-style:normal; line-height:11px; font-weight:normal; color:#666666;}

/* photo styles */
/* 01-25-10 Changed the left margin to 18px instead of 20px since the photocell div was wrapping funny in IE 7 and 8+compatiblilty mode. JL */
div#photocell { font-size:10px; line-height:11px; font-weight:normal; color:#999999; background-color:#FFFFFF; text-align:left; width: 400px; margin:10px 0 10px 18px; float:right; padding:0;}
div#photocell a { font-size:10px;}
div#photocell a:hover { font-size:10px;}
div#frontPhoto { width:60px; height:60px; margin:0 10px 0 0; float:left; padding:0;}
div#frontFeature { margin:0 10px 0 0; float:left; padding:0;}
.photo { padding-bottom:2px;}
a.captionlink { font-size:10px; font-style:italic; line-height:11px; font-weight:normal; color:#666666; text-decoration:none;}
a.captionlink:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; line-height:11px; font-weight:normal; color:#333333; text-decoration:underline;}
a.creditslink { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:13px; font-weight:bold; text-transform:uppercase; color:#999999; text-decoration:none;}
a.creditslink:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:13px; font-weight:bold; text-transform:uppercase; color:#666666; text-decoration:underline;}

/************* footer styles *************/

div#footer { border-top:3px solid #666666; color:#666666; margin-top:7px; padding-top:4px; font-size:10px; width:100%; }
div#footer a { color:#666666; text-decoration:underline; font-size:10px;}
div#footer a:hover { color:#666666; text-decoration:none; font-size:10px;}
.footer_left { float:left; clear:left; font-size:10px; font-family:Arial, Helvetica, Verdana, sans-serif;}
.footer_right { float:right;}
.footer_right a { padding-left:15px;}
.footer_bottom { color:#666666; font-size:10px;}

/************* Navigation styles *************/

.nav { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; line-height:10px; font-weight:normal; text-transform:none; color:#333333; text-decoration:none;}
.nav:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; line-height:10px; font-weight:normal; text-transform:none; color:#666666; text-decoration:none;}
a.menulink { line-height:12px; font-weight:normal; background-color:#666666; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-transform:capitalize; text-decoration:none;}
a.menulink:hover { line-height:12px; font-weight:normal; background-color:#666666; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-transform:capitalize; text-decoration:underline;}


/**********************************
Comment Form
***********************************/
.addthis_default_style{padding: 20px 0; clear: left; }
#commentform{margin:25px 0;}
#commentform h3{padding: 20px 0 10px;}
.comment-date{font-size:10px;color:#666;}
.comment{margin-bottom:10px;padding:20px 0;border-bottom:1px solid #ccc;}
fieldset{border:none;margin:0;padding:0;}
form ul{list-style-type:none;margin:0;padding:8px 0;}
form ul li{list-style-type:none;padding:10px 0;margin:0;line-height:25px;}
form label{display:block;width:120px;font-weight:bold;padding-right:8px;}
form .text_field{width:100%;}
input[type="text"],textarea{padding:4px 0;background-color:#fff;border:1px solid #ccc;font-size:1.2em;color:#666;}

/* Main Feature Slider 
div.wrap              { width:800px; margin:0 auto; text-align:left;}
div#top div#nav       { float:left; clear:both; width:800px; height:52px; margin:22px 0 0; background:url(../images/nav-bg.png) 0 0 no-repeat;}
div#top div#nav ul    { float:left; width:500px; height:52px; list-style-type:none;}
div#nav ul li         { float:left; height:52px;}
div#nav ul li a       { border:0; height:52px; display:block; line-height:52px; text-indent:-9999px;}
div#header            { margin:-1px 0 40px 0; height:330px;}
div#video-header      { height:0px; margin:-1px 0 0;}
div#header div.wrap   { height:299px; background:url(../images/) 50% 0 no-repeat;}
div#header div#slide-holder { z-index:1; width:800px; height:330px; position:absolute;}
div#header div#slide-holder div#slide-runner { top:9px; left:0; width:800px; height:330px; overflow:hidden; position:absolute;}
div#header div#slide-holder img { margin:0; display:none; position:absolute;}
div#header div#slide-holder div#slide-controls { right:0; bottom:60px; width:250px; height:100px; display:none; position:absolute; background:url(../images/slide-bg.png) 0 0; padding-left: 10px;}
div#header div#slide-holder div#slide-controls p.text { float:left; color:#fff; display:inline; font-size: 24px; font-weight: 500; font-family: "museo-slab-1","museo-slab-2", Georgia, Times, serif; line-height: 24px; text-transform: none; text-shadow: 1px 1px 1px #222; width: 220px; }
div#header div#slide-holder div#slide-controls #slide-client span { color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; width: 220px; padding-bottom: 0; }
div#header div#slide-holder div#slide-controls #slide-client  { width: 160px; padding-bottom: 0;}
p#slide-nav            { clear: both; position:absolute; right:0; bottom: 0; height: 15px; display: inline; margin: 11px 0 0 0; }
p#slide-nav a          { float:left; width: 9px; height: 9px; display: inline; margin:0; font-weight:bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat; }
p#slide-nav a.on       { background-position: 0 -9px; }
p#slide-nav a          { background-image: url('/depts/ugadm/etc/images/silde-nav.png'); padding-right: 10px; }
div#nav ul li a        { background: url('/depts/ugadm/etc/images/nav.png') no-repeat; }*/	

/* Nuts and Bolts Links section 
#webExclusives div.nutsAndBultsImgLinks { float: left; }
#webExclusives div.nutsAndBultsImgLinks img { padding: 0; }
#webExclusives div.nutsAndBultsImgLinks img:hover   { -moz-transition: box-shadow .1s ease-in-out; -moz-box-shadow: 1px 1px 5px #333333; -webkit-transition: box-shadow .1s ease-in-out; -webkit-box-shadow: 1px 1px 5px #333333; transition: box-shadow .1s ease-in-out; box-shadow: 1px 1px 5px #333333; }
#webExclusives div.nutsAndBultsImgLinks a.boltLeft { padding-right: 10px; }

.currentStoriesH2 { float: left; margin: 3px 8px 0 0; background: bottom left url('/depts/ugadm/etc/images/heading-icons.png') no-repeat; height: 14px; width: 14px; }
.webExclusivesH2 { float: left; margin: 3px 8px 0 0; background: bottom left url('/depts/ugadm/etc/images/heading-icons.png') no-repeat; height: 14px; width: 14px; background-position: -18px 0; }
.moreStoriesH2 { float: left; margin: 4px 5px 0 0; background: bottom left url('/depts/ugadm/etc/images/heading-icons.png') no-repeat; height: 14px; width: 14px; background-position: -54px 0; }
.spuNutsBoltsH2 { float: left; margin: 3px 8px 0 0; background: bottom left url('/depts/ugadm/etc/images/heading-icons.png') no-repeat; height: 14px; width: 14px; background-position: -36px 0; }*/

/* Stories Sub-divs 
#storiesLeft          { float: left; margin-right:15px; width: 250px;}
#storiesRight         { float: right; width: 250px;}
#storiesLeft div, #storiesRight div { min-height: 35px; padding-bottom:15px;}
#storiesLeft h4 a, #storiesRight h4 a { font-size: 16px; line-height: 18px; }
#storiesLeft p, #storiesRight p, #webExclusives p { margin-top:10px; padding-top:0; font-size:13px; color:#4c4d4f;}*/

/* Style the tweets 
.twitters { background:url('/depts/ugadm/etc/images/twitterbird.png') no-repeat; height:120px; width:340px; position: absolute; right: -30px; top: 170px; }
.twitters p { color:#fff; font:italic 12px Georgia, Times, serif; text-shadow:1px 1px 0 #222; padding:22px 45px; width:230px; }
.twitters a { color:#42A4C2; font:italic 12px Georgia, Times, serif; text-shadow:1px 1px 0 #222;}
.twitters ul { list-style:none; padding:15px; width:230px; }
.twitters li { list-style:none; line-height: 14px;}
.twitters li span { color:#fff; font:italic 12px Georgia, Times, serif; text-shadow:1px 1px 0 #222; }
.twitters span.prefix { font-weight:bold; }
.twitters span.time { font-style:italic; color:#999999; font:italic 11px Georgia, Times, serif;}
.twitters span.status { }*/