/* Stylesheet for College Marketing Solutions ©2008 */

/* Design by Nick Ditmore. CSS & Coding by Aesthetic Parcel */


/* basics and site-wide styles */

html,body {
padding: 0px; 
margin: 0px; 
background-color: #FFF; 
font-family: Georgia; 
font-color: #336699; 
font-size: 12px; 
}
	
form {
padding: 0px; 
margin: 0px;
}

td {
font-family: arial, sans-serif; 
font-size: 12px;
font-color: #333;
}

p {
margin: 0px;
}
 
strong {
color: #666666;
}

select {
font-family: arial, sans-serif; 
font-size: 11px;
}

img {
border: none;
}

A:link {
text-decoration: none; 
color: #333;
}

A:visited {
text-decoration: none; 
color: #333;
}

A:hover {
text-decoration: none; 
color: #0066FF;
}
	
/* page centering and content containers*/

.cen {
width: 100%; 
height: 100%; 
overflow: auto; 
position: relative; 
padding-top: 10px; 
margin: 0px;
}

.tdcenter {
text-align: center; 
}

.container {
padding-top: 10px;
background-image: url(../images/backgrounds/main-background.jpg);
background-color: #FFF;
border: solid 1px #FFF;
text-align: left;  
width: 900px; 
height: 650px;
position: relative; 
}

.content-container {
padding-top: 10px;
background-image: url(../images/backgrounds/content-background.jpg);
background-color: #FFF;
border: solid 1px #FFF;
text-align: left;  
width: 900px; 
height: 650px;
position: relative; 
}

.portfolio-container {
padding-top: 10px;
background-image: url(../images/backgrounds/portfolio-background.jpg);
background-color: #FFF;
border: solid 1px #FFF;
text-align: left;  
width: 900px; 
height: 650px;
position: relative; 
}

/* header navigation*/

#header-nav {
width: 610px;  
height: 146px;
margin-left: 253px;
margin-bottom: 10px;
background-image: url(../images/asset/nav-area.png)
}

.nav-area {
width: 453px;
height: 38px;
}

.nav-float {
padding-top: 58px;
margin-left: 14px;
}

div.menu-float {
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  }

/* map navigation */

#map-nav {
position: absolute;
bottom: 20px;
left: 15px;
}

div.spacer {
  clear: both;
  }

div.map-float {
  float: left;
  margin-right: 13px;
  margin-bottom: 6px;
  vertical-align: top;
  }
  
/* pop up positions */

.blank {
position: absolute;
bottom: 50px;
left: 0px;
}

.athletic {
display: none;
position: absolute;
top: 190px;
left: 53px;
}

.athleticOVER {
position: absolute;
top: 190px;
left: 53px;
}

.dorms {
display: none;
position: absolute;
top: 316px;
left: 53px;
}

.frats {
display: none;
position: absolute;
top: 61px;
left: 139px;
}

.campuscenter {
display: none;
position: absolute;
top: 304px;
left: 296px;
}

.bookstore {
display: none;
position: absolute;
top: 300px;
left: 393px;
}

.classrooms {
display: none;
position: absolute;
top: 19px;
left: 366px;
}

.library {
display: none;
position: absolute;
top: 132px;
left: 522px;
}

.researchcenter {
display: none;
position: absolute;
top: 14px;
left: 503px;
}

.offcampus {
display: none;
position: absolute;
top: 354px;
left: 584px;
}

/* main contents */

#content-main {
width: 380px;
height: 395px;
margin-left: 300px;
}

.text-area {
width: 371px;
height: 330px;
margin-top: 7px;
margin-left: 19px;
}

.header-float {
padding-top: 0px;
margin-left: 0px;
margin-right:0px;
}

.column-text  {

color: #336699;
text-align:left;
padding-top: 20px;
padding-left: 30px;
padding-right: 20px;
font-family: Georgia; 
font-color: #336699; 
font-size: 22px;
line-height:30px;
}

.contact-text  {

color: #336699;
text-align: left;
padding-top: 20px;
padding-left: 30px;
padding-right: 20px;
font-family: Georgia; 
font-color: #336699; 
font-size: 18px;
line-height:inherit;
}



/* portfolio items */

#content-portfolio {
width: 876px;
height: 371px;
position: absolute;
top: 181px;
left: 11px;
background-image: url(../images/backgrounds/highlight-background.jpg);
/*border: solid 1px #19364A;*/
}

#portfolio-highlights {
width: 425px;
height: 25px;
position: absolute;
top: 45px;
left: 221px;
/*border: solid 1px #19364A;*/
}

div.highlights-float {
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  }

.backbutton {
position: absolute;
top: 160px;
left: 19px;
/*border: solid 1px #19364A;*/
}

.forwardbutton {
position: absolute;
top: 160px;
left: 806px;
/*border: solid 1px #19364A;*/
}

.portfolio-pages {
position: absolute;
top: 95px;
left: 733px;
width: 66px;
height: 55px;
font-family: Georgia; 
color: #FFF; 
font-size: 16px;
/*border: solid 1px #19364A;*/
}


.portfolio-pages a {
color: #FFF;
}

.portfolio-pages a:hover {
color:#FF6600;
}


.portfolio-image {
position: absolute;
top: 88px;
left: 75px;
/*border: solid 1px #19364A;*/
}

.portfolio-text {
position: absolute;
top: 88px;
left: 289px;
width: 419px;
height: 270px;
padding-top: 6px;
padding-left: 13px;
font-family: Georgia; 
color: #FFF; 
font-size: 16px;
/*border: solid 1px #19364A;*/
}

.portfolio-header { 
font-family: Georgia; 
color: #FDBA17; 
font-size: 25px;
margin-bottom: 10px; 
}
.text-area {
width: 371px;
height: 330px;
margin-top: 7px;
margin-left: 19px;
}

.header-float {
padding-top: 0px;
margin-left: 0px;
margin-right:0px;
}

/* copyright footer */

.footer  {
font-size: 10px;
color: #CCC;
text-align: center;
padding-top: 10px;
}

.footer A:link {
text-decoration: none; 
color: #CCC;
}

.footer A:hover {
text-decoration: none; 
color: #0066FF;
}