/* development helpers
-----------------------------*/
.ol-aqua   { outline: 1px dotted aqua; }
.ol-red    { outline: 1px dotted red; }
.ol-green  { outline: 1px dotted green; }
.ol-yellow { outline: 1px dotted yellow; }

/* reset
-----------------------------*/
* { line-height:inherit; margin:0; outline:medium none; padding:0; }

/* elements
-----------------------------*/
body { background-color: #555C6B; }
a, img { border: 0 none; outline: none; }
#body-middle h1 { color: #ce0718; font-family: Arial, Hevletica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase; }
#body-middle h2 { color: #ce0718; font-family: Arial, Hevletica, sans-serif; font-size: 15px; font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase;}
#body-middle h3.lower { color: #ce0718; font-family: Arial, Hevletica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 4px 0; text-transform:none; }
#body-middle h3 { color: #ce0718; font-family: Arial, Hevletica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase; }
#body-bottom h1 { color: #ce0718; font-family: Arial, Hevletica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase; }
#body-bottom h2 { color: #ce0718; font-family: Arial, Hevletica, sans-serif; font-size: 15px; font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase;}
#body-bottom h3 { color: #ce0718; font-family: Arial, Hevletica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase; }
h2 { font-size: 15px; }
p { margin-bottom: 1em; }

/* general classes
-----------------------------*/
p.headline-text { color: #535353; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.1em; margin: 0 0 .25em; }

/* layout framework
-----------------------------*/
#header-wrapper { background: url('images/header-bg.png') center top no-repeat; height: 185px; }
#body-wrapper { background: url('images/body-bg.png') center repeat-y; min-height: 600px; }
#footer-wrapper { background: url('images/body-bg.png') center repeat-y; min-height: 20px; }
#header, #body, #footer { margin: 0 auto; width: 1030px; color: #626262; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em;  }

/* header
-----------------------------*/
#header { position: relative; }
#header #banner { position: absolute; top: 34px; }
#header #navigation-wrapper { width: 1016px; padding: 0 7px; position: absolute; top: 149px;}
#navigation { background: url('images/navigation-bg.png') repeat-x; height: 35px; }

/* body-top
-----------------------------*/
#body-top { height: 324px; padding: 12px 18px 12px; }
#body-top .flash-wrapper { float: left; height: 350px; width: 575px; }
#body-top .content { float: right; height: 218px; padding: 0 20px 0; position: relative; width: 378px; }

/* big button links - the buttons are in the background image - position these links and hide the text */
#body-top .content a.register-now, 
#body-top .content a.book-housing { display: block; height: 67px; position: absolute; text-indent: -9000px; top: 7px; width: 162px; }
#body-top .content a.register-now { left: 26px; }
#body-top .content a.book-housing { left: 230px; }
#body-top .content img.profile-pic { float: left; padding: 5px 12px 12px 0; /* ie6 */ _padding: 0 6px 6px 0; }
#body-top .content h4 { color: #666666; margin-bottom: 6px; }

/* body-middle
-----------------------------*/
#body-middle { height: 292px; padding: 0 15px 0 18px; }
#body-middle .tabbed-control { background: url('images/tabbed-control-bg.png') top center no-repeat; float: left; height: 265px; width: 712px; }
#body-middle .right-tile { 
	/* background: url('images/right-tile-bg.png') top center no-repeat;  */
	float: right; height: 265px; text-align: center; width: 275px; }
#body-middle .right-tile h3 { color: #f62d17; line-height: 26px; margin-bottom: 6px; }
#body-middle .tabbed-control .tab-target-wrapper .tab-target .left-content { width: 470px; height: 210px; float:left; padding: 10px 5px 5px 5px;}
#body-middle .tabbed-control .tab-target-wrapper .tab-target .left-content h3 { color: #666666; text-transform: none; margin-top: 8px; margin-bottom: 8px;}

#body-middle .tabbed-control .tab-target-wrapper .tab-target .left-content img { margin-right: 8px;  }
#body-middle .tabbed-control .tab-target-wrapper .tab-target .right-content { width: 185px; height: 200px; float:right; padding: 15px 15px 0px 15px;  background-color:#dfe4e8; background-repeat: no-repeat;}
#body-middle .tabbed-control .tab-target-wrapper .tab-target .right-content h2 { color: #ce0718; font-family: Arial, Hevletica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase;  }

/* body-bottom
-----------------------------*/
#body-bottom { height: 262px; padding: 0 15px 0 18px; position: relative; }
#body-bottom h3 { color: #f62d17; line-height: 34px; text-align: center; }
#body-bottom h3.flickr  { background: url('images/icon-flickr.png')  left no-repeat; margin-left: 5px; padding-left: 40px; text-align: left; }
#body-bottom h3.youtube { background: url('images/icon-youtube.png') left no-repeat; margin-left: 5px; padding-left: 42px; text-align: left; }
#body-bottom h3.twitter { background: url('images/icon-twitter.png') left no-repeat; margin-left: 5px; padding-left: 38px; text-align: left; }
#body-bottom .tile { background: url('images/bottom-tile-bg.png') left top no-repeat; height: 245px; position: absolute; width: 227px; }
#body-bottom .tile1 { left: 18px; }
#body-bottom .tile1 .tile-content { text-align: center; padding-top: 11px; }
#body-bottom .tile2 { left: 275px; }
#body-bottom .tile2 .tile-content { text-align: center; padding-top: 35px; }
#body-bottom .tile3 { right: 272px; }
#body-bottom .tile3 .tile-content { padding: 6px 24px; text-align: left; }
#body-bottom .tile4 { right: 15px; }
#body-bottom .tile4 .tile-content { padding: 0px 12px; }
/*.tile-content {outline: 1px solid green; }*/
/* footer
-----------------------------*/
#footer-wrapper { height: 270px; }
#footer .bottom-logos { height: 68px; margin: auto; width: 942px; }

/* tabs
-----------------------------*/
ul.rtsUL { height: 26px; list-style: none; padding: 7px 20px 0 7px; }
ul.rtsUL li.rtsLI { float: left; height: 26px; line-height: 26px; padding-right: 2px; }
ul.rtsUL li.rtsLI a,
	ul.rtsUL li.rtsLI a:hover,
	ul.rtsUL li.rtsLI a:visited,
	ul.rtsUL li.rtsLI a:active 	{ font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: normal; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase;}
ul.rtsUL li.rtsLI a span { display: block; }
ul.rtsUL li.rtsLI a span.rtsOut { background: url('images/tab-bg.png') left no-repeat; padding-left: 1em; }
ul.rtsUL li.rtsLI a span.rtsIn { background: url('images/tab-bg.png') right no-repeat; padding-right: 1em; }
ul.rtsUL li.rtsLI a span.rtsTxt { color: #9b9999; }
ul.rtsUL li.rtsLI a.selected span.rtsOut { background: url('images/tab-selected-bg.png') left no-repeat; }
ul.rtsUL li.rtsLI a.selected span.rtsIn { background: url('images/tab-selected-bg.png') right no-repeat; }
ul.rtsUL li.rtsLI a.selected span.rtsTxt { color: #ee8e00; }

/* tabs target
-----------------------------*/
div.tab-target-wrapper { height: 218px; overflow: hidden; padding: 7px; }
div.tab-target { /* this is where the content resulting from tab clicks goes */ }