body 
{
	font-family: Verdana;
	font-size: 13px;
	background: #F0EEE4;
    color:#333333;
	/*
    For Flexable Design
	margin-left: 15px; 
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	*/
	/*font-size:.72em;*/
}

/******************
PAGE
******************/
#page-container
{
    margin-right: auto;
	margin-left: auto;
    width: 980px;
    /*width: 1050px;*/
    /*max-width: 1300px;
    min-width: 800px;*/
}

/******************
NAV CONTROLS
******************/
#header-container
{
	/*
	padding: 0px;
	border-top: 1px solid #D0D0BF;
	border-right:1px solid #D0D0BF;/*EDEDED*/
	/*border-left:1px solid #D0D0BF;/*EDEDED*/
	/*margin-bottom: 0px;
	background: #FFFFFF;
	height: 80px;
	clear: both;
	background: url(/images/site/BannerBackGround.png);
	*/
	padding: 0px;
	border-top: 1px solid #D0D0BF;
	border-right:1px solid #D0D0BF;/*EDEDED*/
	border-left:1px solid #D0D0BF;/*EDEDED*/
	margin-bottom: 0px;
	height: 80px;
	clear: both;
	background: url(/images/Banner/PMEP_BackgroudBanner.gif); 
	background-position: 100px; 
	background-repeat: no-repeat; 
	background-color: #ffffff;
}

#menu-container 
{
	margin-bottom:1px;
	color:#FFFFFF;
	padding: 0px;
	/*border-bottom:1px solid #D0D0BF;*//*7F7F7F*/
	border-right:1px solid #D0D0BF;/*7F7F7F*/
	/*border-top: 1px solid #D0D0BF;*/
	border-left: 1px solid #D0D0BF;
	/*height:23px;*/
	min-height:22px;
	background: url(/images/site/BreadCrumbBackGround.png);
	/*background: #B5C7DE;*/
	/*font-size:1.0em;*/
	font-size: 10px;
	font-weight: normal;
	margin-bottom:0px;
	clear: both;
}

#breadcrumb-container 
{
	/*border-bottom:1px solid #D0D0BF;/*7F7F7F*/
	border-right:1px solid #D0D0BF;/*7F7F7F*/
	border-left:1px solid #D0D0BF;
	/*border-top:1px solid #D0D0BF;*/
	/*margin-bottom:1px;*/
	background: #FFFFFF; 
	height: 25px; 
	padding: 0px;
	color:#666666;
	clear: both;
	background: url(/images/site/VMenuBackground.png);
	
}

#content-container 
{
	background-color:#FFFFFF;
	/*border-top:1px solid #D0D0BF;/*CBCBCB*/
	border-right:1px solid #D0D0BF;/*7F7F7F*/
	/*border-bottom:1px solid #D0D0BF;/*7F7F7F*/
	border-left:1px solid #D0D0BF;/*CBCBCB*/
	padding:0px;
	padding-bottom: 0px;
	/*margin-bottom:1px;*/
	/*min-height: 500px;*/
	background: #F6F6F6;
	background: #ffffff;
	clear: both;
	float: left;
}

#bottom-container
{ 
    border-top:1px solid #D0D0BF;/*CBCBCB*/
	border-right:1px solid #D0D0BF;/*7F7F7F*/
	/*border-bottom:1px solid #D0D0BF;/*7F7F7F*/
	border-left:1px solid #D0D0BF;/*CBCBCB*/
	/*margin-top: 1px;*/
	background: #FFFFFF;/*F6F6F6*/
	height: 25px;
    vertical-align: middle; 
    color:#666666;
    clear: both;
    background: url(/images/site/VMenuBackground.png);
}


#footer-container 
{
	border-right:1px solid #D0D0BF;
	border-bottom:1px solid #D0D0BF;
	border-left:1px solid #D0D0BF;
	text-align:center;
	clear:both;
	background: #FFFFFF;
	font-size:.95em;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
    width: 980px;
}

/******************
header-container
******************/
#site-title 
{
	float:left;
	font-size: 24px;
	padding-top: 10px;
	padding-left: 5px;
}

#site-title-slogin
{
    font-size: 16px;
    font-style:italic;
}

#cu-logo
{
    float: right;
}

#site-title-box {font-family: Verdana; margin-top: 5px; margin-left: 10px; padding: 0px; float: left;}
#site-title-department-name {font-size: 24px; margin-left: 0px;}
#site-title-name {background: url(/images/Banner/PSUR_BackgroundFolderGray.gif); color: #ffffff; background-position: 0px 2px; background-repeat: no-repeat; width: 438px; height: 46px; margin-top: 0px; margin-left: -14px; padding-left: 14px;}
#site-title-full {font-size: 18px;}
#site-title-slogin {font-size: 14px;}
#cu-logo {float: right;}
#pmep-logo{float: left;padding-top: 5px;padding-left: 10px;}

/******************
menu-container
******************/
#menu-container-rightside
{
    padding-left: 0px;
}

/******************
breadcrumb-container
******************/
#breadcrumb 
{
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 10px;
}

/******************
content-container
******************/
#content-left
{
    float:left; 
    width: 180px;
    max-width: 180px;
    background: url(/images/site/LeftSideMenu.png);
    background-repeat: repeat-x;
}

#content-right
{
    float:right;
    width: 180px;
    max-width: 180px;
    background: #F6F6F6;
    background: url(/images/site/LeftSideMenu.png);
    background-repeat:repeat-x;
}

#content-middle 
{
	padding: 0px;
	margin-right: 180px;
	margin-left: 180px;
	min-height: 795px;
	height: 100%;
	background-color:#FFFFFF;
	border-left:1px solid #D0D0BF;
	border-right:1px solid #D0D0BF;
	padding-bottom: 20px;
}

.imageLeft
{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	border: none;
}

/*MIDDLE CONTENT*/
#content-middle-top-menu
{
    /*text-align: right;*/
    font-size: 11px;
    height: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#content-middle-padding
{
	padding-left: 5px; 
	padding-top: 5px;
}

#content-middle-main
{
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
}

/*LEFT CONTENT*/
#content-left-menu
{

}

/*RIGHT CONTENT*/
#content-right-content
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/******************
bottom-container
******************/
#bottom-container-breadcrumb 
{
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 10px;
}

/******************
footer-container
******************/
#footer-menu
{
    padding:20px 5px 5px 10px;
}

/******************
Lists
******************/
ul
{
    margin-top: 0px;
    /*list-style-type: none;*/
}

/******************
Links
******************/



/******************
Classes
******************/
.bold
{
    font-weight: bold;
}

.menu
{
    text-decoration: underline;
}

.hr {height: 10px; background: #666666; padding-left: 100%;}


/******************
Content Box
******************/
.contentBox /*purchaseBox */
{
	margin-bottom: 10px;
	border: 1px solid #5c88a5;
	background: #ffffff;
}

.contentBoxTitle /*purchaseBoxTitle */
{
	background: #5c88a5;
	padding: 3px;
	font-weight: bold;
	color: #ffffff;
}

.contentBoxContent /*purchaseBoxContent*/
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.contentBoxContent img /*purchaseBoxContent*/
{
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;	
}

.contentBoxContent p /*purchaseBoxContent*/
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/******************
Purchase
******************/
.purchaseBox
{
	margin-bottom: 10px; 
	border: 1px solid gray; 
}

.purchaseBoxTitle
{
	background: #B5C7DE; 
	padding: 3px;
	font-weight: bold;
}

.purchaseBoxContent
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	min-height: 50px;
	padding-bottom: 10px;
	background: #ffffff;
}

.purchaseBoxContent img
{
	/*float: left;*/
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;	
}

.purchaseBoxContent p
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

/**********************
H MENU
***********************/
/*#1*/
/*div#menu {
	width:12em;
}*/
ul#navigation{
	/*font-size: 90%;*/
	/*position:absolute;
	left:0;*/
}
        ul#navigation, ul#navigation ul {
	        padding: 0;
	        margin: 0;
	        list-style: none;
	        /*border-left: 1px solid #238126;
	        border-bottom: 0.04em solid #238126;*/
        }
        ul#navigation li { 
	        line-height : 1.35em;
	        position: relative;
	        float: left;
	        
        }
        ul#navigation li li { 
	        float: left;
	        width: 11em;
	        border-left: 1px solid #238126;
	        margin-top: -1px;
        }
        /*#2*/
        #navigation a 
        {
        	font-size: 9px;
	        display: block;
	        /*width: 7em;*/
	        color: #006600;
	        color: #222222;
	        font-weight: bold;
	        background-color: #ebdcd9;/*#b0efbe/B5C7DE/ebc5bb*/
	        padding: 4px 0.5em;
            text-decoration: none;
	        border-top: 0.04em solid #afafa1;/*#238126*/
	        border-right: 1px solid #afafa1;/*#238126*/
	        /*border-left: 1px solid #238126;*/
	        border-bottom: 1px solid #afafa1;/*#238126*/
	        /*margin-left: -1px;
	        margin-top: -1px;*/
        }
        ul#navigation a:hover {
	        color: #000;
	        background-color: #659DE6;/*99e1b1*/
        }
        /*#3*/
        ul#navigation li ul {
	        position: absolute;
	        left: -999em;
        }
        #navigation li:hover ul ul, #navigation li.sfhover ul ul {
	        left: -999em;
        }
        /*#4*/
        #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul {
	        top: 0;
	        left: -1px;
	        margin-left: 100%;
        }
        /* ****DISPLAYS HORIZONTAL MENU**** */
        #navigation li:hover ul {
	        top: 100%;
	        margin-left: 0;
        }
        div#menu {
	        width:100%;
	        float: left;
        }
        
/************************
Text Area
************************/
.ImageLeft
{
	float: left;
	padding-bottom: 5px;
	padding-right: 5px;
}




#content-middle h1
{
	font-size: 24px;
	text-align: center;
}

#content-middle h2
{
	font-size: 19px;
	text-align: left;
	font-family: Palatino, Arial;
}

#content-middle h3
{
	font-size: 15px;
	text-align: left;
	font-family: Palatino, Arial;	
}


#content-middle li
{
	padding-bottom: 2px;
	padding-top: 2px;
}

.bold
{
	font-weight: bold;
}


/***********************
VMENU
***********************/
#vmenu
{
	padding-left: 0px;
	font-size: small;
}
#vnavigation
{
	padding-left: 0px;
	list-style: none;
	background-color: #E0E0E0;/*#b0efbe*/
	width: 100%;
}
#vnavigation a
{ 
	text-decoration: none;
}
#vnavigation ul
{
	padding-left: 0px;
	list-style: none;
	
}
#vnavigation li
{
	border: solid 1px gray;
	padding: 2px;
	margin-top: -1px;
}
#vnavigation li li
{
	border: none;
}

/***********************
LINKS
***********************/
a
{
	color: #4444e9;	
}
a:visited
{
	color: #9b1a34;
}

/*Middle Content*/
#content-middle-main a
{
	color: #4444E9;	
}

#content-middle-main a:visited
{
	color: #9B1A34;
}

#content-middle-main a:hover
{
	/*color: Fuchsia;*/
}

/*Menu*/
#content-left a
{
	color: #4444E9;	
}

#content-left a:visited
{
	color: #4444E9;
}

#content-left a:hover
{
	color: #191949;
}

/*Bottom Container*/
#bottom-container-breadcrumb a
{
	color: #4444E9;	
}

#bottom-container-breadcrumb a:visited
{
	color: #4444E9;
}

#bottom-container-breadcrumb a:hover
{
	color: #2F2F8A;
}

/*Breadcrumb*/
#content-middle-padding a 
{
	color: #4444e9;
}
#content-middle-padding a:visited 
{
	color: #4444e9;
}

/*Content Box*/
.contentBoxContent a 
{
	color: #4444e9;
}
.contentBoxContent a:visited 
{
	color: #4444e9;
}

#footer-container a 
{
	color: #4444e9;
}
#footer-container a:visited 
{
	color: #4444e9;
}

.Product 
{
	/*border: 2px solid #d0d0bf;*/
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;	
	height: 200px;
}

.ProductImage
{
	float: left;
	padding-right: 10px;
}

.ProductTitle
{
	font-weight: bold;
}

.ProductDescription
{
	margin-top: 20px;
}

.ProductPrice
{
	float: right;
}

.ipmStateSchoolList ul 
{
	margin-bottom: 10px;
}

.ipmStateSchoolList li
{
	font-weight: bold;
}

.ipmStateSchoolList ul li
{
	font-weight: normal;
}