/* -----------------------------------------------
311 website (12.10.08)
version:  2.1
website:  http://web.laguardia.edu/311
------------------------------------------------ */
/* -- Overall code -- */
html, body  {
margin:0px;
padding:0px;
font-size: 100%;
background:  #ffffff url('imgs/bgLiquid.gif') repeat-x;
}
img {border:0px; padding-right:0px;}

/*----------------------------------------------- */
/* -- top area -- */
#glbBox {
width:100%;
height:auto;
}
#topBox, #lgBox, #brdCrmd{
margin: 0px auto;
padding: 0px;
}
#topBox {
width: 100%;
height: 168px;
}
#lgBox {
width:980px;
height:117px;
}
#brdCrmd {
width:940px;
height: 51px;
padding: 0 20px 0 20px;
}
a.brdCrmdLnk, a.brdCrmdLnk:visited { 
color: #188E9C;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.6em;
position: relative;
bottom: 0px;
text-decoration: none;
}
a.brdCrmdLnk:hover {
color: #1FBACB;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.6em;
position: relative;
bottom: 0px;
text-decoration: underline;
}

/*------------------------------------------------ */
/* -- body area -- */
#bodyBox {
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 980px;
height:auto;
border-right:1px #E5E1CF solid;
border-bottom:1px #E5E1CF solid;
border-left:1px #E5E1CF solid;
background: url("imgs/bgFixed.gif") repeat-y;
}
/*------------------------------------------------ */
/* -- left area -- */
#lfBox {
float: left;
width: 660px; /* -- original size 700px -- */
padding: 30px 20px 20px 20px;
}
.pgTlt {
color: #8B8B8B;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.5em;
}
.pgTxt {
color: #8B8B8B;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.9em;
line-height: 20px;
}
.smPgTxt {
color: #8B8B8B;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.7em;
line-height: 16px;
}
#fllSty { 
padding: 5px 0 0 0;
text-align: left;
vertical-align: top;
}
a.fllStyLnk, a.fllStyLnk:visited { 
color: #188E9C;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.6em;
position: relative;
bottom: 0px;
text-decoration: none;
}
a.fllStyLnk:hover {
color: #1FBACB;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.6em;
position: relative;
bottom: 0px;
text-decoration: underline;
}
a.pgLnk, a.pgLnk:visited { 
color: #188E9C;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.9em;
position: relative;
bottom: 0px;
text-decoration: underline;
}
a.pgLnk:hover {
color: #1FBACB;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.9em;
position: relative;
bottom: 0px;
text-decoration: underline;
}
input.btn2{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size : 70%;
color:#fff;
background-color: #188E9C;
height: 18px;
border: 1px solid #188E9C;
letter-spacing: 1px;
}
/*------------------------------------------------ */
/* -- right area -- */
#rgBox { 
margin: 0;
float: left;
width: 240px; /* -- original size 280px -- */
padding: 30px 20px 20px 20px;
height: 1%; /* Holly hack for Peekaboo Bug */
}
.rgBoxTlt {
color: #9ebd24;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 1.2em;
margin-bottom:10px;
}
#empty {
height:20px;
clear: both;
background:transparent;
}
a.rgLnk, a.rgLnk:visited { 
color: #188E9C;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.7em;
position: relative;
bottom: 0px;
text-decoration: underline;
}
a.rgLnk:hover {
color: #1FBACB;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.7em;
position: relative;
bottom: 0px;
text-decoration: none;
}

/*------------------------------------------------ */
/* -- footer area -- */
#footer {
text-align: center;
margin: 0px auto;
padding: 40px 0 0 0;
border-right:1px #E5E1CF solid;
border-bottom:1px #E5E1CF solid;
border-left:1px #E5E1CF solid;
background: #e7e8e9;
width: 980px;
height: 60px; /* -- original siz 120px -- */

}
a.ftrLnk, a.ftrLnk:visited { 
color: #188E9C;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.7em;
position: relative;
bottom: 0px;
text-decoration: none;
}
a.ftrLnk:hover {
color: #1FBACB;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.7em;
position: relative;
bottom: 0px;
text-decoration: underline;
}

#footer2 {
text-align: left;
margin: 0px auto;
padding: 0px;
background: #ffffff;
width: 980px;
height: 90px;
}
#copyright {
padding:10px 0 0 10px;
float: left;
width: 480px; /* -- original siz 490px -- */
}
#lastupd {
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:0.6em;
text-align:right;
margin: 0;
padding:10px 10px 0 0;
float: left;
width: 480px;/* -- original siz 490px -- */
height: 1%; /* Holly hack for Peekaboo Bug */
}
#empty2 {
clear: both;
background: #ffffff;
}