/*This is where we control font info
basic font info
basic fon-family :Arial
basic font-size:14px
*/
body,html{font-size: 14px;  font-family: verdana;}
/*This is for the Tabs, change these to change tab font size */
#mainContainer{font-size:14px;  font-family: verdana; color:#000000}
#TitemsOff{font-size:14px; font-family: verdana;}
#TitemsOn{font-size:14px; font-family: verdana;}
#TitemsStartOn{font-size:14px; font-family: verdana;}
#TitemsStart{font-size:14px; font-family: verdana;}
#TitemsEnd{font-size:14px; font-family: verdana;}
#TitemsEndOn{font-size:14px; font-family: verdana;}
	/*This is the main link styles*/
	
a:link{color:#618299; text-decoration:none;}
a:visited{color:#618299; text-decoration:none;}
a:hover{color:#618299; text-decoration:underline;}
a:active{color:#618299; text-decoration:none;}

a.noUnderline:Link{color:black; text-decoration:none;}
a.noUnderline:visited{color:black;text-decoration:none;}
a.noUnderline:hover{color:black;text-decoration:none;}
a.noUnderline:active{color:black;text-decoration:none;}

/*end font info*/

/*We are going to set the font size small medium large */
.fontSizesm {cursor:pointer; font-size:10px; background-color:#ecebea}
.fontSizesm:hover{cursor:pointer; text-decoration:underline; background-color:#ecebea}
.fontSizexl {cursor:pointer; font-size:12px;}
.fontSizexl:hover{cursor:pointer; text-decoration:underline;background-color:#ecebea}
.fontSizexxl {cursor:pointer; font-size:14px;}
.fontSizexxl:hover{cursor:pointer; text-decoration:underline;background-color:#ecebea}
/*end font sizeing css */

/*we will set the text only and graphic hover states*/

.textOnly {cursor:pointer; }
.textOnly:hover{cursor:pointer; text-decoration:underline;}
.graphic {cursor:pointer; }
.graphic:hover{cursor:pointer; text-decoration:underline;}
/*end text only css */

body, html {width: 100%;}

body {	
		 margin: 0;
		 padding: 0;
		 padding-bottom: 5px;
		 background-image:url("../images/background.png");
		 background-repeat:repeat-x;
		 background-color:#fafafa;
}

/* =========================================
		 WebSphere Portal page layout
==========================================*/

/*#FLYParent {width: 1005px; margin-left:auto;margin-right:auto; background:#fff;text-align:left;}*/
#FLYParent {margin-left:auto;margin-right:auto; background:#fff;text-align:left;}
#mainContent {padding: 0; margin:0; width:1005px;}



#graphicVersion {
		 display: none;
}


#feedbackForm p {margin:0; padding:0;}

/* =======================================
		 Hacks for IE 5 & 6
==========================================*/

/* side navigation */
* html #sideNav {
		 width:212px; 
		 w\idth:204px;
}
/* New Styles added for new layout  */
.Title, .title {width: 250px; min-width: 250px; padding: 0px;margin: 0px;}
#mainTBL{height:100%;background-color:white;width:1015px;}
#topContainer{height:175px;}
#MainDiv{margin-right:auto;margin-left:auto;width:1005px;background-image:url("../images/background.png");
background-repeat:repeat-y; background-position:left;background:#fff;}
/*#bottomClose{margin-right:auto;margin-left:auto;width:1015px;height:1px;background-color:#484848;}*/
#bottomClose{margin-right:auto;margin-left:auto;width:1015px;height:1px;}

#sideNaveContent{float:left;}
/* This controls the size of the font size links */
.normalSize{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.normalSize:link{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.normalSize:visited{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.normalSize:hover{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.normalSize:active{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}


.largeSize {font-size:12px; font-weight:bold;}
a.largeSize:link{font-size:12px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largeSize:visited{font-size:12px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largeSize:hover{font-size:12px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largeSize:active{font-size:12px; font-weight:bold; background-color:#d8d8d8; color:black;}

.largerSize{font-size:14px; font-weight:bold;}
a.largerSize:link{font-size:14px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largerSize:visited{font-size:14px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largerSize:hover{font-size:14px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largerSize:active{font-size:14px; font-weight:bold; background-color:#d8d8d8; color:black;}

/* end font size links*/
#renderDiv {width:100%;
}
/* Basic portlet Title */
#PortletContain{margin-left:5px; margin-right:5px;}
#searchForm{margin-left:1px;}
#portletTitle {background-image:url("../images/portletHeadBackground.png");background-color:white;background-repeat:repeat-x;background-position:bottom;border-style:solid;border-width:1px 1px 1px 5px;padding:5px;border-color:#006955;margin-top:10px;}

#portletBody{background-repeat:repeat-x;background-position:bottom;border-style:solid;border-width:0px 0px 0px 0px;padding:5px;border-color:#b2c7dc;}

#portletBodyNoTitle{background-color:white;background-repeat:repeat-x;background-position:bottom;border-style:solid;border-width:1px 1px 1px 1px;padding:5px;border-color:#b2c7dc;margin-top:10px;}

#portletBody-border{background-color:white;background-repeat:repeat-x;background-position:bottom;border-style:solid;border-width:0 0 0 0;padding-left:0; padding-top:5px; padding-right:5px; padding-bottom:5px;border-color:#006955}

.TopNavspacing{margin-left:8px;margin-right:8px;}
#searchBox{margin-left:6px; padding-bottom:10px;}

/* this will do the 100% height for the container*/
/* {
padding: 0;
margin: 0;
}*/
html, body {
height: 93%;
}
#container {
min-height: 93%;
background-color: #fff;
width: 945px;
padding-left:10px;
margin: 0 auto;
background-image:url("../images/background.png");
background-repeat:repeat-x;

}
* html #container {
height: 100%;
}

#topNav{width:935px;height:77px;background-image:url("../images/background.png");background-repeat:repeat-x;}
#LACLogo{padding-top:15px;float:left; height:60px;}




/*This is the banner navigation for the top nav*/
#BannerNav{text-align:right;padding-right:10px;float:right;clear:right;}
#BannerNav span {color:#ffffff}
#BannerNav a    {color:#ffffff}


/*These Styles control the tabs*/
#tabs{background-image:url(../images/TabOffBG.png); background-repeat:repeat-x; background-color:#c1c1c1; background-position:top;height:39px;width:933px;}
#TitemsOff{border-left:#FFFFFF solid 1px; border-right:#a8a8a8 solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px;}
#TitemsOn{border-left:#FFFFFF solid 1px; border-right:#a8a8a8 solid 1px;float:left; padding-left:9px;padding-right:9px;padding-top:10px;height:25px; background-image:url(../images/TabOnBG.png); background-repeat:repeat-x;font-weight:bold;}
#TitemsStartOn{background-image:url(../images/TabOnBG.png); background-repeat:repeat-x;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px; color:#6c6c6c; font-weight:bold;}
#TitemsStart{border-right:#a8a8a8 solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px;}
#TitemsEnd{border-left:#FFFFFF solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px}
#TitemsEndOn{background-image:url(../images/TabOnBG.png); background-repeat:repeat-x;border-left:#FFFFFF solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px;font-weight:bold;}
/*This block defines the tab navigation class, this controls the hover state*/
.tabNav{color:#6c6c6c;}
a.tabNav:link{text-decoration:none;color:#6c6c6c;}
a.tabNav:visited{text-decoration:none;color:#6c6c6c;}
a.tabNav:hover{text-decoration:underline;color:#6c6c6c;}
a.tabNav:active{text-decoration:none;color:#6c6c6c;}
/*This will define the sideNav box*/

#renderDiv{float:left;}
#magGlass {float:left;width:28px;height:23px;padding-top:8px;padding-right:8px;}
#searchBox {width:300px;text-align:left;height:25px;margin-left:705px;padding-top:35px;*margin-top:-75px;}
#queryText{border:solid;border-width:1px;height:20px;padding-left:2px;float:left;margin-top:8px;color:#666; font-size:14px;}
#gobtn{float:left;margin-top:7px;margin-left:4px;}
/*#majorAlert{background-color:red;margin-top:-4px;margin-left:-4px;height:150px;width:925px;position:relative;padding-left:5px;padding-right:5px;margin-bottom:20px;overflow:auto;}*/
#majorAlert{overflow:hidden}
*#majorAlert{width:925px;}
#LargeFont{font-size:18px;font-weight:bolder;}
#marjorAlert hr{border:solid; border-width:1px; border-color:#333333}
#Hide{position:relative;z-index:1;float:right;width:90px;margin-top:-4px;margin-right:13px;margin-bottom:10px;}
#line{height:1px;	margin-top:3px;margin-bottom:5px; background-color:#333333; width:100%}
#alertMsg{position:relative;z-index:2;}
#TopBox{float:left;width:350px;height:70px;}
#LACSmLogo{margin-right:20px}

/*This is the deptname text value css*/
#deptName{font-size:35px;color:#fff;margin-left:20px;}
#deptNameWtag{font-size:30px;color:#fff;margin-left:20px; margin-top:-7px;}
#deptTagLine{font-size:16px;color:#fff;margin-left:25px; width:450px;}
/*end Top nav Text*/

#mainContainer{margin-left:-11px;padding-left:11px;background-image:url("../images/drop.png");background-repeat:repeat-y}

#tabsBox{width:945px;margin-left:-10px; padding-left:10px; background-image:url("../images/drop.png");background-position:bottom;}
#grayBar{width:933px;height:3px;background-color:#c1c1c1;}

/*This is for the alert Box */
#alertTop{float:left;background-image:url("../images/Alert-Top.png");width:925px;height:6px;}
#alertMid{float:left;background-image:url("../images/alertMidBG.png");width:925px; }
#alertBot{float:left;background-image:url("../images/Alert-Bot.png");width:925px;height:6px;}
#majorAlertMain{float:left; width:925px;position:relative;z-index:2;}
#alertMain{margin-bottom:4px;float:left; width:925px}
/*End Alert Bot styles */

/*This are reusable styles*/
#Web20Header{font-size:14px;font-weight:bold; color:#555555}
#Web20Header a{color:#555555; text-decoration:none;}
#Web20Header a:link{color:#555555; text-decoration:none;}
#Web20Header a:visited{color:#555555; text-decoration:none;}
#Web20Header a:hover{color:#555555; text-decoration:underline;}
#Web20Header a:active{color:#555555; text-decoration:none;}
#LinkItem{background:url(/wps/themes/html/include/images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px}
#LinkItem a{color:#555555; text-decoration:none;}
#LinkItem a:link{color:#555555; text-decoration:none;}
#LinkItem a:visited{color:#555555; text-decoration:none;}
#LinkItem a:hover{color:#555555; text-decoration:underline;}
#LinkItem a:active{color:#555555; text-decoration:none;}
#IwantLinksHeader{font-size:14px;font-weight:bold}
#item{padding-top:5px; padding-bottom:5px; color:#555555;}
/*end reusable styles*/


 /*The styles below control the I want to links.*/
#IwantLinks{margin-bottom:10px;color:#555555}
#IwantLinks a{color:#555555; text-decoration:none;}
#IwantLinks a:link{color:#555555; text-decoration:none;}
#IwantLinks a:visited{color:#555555; text-decoration:none;}
#IwantLinks a:hover{color:#555555; text-decoration:underline;}
#IwantLinks a:active{color:#555555; text-decoration:none;}
#IwantLinksHeader{font-size:14px;font-weight:bold}
#IwantLinksItem{background:url(/wps/themes/html/include/images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px}

/*These are the styles for the announcements box note:The margin left of 110 px is to make it so the text does not wrap*/

#announcementsItem {width:100%; clear:left; margin-bottom:15px;background:url(/wps/themes/html/include/images/dots.png);background-position:bottom;background-repeat:repeat-x;}
#announcementsItem #announcementImage {float:left; width:100px;}
#announcementsItem #announceDetails {margin-left:110px; padding-bottom:10px}

/*This will control the sidenav menu for sub pages
#sideNavBox{margin-top:10px;margin-left:5px}
#sideNavBox a{color:#555555; text-decoration:none;}
#sideNavBox a:link{color:#555555; text-decoration:none;}
#sideNavBox a:visited{color:#555555; text-decoration:none;}
#sideNavBox a:hover{color:#555555; text-decoration:underline;}
#sideNavBox a:active{color:#555555; text-decoration:none;}
#SideNavheaderWeb20{background-image: url(../images/SideNav.png);background-position:bottom; background-repeat:repeat-x; height: 22px; width: 100%; font-size: 16px; padding-top: 3px; margin-bottom: 5px; color: #4B4B4B; min-width: 100%;height:100%}
#SideNavItem{background:url(/wps/themes/html/include/images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px}
#sideNavOn{background:url(/wps/themes/html/include/images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px; position:relative; float:left;}
#sideNavImage{float:right;margin-top:5px}
#sideNavOnText{float:left;width:85%}
/*This is the end of meue css */

/*We are going to strart the footer css*/
#ExtendFooter { min-height: 205px; width: 957px; margin: 0 auto; background-image:url("../images/drop.png"); background-repeat:repeat-y; position:relative; z-index:1; }
#footerBox{width: 933px; margin-left:11px; 	height: 220px; position:relative; z-index:1000; background-image:url('../images/footer_background.png'); background-repeat:repeat-x; }
#footerContain #header {color:white; font-weight:bold; margin-bottom:5px}
#footerContain #content{color:white;}
#footerContain #content #links a{float:left; clear:left; width:100%}
#footerContain #content a{color:white; text-decoration:none;}
#footerContain #content a:link{text-decoration:none;}
#footerContain #content a:visited{text-decoration:none;}
#footerContain #content a:hover{text-decoration:underline;}
#footerContain #content a:active{text-decoration:none;}



/*This is the seal box */
#column1{float:left; width:175px; height:150px;}
/*This is the first link column */
#column2{float:left; width:220px; min-height:150px; padding:10px}

#column3{float:left; width:220px; min-height:150px; padding:10px}
#column4{float:left; width:220px; min-height:150px; padding:10px}
#social{float:left;clear:left;width:935px}
#footerBot{width: 933px;background-color:#5795cb; float:left;position: absolute; bottom: 0; *margin-left:-895px;padding-top:3px;padding-bottom:3px;}
#footerBot #content {text-align:center;}
#footerBot #content a{margin-left:10px;margin-right:10px}
#footerPad{height:20px; width:100%; }
/*End footer css */

/*We will start the promo css */
#promoItem{margin-left:15px}

/*This is the css for the links menu*/
#Links img{margin-right:5px;float:left;}
#Links{background:url(/wps/themes/html/include/images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px;float:left; width:95%}



/*This section has IE7 hacks, this is for the authoring tool*/
#AuthTools{*margin-top:-20px;}
/*End IE Hacks */

/*This is the css for the web20 skin */
#skin-headerWeb20{
	background-image: url(/wps/themes/html/include/images/bg-Skin.png);
	background-repeat:repeat-x;
	height: 22px;
	width: 100%;
	font-size: 16px;
	padding-top: 3px;
	margin-bottom: 5px;
	color: #4B4B4B;
	min-width: 100%;
	height:100%;
	background-position:bottom;
}
#MainContainerWeb20
{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	height: 100%;
	position: static;
	z-index: 1;
	min-height: 10px;
	float: left;
	width:97%;
}
#skin-contentWeb20
{
	position: static;
	padding-bottom: 5px;
	float: left;
	background-position:bottom;
	width:100%;
}


/*This removes the elements and restyles for text only */
img {display: none;} 
#tmpSlideshow{display:none} 

img {display: none;} 
#tmpSlideshow{display:none} 

#alertTop{float:left;background:#a10f0f;width:925px;height:6px;}
#alertMid{float:left;background:#a10f0f;width:925px; }
#alertBot{float:left;background:#a10f0f;width:925px;height:6px;}
#majorAlertMain{float:left; width:925px;position:relative;z-index:2;}
#announcementsItem #announceDetails {margin-left:0px; padding-bottom:10px}
#skin-headerWeb20{background:#e1e1e1}
#IwantLinksItem{background:url();background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px ;border-bottom:solid;}
#announcementsItem {width:100%; clear:left; margin-bottom:15px;background:url();background-position:bottom;background-repeat:repeat-x;border-bottom:solid;}
#LinkItem{background:url();background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px;border-bottom:solid}


/*This block defines the tab navigation class, this controls the hover state*/
.tabNav{color:#6c6c6c;}
a.tabNav:link{text-decoration:none;color:black;}
a.tabNav:visited{text-decoration:none;color:black;}
a.tabNav:hover{text-decoration:underline;color:black;}
a.tabNav:active{text-decoration:none;color:black;}
/*This will define the sideNav box*/

/*These Styles control the tabs*/
#tabs{background:#dfdfdf;background-image:url(); background-repeat:repeat-x; background-color:#c1c1c1; background-position:top;height:39px;width:933px;color:black; floar:left;}
#TitemsOff{border-left:#FFFFFF solid 1px; border-right:#a8a8a8 solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px;}
#TitemsOn{background:#dfdfdf;border-left:#FFFFFF solid 1px; border-right:#a8a8a8 solid 1px;float:left; padding-left:9px;padding-right:9px;padding-top:10px;height:25px; background-image:url(); background-repeat:repeat-x;font-weight:bold;color:black;}
#TitemsStartOn{background:#dfdfdf;background-image:url(); background-repeat:repeat-x;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px; color:#6c6c6c; font-weight:bold;color:black;}
#TitemsStart{border-right:#a8a8a8 solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px;color:black;}
#TitemsEnd{border-left:#FFFFFF solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px;color:black;}
#TitemsEndOn{background-image:url(); background:#dfdfdf;background-repeat:repeat-x;border-left:#FFFFFF solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:25px;font-weight:bold;color:black;}
/*This block defines the tab navigation class, this controls the hover state*/
#container {min-height: 93%;background-color:#cdcccb;width: 945px;padding-left:10px;margin: 0 auto;background-image:url();background-repeat:repeat-x;}
body { background-image:url();}
#topNav{width:935px;height:77px;background-image:url();background-repeat:repeat-x;color:black;background:#cdcccb;}
#footerBox{width: 933px; margin-left:11px; 	height: 220px; position:relative; z-index:1000;background:#cdcccb; background-image:url(); background-repeat:repeat-x; }
#footerContain #content a{color:black; text-decoration:none;}
#footerContain #header {color:black; font-weight:bold; margin-bottom:5px}
#footerBot{width: 933px;background-color:#adadad; float:left;position: absolute; bottom: 0; *margin-left:-895px;padding-top:3px;padding-bottom:3px;}
#footerContain #content{color:black;}
#mainContainer{font-size:14px;  font-family: verdana; color:black}
a:link{color:blue; text-decoration:none;}
a:visited{color:blue; text-decoration:none;}
a:hover{color:blue; text-decoration:underline;}
a:active{color:blue; text-decoration:none;}
#hidden{display:compact}
#graphic{display:compact}
#textOnly{display:none}
#Modal-Content{display:none}
/*This will control the sidenav menu for sub pages*/
#sideNavBox{width:212px; float:left; position:relative;}
#sideNavBox{margin-top:10px;margin-left:5px}
#sideNavBox a{color:#555555; text-decoration:none;}
#sideNavBox a:link{color:#555555; text-decoration:none;}
#sideNavBox a:visited{color:#555555; text-decoration:none;}
#sideNavBox a:hover{color:#555555; text-decoration:underline;}
#sideNavBox a:active{color:#555555; text-decoration:none;}
#SideNavheaderWeb20{background-image: url();background-position:bottom; background-repeat:repeat-x; height: 22px; width: 100%; font-size: 16px; padding-top: 3px; margin-bottom: 5px; color: #4B4B4B; min-width: 100%;height:100%}
#SideNavItem{background:url();background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px;border-bottom:solid}
#sideNavOn{background:url();background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px; position:relative; float:left; border-bottom:solid}
#sideNavImage{float:right;margin-top:5px}
#sideNavOnText{float:left;width:85%}
/*This is the end of meue css */