/*************************************************************************
 AUTHOR :	Jeff Reinhardt
**************************************************************************/

/*************************************************************************
// IMPORT Normalization and Global Styles
**************************************************************************/
@import "global.css";
/*************************************************************************
// HTML Customizations
**************************************************************************/
html {
	background:transparent;
	margin:0;
	padding:0;
}

body {
	font-family:arial,helvetica,clean,sans-serif, verdana;
	margin:0;
	padding:0;
	text-align:center;
	background:url(../ximages/bg_body.gif) repeat-y center #AFA275;
}

p {
	margin:13px 0 30px 0;
	line-height:1.75em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {
	color:#6F6F6F;
	font-size:160%;
	margin:10px 0 0 0;
	padding:0;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #9A163B;
}

h2 {
	color:#6F6F6F;
	font-size:130%;
	margin:7px 0 0 0;
	padding:0;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #9A163B;
	letter-spacing:.15em;
}

h3 {
	color:#6F6F6F;
	font-size:95%;
	margin:0;
	padding:0;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}


th, tr {
	vertical-align: top;
}
img{
	border-width:0;
}
hr{
	width:100%;
	height:1px;
}
a{
	color:#770B28;
}
a:hover{
	color:#6F6F6F;
}


/*************************************************************************
  Grid Definitions
**************************************************************************/
#centering, #wrapper, #header{
	position:relative;
	width:960px;
	height:auto;
	margin:0 auto;
}
#wrapper {	
	float:left;
	text-align:left;
}
#header {
	height:200px;
}
#mainContent{
	position:relative;
	float:left;
	width:960px;
	height:auto;
	padding:0;
	margin:0 0 0 0;
	background:url(../images/bg_body.gif) repeat-y center #AFA275;
}

#footer {
	position:relative;
	width:960px;
	height:70px;
	clear:both;
	margin:0 auto;
	text-align:center;
	padding:20px 0 20px 0;
	background-color:#fff;
}


/*************************************************************************
// inner structures: header
**************************************************************************/
#headerPhoto {
	position:absolute;
	left:0;
	z-index:10;
}
#headerPhoto{
	background:url(../images/headers/FPO.jpg) no-repeat;
	width:960px;
	height:200px;
	overflow:hidden;
}
#headerPhotoShadow{
	position:absolute;
	left:0;
	bottom:0;
	z-index:20;
	width:960px;
	height:23px;
}
#logoPrint {
	display:none;
}
#logo {
	position:absolute;
	left:83px;
	top:0;
	z-index:600;
}
#logoShadow{
	position:absolute;
	left:70px;
	top:0;
	z-index:500;
}
#mainNavBg{
	position:absolute;
	left:0;
	top:38px;
	z-index:100;
	background-color:#770B28;
	height:39px;
	width:960px;
	filter:alpha(opacity=78);
	-moz-opacity:.78;
	opacity:.78;
}
#header ul{
	position:absolute;
	top:43px;
	right:20px;
	height:39px;
	width:600px;
	z-index:200;
	font-family:"Arial Narrow", Arial, sans-serif;
}

#header li{
	width:auto;
	height:39px;
	list-style:none;
	display:block;
	float:left;
	margin:0 0 0 18px;
	font-size:18px;
	font-weight:bold;
}
#header li.RESIDENCES{
	margin:0;
}
#header a {
	color:#CEC6AA;
	text-decoration:none;
}
#header a:hover {
	color:#AFA275;
}
#header #tourCampus{
	position:absolute;
	right:27px;
	height:53px;
	width:305px;
	bottom:-1px;
	z-index:30;
	overflow:hidden;
}

/*************************************************************************
// inner structures: mainconternt
**************************************************************************/

#print{
	position:absolute;
	right:155px;
	top:28px;
	font-size:9px;
}
#print a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
#fontSize{
	position:absolute;
	right:27px;
	top:20px;
	font-size:9px;
}
#fontSize a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	margin:0 2px;
}
#fontSize a.small{
	font-size:11px;
}
#fontSize a.medium{
	font-size:16px;
}
#fontSize a.large{
	font-size:21px;
}


/* ROW LAYOUTS- THESE SHOULD CONTAIN THE NUMBER OF COLUMNS IN THE ROW. THEY ARE DESIGNED TO CONTROL THE FLOAT SO THAT CONTENT DOES NOT START FOR THE NEXT BLOCK CONTAINER UNTIL ALL FLOATED COLUMNS HAVE TERMINATED */

/* 1 COLUMN ROW- SINGLE WIDE AREA  */
.rowCol1{
	position:relative;
	width:960px;
	height:auto;
	float:left;
}
/* 2 COLUMN ROW- TYPICAL USE  */
.rowCol2{
	position:relative;
	width:960px;
	height:auto;
	float:left;
}

/* 3 COLUMN LAYOUT (TYPICAL). ADD THIS CLASS TO THE MAINCONTENT DIV */
.rowCol3{
	position:relative;
	width:960px;
	height:auto;
	float:left;
}

/* COLUMNS- ALL COLUMNS SHOULD BE WRAPPED BY A ROW CONTAINER THAT CONTAINS THE COLUMN COUNT IN THE NAME */
	/* COLUMNS IN 1 COLUMN ROW */
.rowCol1 .c1{
	position:relative;
	width:960px;
	height:auto;
	float:left;
}

/* ELEMENTS IN COLUMN 1 */
#subNav{
	position:relative;
	width:205px;
	margin:50px 0 20px 0;
	background:url(../images/bg_subnav.jpg);
}
#subNav h1{
	font-family:"Arial Narrow", Arial, sans-serif;
	padding-bottom:10px;
	font-size:17px;
	padding:12px 0 0 16px;
	color:#9A163B;
	font-weight:normal;
	border-width:0;
}
#subNav h1 a{
	color:#9A163B;
	text-decoration:none;
}

#subNav ul{
	padding:0 0 10px 16px;
	display:none;
}
#subNav ul ul{
	padding:0 0 0 8px;
	display:block;
}
#subNav li{
	margin:5px 0 5px 0;
	list-style:none;
}
#subNav li a{
	color:#000;
	text-decoration:none;
	font-size:12px;
}
#subNav li a:hover{
	color:#999 !important;
	text-decoration:underline !important;
}
#subNav ul ul a{
	color:#000 !important;
	text-decoration:none !important;
	font-weight:normal !important;
}
#phone{
	padding:0 0 0 0;
}
.promos{
	padding:0 0 20px 16px;
}

/* COLUMNS IN 2 COLUMN ROW */
	/* COLUMN 1- SAME SIZE IN 2 AND 3 COLUMN ROWS */
.c1{
	float:left;
	width:205px;
	height:auto;
	padding:0;
	margin:0;
}
.rowCol2 .c2{
	float:left;
	width:706px;
	height:auto;
	margin:20px 27px 20px 22px;
}
.rowCol2 .c2 UL, .rowCol2 .c2 OL{
	margin:13px 0 30px 0;
	font-size:95%;
	line-height:1.75em;
	list-style:none;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.rowCol2 .c2 UL LI{
	margin:0 0 0 20px;
	background:url(../images/bullet_red.gif) 0 8px no-repeat;
	padding-left:13px;
	list-style:none;
}
.rowCol2 .c2 OL{
	margin-left:20px;
}
.rowCol2 .c2 OL LI{
	margin:0 0 0 20px;
	padding-left:13px;
	list-style:decimal;
}


/* NESTED 2 COLUMNS IN C2 */
.c2 .rowCol2, .c2 .rowCol1{
	width:706px;
	clear:both;
}
.c2 .rowCol2{
	width:706px;
	height:auto;
	clear:both;
	float:left;
}
.c2 .rowCol2 .c1{
	width:380px;
}
.c2 .rowCol2 .c2{
	width:270px;
}
.c2 .rowCol2 .c2 #gallery{
	width:270px;
	height:auto;
	display:block;
	float:right;
	margin:0 0 0 15px;
}
.c2 .rowCol2 .c2 #gallery img{
	border:3px solid #AFA276;

}
.c2 .rowCol2 .c2 #gallery .hide{
	display:none;
}
p.instruction{
	font-size:15px !important;
	font-weight:normal;
	text-align:center;
	font-style:italic;
	line-height:1.2em;
}


/*  TEST FOR GFALLERY THAT NEEDS TO BE WRAPPED BY TEXT  */
.wrap{
	display:inline;
	float:right;
	width:270px;
	height:200px;
	padding:0 20px 30px 15px;
}
.wrap #gallery{
	width:270px;
	height:190px;
	xdisplay:block;
	xdisplay:inline;
	xfloat:right;
	xmargin:0 20px 30px 15px;
}
.wrap #gallery img{
	border:3px solid #AFA276;
}
.wrap #gallery .hide{
	display:none;
}
.wrap p.instruction{
	font-size:15px !important;
	font-weight:normal;
	text-align:center;
	font-style:italic;
	line-height:1.2em;
	width:270px;
	height:50px;
}

.galleryImageWrap{
	padding:15px 14px 30px 15px;
	float:right;
}
.hide a{
	display:none;
}

.videoSingle{
	background-color:#FFFFFF;
	width:512px;
	height:288px;
	padding-left: 96px;
}
.videoPlaylist{

}




/*  ROW OF THUMBNAILS AT PAGE BOTTOM  */
.rowCol1{
	clear:both;
}
.rowCol1 h2{
	margin:0 0 0 0;
}
#plansTours{
	float:left;
	width:AUTO;
	height:210px;
}
#plansTours .item{
	float:left;
	width:140px;
	height:200px;
	text-align:center;
	margin:0;
}
#plansTours .item img{
	display:block;
	padding:4px 0;
	float:none;
}
#plansTours .item a{
	color:#9A163B;
	font-family:"Arial Narrow", Arial, sans-serif;
	font-weight:bold;
	font-size:15px;
	padding:0;
	margin:0;
	text-decoration:none;
}
#plansTours .item a.first{
	display:block;
	width:120px;
	border-bottom:1px solid #AFA276;
	padding:4px 0 5px 0;
	margin:0 10px;
}


/* COLUMNS IN 3 COLUMN ROW */
.rowCol3 .c2{
	
}
.rowCol3 .c3{
	float:right;
	width:auto;
	height:auto;
	padding:10px;
}



/* NEWS AND EVENTS */
h3.eventTitle{
	color:#9A163B;
	font-size:18px;
	margin:0;
	padding-top:10px;
	border-bottom:1px solid #AFA275;
	font-style:italic;
}
.rowCol2 p.eventDate{
	margin:3px 0 0 0;
	padding:0;
	color:#000000;
	font-size:1.3em;
	line-height:1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}
.rowCol2 p.eventLocation{
	margin:4px 0 16px 0;
	padding:0;
	color:#000000;
	font-size:1.2em;
	line-height:1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.rowCol2 p.eventRSVP{
	font-family:Arial, Helvetica, sans-serif;
	color:#5F5536;
	font-weight:bold;
	line-height:1.5em;
}




.viewAll{
	position:relative;
	float:right;
	margin:0 7px 5px 0;
}

/*************************************************************************
// inner structures: footer
**************************************************************************/
#footer ul{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	padding-top:0;
}
#footer li{
	list-style:none;
	display:inline;
	height:10px;
	width:auto;
	padding:0 5px 0 10px;
	margin:2px 0;
	border-left:#AFA275 solid 1px;
}
#footer li.first{
	border-left:#FFF solid 0px;
}
#footer a {
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	color:#9A163B;
	text-decoration:underline;
}
#info {
	position:relative;
	height:auto;
	width:100%;
	margin:0 auto;
	padding:3px 0 0 0;
	color:#AFA275;
}
#footer #info a {
	color:#AFA275;
	text-decoration:underline;
}
#footer #info a:hover {
	color:#3C8DBD;
}

/*************************************************************************
// Misc
**************************************************************************/
.photoRight {
	float: right;
	margin:0 25px 30px 15px;
	border:3px solid #AFA276;
}
.photoLeft {
	float: left;
	margin:0 12px 12px 0;
	border:3px solid #AFA276;
}

.clear{
	clear:both;
}