/* A3 IT Solutions */
/* Initial Build: INITIAL HERE DATE HERE */
/* Revisions:
   INITIAL HERE DATE HERE
*/

/*************************/
/* General Layout Styles */
/*************************/
/* HTML and body tag styles */
html, body{
  width:100%;
  margin:0 0 0 0;
  text-align:center;
  background:#007e8e
}

/* Zeroing out margins on form tags */
form{
  margin:0 0 0 0;
}

/* Outer Container */
#OuterContainer{
  width:100%;
  background:url(images/background.jpg) repeat-y top center;
}

/* Inner Container */
#InnerContainer{
  width:944px;
  margin:0 auto 0 auto;
  padding:0 39px 0 0;
  text-align:left;
  background:#ffffff url(images/leftnav.gif) repeat-y 39px 0px;
}

/* Header Div */
#Header{
  width:905px;
  height:138px;
  padding:0 0 0 39px;
  background:#c41230;
}

/* Logo Div */
#Logo{
  width:296px;
  height:138px;
  background:#f9f5e6 url(images/header/logo.gif) no-repeat top center;
  float:left;
}

/* Transparent Gif in Logo Div */
#Logo img{
  width:296px;
  height:138px;
  border:0px; 
}

/* Top Site Navigation Div */
#TopNav{
  width:579px;
  padding:111px 0 0 30px;
  float:left;
}

/* Top Site Navigation Link Holder */
#TopNav div{
  height:27px;
  float:left;
  border-left:1px solid #ffffff;
}

/* Font Changer Holde */
#FontChanger{
  padding:0 0 0 15px; 
}

/* Left Site Navigation Div */
#LeftNav{
  width:296px;
  padding:0 0 200px 39px;
  float:left;
}

/* Style & Hide the Sub Navigation on All Pages */
#SubNav{
  width:579px;
  height:22px;
  float:left;
  margin:26px 0 10px 0;
  padding:0 0 0 30px;
  display:none;
}

/* 1 Pixel Separator */
#SubNav .separator{
  width:1px;
  height:22px;
  border-left:1px solid #5f5956; 
}

/* Styling All Divs */
#SubNav div{
  vertical-align:bottom;
  float:left;
}

/* Hiding the About Sub Nav */
#SubNav #AboutSectionSubNav{
  display:none; 
}

/* Show the Sub Navigation on Specific Sections */
body.AboutSection #SubNav, 
body.AboutSection #SubNav #AboutSectionSubNav{
  display:block; 
}

/* Content Div */
#Content{
  width:579px;
  float:left;
  padding:24px 0 0 30px;
}

/* Footer For Container Div */
#ContainerFooter{
  position:relative;
  top:0px;
  left:0px;
  clear:both;
  height:33px;
  background:#ffffff;
}

/* "Living Well..." Seal */
#Seal{
  position:absolute;
  top:-200px;
  left:39px;
  width:296px;
  height:200px;
  background:url(images/leftnav/seal.gif) no-repeat 0px 0px;
}

/* Footer Div */
#SiteFooter{
  width:100%;
  height:90px;
  margin:0 auto 0 auto;
  clear:both;
  background:url(images/footer/background.jpg) no-repeat bottom center;
}

/************************/
/* Home Specific Styles */
/************************/
#HomeContent{
  width:579px;
  background:url(/images/home/background.gif) repeat-y 0px 0px;
}

#HomeContentLeft{
  width:297px;
  float:left; 
  padding:15px;
}

#HomeContentRight{
  width:215px;
  float:right; 
  padding:15px;
}

#HomeContent p{
  margin:5px 0 5px 0;
}

/***************************************/
/* Campus Tour & Maps Specific Styles */
/***************************************/
.tooltip{
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}

#WestchesterMapImage{
  position:relative;
  top:0px;
  left:0px;
  width:579px;
  height:413px;
  background:url(/images/information/tourmaps/westchester.jpg) no-repeat;
  background-position:0px 0px; /* explicitly declaring to JS can change it */
}

#FutureDevelopmentTooltip{
   top:125px;
   left:225px;
}

#WestchesterTownhomesTooltip{
  top:175px;
  left:125px;
}

#WestchesterManorTooltip{
  top:200px;
  left:100px;
}

#WestchesterVillageTooltip{
  top:250px;
  left:300px;
}

#ProvidencePlaceTooltip{
  top:270px;
  left:325px;
}

#CentennialMapImage{
  position:relative;
  top:0px;
  left:0px;
  width:579px;
  height:465px;
  background:url(/images/information/tourmaps/centennial.jpg) no-repeat;
  background-position:0px 0px; /* explicitly declaring to JS can change it */
}

#WesleyanHomesTooltip{
  top:75px;
  left:190px;
}

#WesleyanArmsGardenTooltip{
  top:0px;
  left:200px;
}

#WesleyanArmsTooltip{
  top:65px;
  left:225px;
}

/*****************************/
/* Calendar of Events Styles */
/*****************************/
#PreviousMonth{
  width:25%;
  float:left;
  text-align:left;
  line-height:40px;
}

#NextMonth{
  width:25%; 
  float:left; 
  text-align:right; 
  line-height:40px;
}

#Month{
  width:49%; 
  float:left; 
  text-align:center; 
  line-height:40px;
}

#BackToListing{
  width:100%;
  line-height:40px;
  text-align:left;
}

/********************/
/* QuickMenu Styles */
/********************/
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 li, #qm0 a {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu 0 Styles [Please Modify!] !!!!!!!!!!!*/
/* Main Container */	
#qm0{	
	width:296px;
	padding:0;
	margin:0;
}

/* Main Items */	
#qm0 a{	
  font-family:Arial, Helvetica, Sans-Serif;
	font-size:1.1em;
	font-weight:bold;
	color:#5F5956;
	text-decoration:none;
	line-height:28px;
	
	width:240px;
	padding:0 0 0 56px;
	margin:0;
	text-align:left;
	border-bottom:1px dotted #5f5956;
}

/* Main Hover State */	
#qm0 a:hover{	
	background:#ffffff;
	color:#c41230;
	text-decoration:none;
}

/* Main Hover State - (duplicated for pure CSS) */	
#qm0 li:hover>a{	
	background:#ffffff;
	color:#c41230;
	text-decoration:none;
}

/* Main Persistent State */	
body #qm0 .qmpersistent,
body #qm0 .qmpersistent:hover{	
	background:#ffffff;
	color:#c41230;
	text-decoration:none;
	font-weight:bold;
}

/* Sub Container */	
#qm0 div, #qm0 ul{	
	padding:0;
	margin:0;
}

/* Sub Items */	
#qm0 div a, #qm0 ul a{	
	width:220px;
	padding:0 0 0 76px;
	margin:0;
}

/* Sub Active State */	
body #qm0 div .qmactive, 
body #qm0 div .qmactive:hover	{	
	font-weight:bold;
}

/* Add-On Core Code (Remove when not using any add-on's) */
.qmfv{
  visibility:visible !important;
}

.qmfh{
  visibility:hidden !important;
 }

/***************/
/* Form Styles */
/***************/
/* Fieldset Styles */
fieldset{
  padding:10px;
  border:1px solid #000000;
}

/* Legend Styles */
fieldset legend{
   
}

/* Divs Holding Label, Input, and Errors */
fieldset div{
  position:relative;
  top:0px;
  left:0px;
  float:left;
  padding:2px 0 2px 0; /* Spacing */
}

/* Styling All the Labels */
fieldset div label{
  display:block;
  float:left;
  width:90px; /* Set Width Here */
  padding:2px 5px 0 0;
  text-align:right; 
  white-space:nowrap;
}

/* Styling the Input Elements */
fieldset div input,
fieldset div select,
fieldset div textarea{
  background:#ffffff;
  border:1px solid #000000;
}

/* Radio and Checkbox Holder */
fieldset div.checkbox,
fieldset div.radiobox{
  padding:2px 0 2px 95px;
}

/* Radio and Checkbox Label Styles */
fieldset div.checkbox label,
fieldset div.radiobox label{
  display:inline;
  float:none;
}

/* Styles to Get Rid of Borders in IE for Radio and Check Boxes  */
fieldset div.checkbox input,
fieldset div.radiobox input{
  background:transparent;
  border:0px; 
}

/* Layer Errors on Top of Each Other */
fieldset div.error{
  position:absolute;
  top:0px;
  left:100%;
  width:auto;
  white-space:nowrap;
  padding:0 0 0 10px;
}

/* Required Field Marker Styles */
fieldset span.error{
   
}

/* Using br Tag to Clear the Floats */
fieldset br{
  clear:both; 
}

/* Holder for the Submit / Reset Buttons */
fieldset div#FormControls{
  padding:2px 0 2px 95px;
}

/* Submit / Reset Form Elements */
fieldset div#FormControls input{
  background:#f9f5e6;
  padding:0 10px 0 10px;
  border:1px solid #000000;
}