/* CSS Document */



/*-----------------------------
GLOBAL ELEMENTS
-------------------------------*/
body{
background-image:url(../images/img_bkg_tile.jpg);
background-repeat:repeat-x;
margin-top:25px;
}

ul {
margin:0px;
padding:0px;
}

li{
margin:0px;
padding:0px;
}

/*------------------------------
This is the div that contains all the elements
-------------------------------*/
#mainContainer{
width:657px;
margin:auto;
background-color:#FFFFFF;
}
/*------------------------------
MAIN HEADER  - ends at line 119
this div contains the following:
-------------------------------*/
#mainHeader{
width:657px;
height:141px;
background-color:#313f6f;
float:left;
}

#shadowRight{
float:right;
width:6px;
height:141px;
background-repeat:repeat-y;
}

#hdrTR{
height:27px;
width:6px;
float:right;
}

#hdrCntr{
margin-top:10px;
margin-right:5px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
float:left;
width:630px;
height:17px;
}

#hdrCntr a{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

#hdrCntr a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-decoration:underline;
}

#shadRtPiece2{
width:6px;
height:114px;
float:left;
background-image:url(../images/img_shadow_right_piece1.jpg);
}

#hdrTop{
width:657px;
height:27px;
background-image:url(../images/img_hdr_top_tile.jpg);
background-repeat:repeat-x;
float:left;
}

#hdrBtm{
width:657px;
height:108px;
}

#hdrTL{
height:27px;
width:9px;
float:left;
}

#shadowLeft{
float:left;
width:7px;
height:114px;
background-image:url(../images/left_shadow_tile1.jpg);
background-repeat:repeat-y;
}

#hdrImg{
width:644px;
float:left;
}
/*----------- END HEADER CONTAINER ------------------*/


/*------------------------------
CONTENT AREA
this div holds all the containers
for the lower portion of the page 
-------------------------------*/
#contentArea{
float:left;
width:657px;
background-image:url(../images/img_vert_tile_shdw.jpg);
background-repeat:repeat-y;
margin:auto;
}


/*-------------------------
LEFT COLOUMN ELEMENTS
ends at line 255
------------------------*/
#leftCol{
width:160px;
float:left;
}


#shadowLeftPiece2{
height:54px;
width:7px;
float:left;
}

/*-------------------------
MAIN NAVIGATION 
ends at line 224
------------------------*/
#navigation{
width:160px;
float:left;
clear:both;
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/img_menu_tile.jpg);
background-repeat:repeat-y;
}

/* this is what gives the buttons their blue background*/
#navContainer div {
background-image:url(../images/img_menu_tile2.jpg);
background-repeat:repeat-y;
}

/* this does nothing but hold the elements of the menu and style the font inside the menu*/
#navContainer{
float:left;
clear:left;
width:157px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

/* these set the styles to any ul or li within the navContainer div - ends line 197 */
#navContainer ul{
margin:0px;
padding:0px;
list-style:none;
}

#navContainer li{
margin-right:1px;
margin-top:2px;
margin-bottom:2px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
}


#OrganizationMenu li{
/*This styles the sub navigation items under Organization
duplicate this model for any additional sub navigation items*/
font-family:Arial, Helvetica, sans-serif;
margin-top:2px;
margin-bottom:2px;
margin-left:20px;
font-weight:100;
}

#OrganizationMenu ul{
/*This styles the sub navigation items under Organization
duplicate this model for any additional sub navigation items*/
margin:0px;
padding:0px;
}


/* ------------- STATIC IMAGE ELEMENTS ------------ */
#navTop{
float:left;
height:1px;
width:160px;
}

#navBtm{
float:left;
clear:left;
width:160px;
}

/* ------------- END ---------------------- */
/* ------------- HOVER EFFECTS ------------ */
#navigation a{
text-decoration:none;
color:#FFFFFF;
}

#navigation a:hover{
text-decoration:underline;
color:#FFFFFF;
}
/* ------ END ---------------------------- */
/*--------END MAIN NAV---------------------*/
/* ----   END LEFT COLOUMN ELEMENTS -------*/

/* ----------------------------------------
RIGHT COLOUMN ELEMENTS 
ends line 305
------------------------------------------*/

#rightCol{
width:490px;
float:left;
}

#shadowLeftLarge{
width:7px;
height:187px;
background-image:url(../images/img_shadow_left_Large.jpg);
background-repeat:no-repeat;
float:left;
clear:left;
}

#bodyCopyContainer{
width:450px;
float:left;
padding-top:50px;
margin-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}	

#mainTle{
width:450px;
float:left;
height:35px;
font-family:Arial, Helvetica, sans-serif;
color:#202f63;
font-size:14px;
font-weight:bold;
}

#copy{
width:450px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
color:#333333;
}

#copy ul{
margin:0px;
padding:0px;
}

#copy li{
margin-left:20px;
}

#navImages{
width:450px;
float:left;
}

#shadowRightPiece2{
height:54px;
width:6px;
float:right;
background-image:url(../images/img_shadow_right_piece2.jpg);
background-repeat:no-repeat;
}

#shadowRightLarge{
width:6px;
height:335px;
float:right;
background-image:url(../images/img_shadow_right_Large.jpg);
background-repeat:no-repeat;
}
	
/* ----   END RIGHT COLOUMN ELEMENTS -------*/

/*------------------------------------------
BOTTOM PHOTO AREA
ends line 331
--------------------------------------------*/
#photoArea{
margin:0px;
padding-left:7px;
float:left;
clear:left;
width:650px;
}

#photoContainer{
width:644px;
background-color:#FFFFFF;
}
/*------------- END PHOTO AREA -------------*/

/*------------------------------------------
FOOTER AREA
ends line 358
--------------------------------------------*/
#footer{
width:657px;
height:30px;
background-image:url(../images/img_ftr_slice.jpg);
background-repeat:repeat-x;
float:left;
clear:left;
background-color:#0000FF;
}

#ftrBL{
float:left;
width:7px;
height:30px;
}

#ftrCopy{
float:left;
margin-left:5px;
margin-top:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.6em;
width:400px;
color:#999999;

}

#ftrBR{
float:right;
width:6px;
height:30px;
}
/*------------- END FOOTER -------------*/