/* ###########################
------------------------------
WCMC - NYP Template Framework
File: structure.css
Desc: Provides all structural
      styles and options.

------------------------------
##############################

COLOR REFERENCE:


WCMC = {
	Main Institution red: #990000;
	PO Red: #992800;
	PO lighter red: #A84826;
	
	Font Brown: #544842
	Title Font Darker Brown: #423934;
	
	Menu grey: #AEA89D;
	Menu hover grey: #C1BEB7;
	
	Link Blue: #0E5D86;
	
	Dark Blue BG: #20343D;
	Cream BG: #FDFAF3;
	
	PO Footer Grey: #B8B2A7;
	Light Footer Grey: #DEDBDB;
	
	PO footer links: #67645E;
}

NYP = {
	Green: #677F7F;
	Yellow: #FFFFCC;
	
	Font Green, Link Green: #026860;
	Title Font Brown: #5C261A;
	Lighter Font Brown: #873F0D;
	
	Footer Green: #D6DEDE;

}	
	
RESEARCH = {
	Light blue BG: #83AAC4;
	Cream BG: #FFF9E8;
}
	
------------------------------
------------------------------

SITE SIZE KEY:	
	
	960 {
		3col => 30 total spans
		2col => 31 total spans
	}


------------------------------
*/

	
	/* Setting the everything to zero */

	*,html,body,div,span,a,p,h1,h2,h3,h4,h5,h6,ol,ul,dl,lh,dt,dd,li,form,fieldset,legend,label,input,select,option,table,th,tr,td,img,blockquote
	{
		margin: 0;
		padding: 0;
	}
	
	html { height: 100%; }
	
	a,img { border: none; }
	
	div { background: none; }
	
	body {
		color: #544842;
		background: #B8B2A7;
		font: 12px/1.5em Helvetica,Arial,sans-serif;
	}
	
	
	

/* Typography */
	
	h1 { font-size: 5.2em; }
	h2 { font-size: 1.9em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.2em; }
	h5 { font-size: 1.1em; }
	h6 { font-size: 1em;   }
	
	h1,h2,h3,h4,h5,h6 { color: #423934; }
	
	h1,h2,h3,h4 { padding-bottom: .5em; }
	
	h5,h6 { padding-bottom: 1.5em; }
	
	h2 { line-height: 120%; }
	h3 { line-height: 120%; }
	
	a {
		color: #ff0000;
		text-decoration: none;
	}
	
	a:hover {
		color: ff0000;
		text-decoration: underline;
	}
	
	p { margin-bottom: 1.5em; }
	
	dl, ol, ul { margin-bottom: 1.5em; }
	
	ol li { 
		list-style: decimal; 
		margin-left: 18px;
	}
	
	ol.lower_alpha li { list-style-type: lower-alpha;  }
	ul.bulleted li { list-style-type: disc; }
	ul.inline li { display: inline; }
	
	ul.breadcrumb li { 
		font-size: 90%;
		display: inline;  
	}
	
	ul li { list-style: none; }
		
	dt, lh { font-weight: bold; }
	
	dt { margin-bottom: .35em; }
	
	dd, li, lh { margin-bottom: 1em; }
	
	li br { margin-bottom: 1.5em; }
	
	dl dl dt,
	ol ol lh,
	ul ul lh
	{
		font-weight: bold;
	}
	
	dl dd dl dd,
	ul li ul li 
	{
		list-style: none;
		margin-left: 20px;
	}
	
	ol li ol li { margin-left: 20px; }
	

	


#wrapper {
width:970px;
height:1170px;
margin-left:auto;
margin-right:auto;
padding: 0;
border: 0;
background-color:#ffffff;
background-image: url(i/wrapper_back.jpg);
background-repeat: no-repeat;
}

#main {
width: 970px;
float:left;
display:inline;
  } 
  


  #pano {
width: 970px !important;
height: 249px;

margin-left:auto;
margin-right:auto;
background-image: url(i/pano_holder.jpg);

  } 
  
    #subpano {
width: 970px !important;
height: 29px;
margin-left:auto;
margin-right:auto;
background-color:#A1Afff;

  } 




  #left {
width: 485px;
height: 100%;
margin-bottom:20px;
background-color: #cccfff;
float:left;
  } 
  
/* START MODGULAR BOXES /////////////// */

  .one_search_box {
width: 222px !important;
height: 820px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
background-color: #ADCC66;
float:left;
  } 

.one_col_half {
width: 222px !important;
height: 190px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
background-color: #A4BAA2;
float:left;
display:inline;
  } 
  
  .one_col_full {
width: 222px !important;
height: 400px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
background-color: #93bbf6;
float:left;
display:inline;
  } 
  
  .two_col_half {
width: 465px !important;
height: 190px;
margin-top:10px;
margin-left:10px;
margin-right: 10px;
margin-bottom:10px;
background-color: #61778C;
float:left;
  } 
  
  .two_col_full {
width: 465px !important;
height: 400px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
background-color: #383245;
float:left;
  } 

  .three_col_half {
width: 707px !important;
height: 190px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
background-color: #DFE0AF;
float:left;
  } 
  
   .three_col_full {
width: 707px !important;
height: 400px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
background-color: #DFE0AF;
float:left;
display:inline;
background-image: url(i/three_col_full.jpg);

  } 
  
     .four_col_half {
width: 950px !important;
height: 180px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
background-color: #A8BD8B;
float:left;
  } 
  
  
 div.image_float_left {
 float:left;
 margin-right:15px;
 margin-bottom:15px;
 display:inline;
 }
  
.two_col_half ul{
  margin-right:30px !important;
  }
  
.two_col_half li{
  list-style:none;
  
  }

.two_col_half h3 {
margin-left:15px;
}

.two_col_half p {
margin-left:15px;
}

/*A:link {text-decoration: none;
color: gray;;}
A:visited {text-decoration: none;
 color: gray;}
A:active {text-decoration: none;}
A:hover {text-decoration: underline; color: gray;}*/

#three_by_half_left{
margin-right:5px;
margin-left:5px;
width:340px;
height:400px;
float:left;
}

#three_by_half_right{
margin-left:5px;
margin-right:5px;
width:340px;
height:400px;
float:left;
}


/* FOR 3 Col Landing Pages //////  */
  .large {
width: 360px !important;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
padding-right:10px;
float:left;
  } 
  
 .medium{
width: 275px !important;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
float:left;

} 
  
    .small{
width: 260px !important;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
padding-right:10px;
float:left;

  } 
  
  

/* NAV */
.navcontainer
{
margin: 0;
padding: 0 0 0 12px;
}

.navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: 150px;
height:29px important;
}

.navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

.navcontainer A:hover, .navcontainer A:active { background: #BBBBBB; }

.navcontainer A.active:link, .navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

.subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

.subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
;
}

.subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;

}

.subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

.subnav A:hover, .subnav A:active { 
color: #444; }

.subnav A.active:link, .subnav A.active:visited {
color: #444; }

.subnav BR, .navcontainer BR { 
clear: both; }





/* lists styles */
/*.related_links li {
list-style:none;
}

.related_links a:link  {
color:#black;
}


list items
.related_links_li li {
list-style:none;
list-style-position: inside;

}

.related_links_li a:link {
color:#000;
} 

.related_links_li a:hover {
color:#000;
}

.related_links_li a:visited {
color:#000;
}

h classes in duvs
.one_col_full h3 {
margin-left:20px;
}*/