/*------------------------------------------------------------------
[Master Stylesheet]

Project:		PMI - Precision Manufacturing Institute, pmionline.edu
Version:		1.0
Created By:		Jesse Lavery, Starn Marketing Group
Last change:	02/05/10 [final tweaks; event images]

--------------------------------------------------------------------

[Colors]

Background:		#fff 	(white)
Content:		#000 	(black)

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



/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
background: url(http://pmionline.edu/pmi_assets/images/bg.jpg) #585858 repeat-x;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: center;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p, ul li, ol li {line-height: 1.4;}

a {
outline: none;
text-decoration: none;
}

/* Container
------------------------------*/

#container {
background-color: #fff;
border-bottom: 2px solid #ffc537;
margin: 0px auto;
width: 900px;
}

/* Header
------------------------------*/

#header {
background: url(http://pmionline.edu/pmi_assets/images/bg-header.jpg);
height: 200px;
width: 900px;
}

#header h1 {
background: url(http://pmionline.edu/pmi_assets/images/logo.jpg);
float: left;
height: 77px;
text-indent: -9999px;
width: 282px;
}

#menu {
display: block;
float: left;
height: 50px;
position: relative;
margin: 0 0 0 0;
padding-top: 0px;
width: 618px;
}

#menu ul {
background: url(http://pmionline.edu/pmi_assets/images/menu.jpg) no-repeat;
height: 50px;
margin: 0px;
width: 618px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 0px; top: 0px; width: 65px; height: 50px;}
#menu #menu2, #menu #menu2 a {left: 65px; top: 0px; width: 87px; height: 50px;}
#menu #menu3, #menu #menu3 a {left: 152px; top: 0px; width: 138px; height: 50px;}
#menu #menu4, #menu #menu4 a {left: 290px; top: 0px; width: 90px; height: 50px;}
#menu #menu5, #menu #menu5 a {left: 380px; top: 0px; width: 136px; height: 50px;}
#menu #menu6, #menu #menu6 a {left: 516px; top: 0px; width: 102px; height: 50px;}

#menu #menu1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/menu.jpg) -0px -50px no-repeat;}
#menu #menu2 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/menu.jpg) -65px -50px no-repeat;}
#menu #menu3 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/menu.jpg) -152px -50px no-repeat;}
#menu #menu4 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/menu.jpg) -290px -50px no-repeat;}
#menu #menu5 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/menu.jpg) -380px -50px no-repeat;}
#menu #menu6 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/menu.jpg) -516px -50px no-repeat;}

/* Top Bar
------------------------------*/

#topbar {
clear: both;
}

/* Campus Flag & Menu: Meadville
------------------------------*/

#topbar #campus.meadville p#campustitle {
background: url(http://pmionline.edu/pmi_assets/images/campusflag-meadville.jpg) no-repeat;
display: block;
float: left;
height: 40px;
margin: 5px 0 0 -10px;
text-indent: -9999px;
width: 207px;
}

#topbar #campus.meadville #campusmenu {
display: block;
float: left;
height: 40px;
position: relative;
margin: 5px 0 0 0;
padding-top: 0px;
width: 85px;
}

#topbar #campus.meadville #campusmenu ul {
/*background: url(http://pmionline.edu/pmi_assets/images/campusmenu-meadville.jpg) no-repeat;*/  /* 2 Alt Campuses */
background: url(http://pmionline.edu/pmi_assets/images/campusmenu-meadville2.jpg) no-repeat;
height: 40px;
margin: 0px;
width: 85px;
}

#topbar #campus.meadville #campusmenu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#topbar #campus.meadville #campusmenu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#topbar #campus.meadville #campusmenu ul li a span {
visibility: hidden;
}

/* Original Version - 2 Alternate Campuses */
/*
#topbar #campus.meadville #campusmenu #campusmenu1, #topbar #campus.meadville #campusmenu #campusmenu1 a {left: 0px; top: 13px; width: 85px; height: 11px;}
#topbar #campus.meadville #campusmenu #campusmenu2, #topbar #campus.meadville #campusmenu #campusmenu2 a {left: 0px; top: 24px; width: 85px; height: 11px;}

#topbar #campus.meadville #campusmenu #campusmenu1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/campusmenu-meadville.jpg) -0px -53px no-repeat;}
#topbar #campus.meadville #campusmenu #campusmenu2 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/campusmenu-meadville.jpg) -0px -64px no-repeat;}
*/

/* New Version - 1 Alternate Campus */

#topbar #campus.meadville #campusmenu #campusmenu1, #topbar #campus.meadville #campusmenu #campusmenu1 a {left: 0px; top: 0px; width: 85px; height: 40px;}

#topbar #campus.meadville #campusmenu #campusmenu1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/campusmenu-meadville2.jpg) -0px -40px no-repeat;}

/* Campus Flag & Menu: Shenango
------------------------------*/

#topbar #campus.shenango p#campustitle {
background: url(http://pmionline.edu/pmi_assets/images/campusflag-shenango.jpg) no-repeat;
display: block;
float: left;
height: 40px;
margin: 5px 0 0 -10px;
text-indent: -9999px;
width: 207px;
}

#topbar #campus.shenango #campusmenu {
display: block;
float: left;
height: 40px;
position: relative;
margin: 5px 0 0 0;
padding-top: 0px;
width: 85px;
}

#topbar #campus.shenango #campusmenu ul {
/*background: url(http://pmionline.edu/pmi_assets/images/campusmenu-shenango.jpg) no-repeat;*/  /* 2 Alt Campuses */
background: url(http://pmionline.edu/pmi_assets/images/campusmenu-shenango2.jpg) no-repeat;
height: 40px;
margin: 0px;
width: 85px;
}

#topbar #campus.shenango #campusmenu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#topbar #campus.shenango #campusmenu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#topbar #campus.shenango #campusmenu ul li a span {
visibility: hidden;
}

/* Original Version - 2 Alternate Campuses */
/*
#topbar #campus.shenango #campusmenu #campusmenu1, #topbar #campus.shenango #campusmenu #campusmenu1 a {left: 0px; top: 13px; width: 85px; height: 11px;}
#topbar #campus.shenango #campusmenu #campusmenu2, #topbar #campus.shenango #campusmenu #campusmenu2 a {left: 0px; top: 24px; width: 85px; height: 11px;}

#topbar #campus.shenango #campusmenu #campusmenu1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/campusmenu-shenango.jpg) -0px -53px no-repeat;}
#topbar #campus.shenango #campusmenu #campusmenu2 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/campusmenu-shenango.jpg) -0px -64px no-repeat;}
*/

/* New Version - 1 Alternate Campus */

#topbar #campus.shenango #campusmenu #campusmenu1, #topbar #campus.shenango #campusmenu #campusmenu1 a {left: 0px; top: 0px; width: 85px; height: 40px;}

#topbar #campus.shenango #campusmenu #campusmenu1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/campusmenu-shenango2.jpg) -0px -40px no-repeat;}

/* Campus Flag & Menu: North Central
------------------------------*/

#topbar #campus.northcentral p#campustitle {
background: url(http://pmionline.edu/pmi_assets/images/campusflag-northcentral.jpg) no-repeat;
display: block;
float: left;
height: 40px;
margin: 5px 0 0 -10px;
text-indent: -9999px;
width: 207px;
}

#topbar #campus.northcentral #campusmenu {
display: block;
float: left;
height: 40px;
position: relative;
margin: 5px 0 0 0;
padding-top: 0px;
width: 85px;
}

#topbar #campus.northcentral #campusmenu ul {
background: url(http://pmionline.edu/pmi_assets/images/campusmenu-northcentral.jpg) no-repeat;
height: 40px;
margin: 0px;
width: 85px;
}

#topbar #campus.northcentral #campusmenu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#topbar #campus.northcentral #campusmenu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#topbar #campus.northcentral #campusmenu ul li a span {
visibility: hidden;
}

#topbar #campus.northcentral #campusmenu #campusmenu1, #topbar #campus.northcentral #campusmenu #campusmenu1 a {left: 0px; top: 13px; width: 85px; height: 11px;}
#topbar #campus.northcentral #campusmenu #campusmenu2, #topbar #campus.northcentral #campusmenu #campusmenu2 a {left: 0px; top: 24px; width: 85px; height: 11px;}

#topbar #campus.northcentral #campusmenu #campusmenu1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/campusmenu-northcentral.jpg) -0px -53px no-repeat;}
#topbar #campus.northcentral #campusmenu #campusmenu2 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/campusmenu-northcentral.jpg) -0px -64px no-repeat;}

/* Events List - Top
------------------------------*/

#eventslist-top {
clear: both;
}

#eventslist-top p a {
background: url(http://pmionline.edu/pmi_assets/images/eventsviewall.jpg) no-repeat;
display: block;
height: 22px;
text-indent: -9999px;
width: 282px;
}

#eventslist-top p a:hover {
background: url(http://pmionline.edu/pmi_assets/images/eventsviewall.jpg) 0 -22px no-repeat;
}

#eventslist-top ul {
margin-left: 14px;
height: 55px;
overflow: hidden;
width: 265px;
}

#eventslist-top ul li.noevents {
color: #777676;
font-size: 11px;
font-style: italic;
}

#eventslist-top ul li a {
color: #4d775c;
font-size: 11px;
}

#eventslist-top ul li a:hover {
border-bottom: 1px solid #4d775c;
color: #144c27;
}

/* Content
------------------------------*/

#content {
background: url(http://pmionline.edu/pmi_assets/images/bg-content.jpg) repeat-y;
border-top: 2px solid #d3dad7;
border-bottom: 2px solid #d3dad7;
clear: both;
display: table;
width: 900px;
}

/* Sidebar
------------------------------*/

#sidebar {
float: left;
width: 282px;
}

#sidemenu {
display: block;
height: 255px;
position: relative;
margin: 15px 0 15px 15px;
padding-top: 0px;
width: 252px;
}

#sidemenu ul {
background: url(http://pmionline.edu/pmi_assets/images/sidemenu.jpg) no-repeat;
height: 255px;
margin: 0px;
width: 252px;
}

#sidemenu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#sidemenu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#sidemenu ul li a span {
visibility: hidden;
}

#sidemenu #sidemenu1, #sidemenu #sidemenu1 a {left: 0px; top: 0px; width: 252px; height: 75px;}
#sidemenu #sidemenu2, #sidemenu #sidemenu2 a {left: 0px; top: 90px; width: 252px; height: 75px;}
#sidemenu #sidemenu3, #sidemenu #sidemenu3 a {left: 0px; top: 180px; width: 252px; height: 75px;}

#sidemenu #sidemenu1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/sidemenu.jpg) -252px -0px no-repeat;}
#sidemenu #sidemenu2 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/sidemenu.jpg) -252px -90px no-repeat;}
#sidemenu #sidemenu3 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/sidemenu.jpg) -252px -180px no-repeat;}

/* Main
------------------------------*/

#main {
float: left;
padding: 15px 15px 0 15px;
width: 588px; /* True width: 618px */
}

#main h2 {
border-bottom: 1px solid #d5ded9;
color: #016331;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 10px;
padding-bottom: 10px;
text-transform: uppercase;
}

#main h3 {
background-color: #ddeae3;
color: #505050;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 10px;
padding: 3px;
/* text-transform: uppercase; */
}

#main h3 em {
color: #999;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
}

#main p {
color: #505050;
margin-bottom: 15px;
}

#main p strong,
#main ul li strong {
font-weight: bold;
}

#main p em,
#main ul li em {
font-style: italic;
}

#main p a,
#main ul li a {
border-bottom: 1px solid #d5ded9;
color: #4d775c;
}

#main p a:hover,
#main ul li a:hover {
border-bottom: 1px solid #4d775c;
color: #144c27;
}

#main p#subpgmenu {
margin: -40px 0 25px 0;
text-align: right;
}

#main p.comingsoon {
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-style: italic;
}

#main p.noevents {
font-style: italic;
}

#main p.eventhdg {
background: url(http://pmionline.edu/pmi_assets/images/icon-date.jpg) 0 10px no-repeat;
border-top: 1px solid #ddeae3;
clear: right;
font-weight: bold;
padding: 10px 0 10px 20px;
}

#main .eventimage img {
border: 2px solid #ddeae3;
float: right;
margin: 0 0 15px 15px;
width: 250px;
}

#main .eventbody {
margin-top: -25px;
padding-left: 20px;
}

#main .eventbody p {
font-size: 11px;
}

#main p.pdfdownload {
background: url(http://pmionline.edu/pmi_assets/images/icon-pdf.jpg) 0 10px no-repeat;
border-top: 1px solid #ddeae3;
padding: 10px 0 10px 20px;
color: #999;
font-size: 11px;
}

#main p.pdfdownload a {
font-size: 12px;
font-weight: bold;
}

#main ul {
margin-bottom: 15px;
margin-left: 25px;
}

#main ul li {
color: #505050;
list-style-type: square;
list-style-position: outside;
}

#main img#homepic {
float: left;
margin: -65px 10px 10px -5px;
}

#main img.pic-right {
border: 2px solid #ddeae3;
float: right;
margin: 0 0 15px 15px;
}

#main img.pic-left {
border: 2px solid #ddeae3;
float: left;
margin: 0 15px 15px 0;
}

#main #centerfeature p {
font-weight: bold;
text-align: center;
}

#main .programdescr h3 {
background-color: #e8f1ec;
border-top: 1px solid #d5ded9;
color: #505050;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 0px;
padding: 10px 0 0 0;
}

#main .programdescr h4 {
color: #505050;
font-size: 12px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 10px;
}

#main .programdescr p.backtotop a {
font-size: 11px;
}

/* Content Footer
------------------------------*/

#contentfooter {
clear: both;
padding: 15px;
}

#contentfooter h3 {
color: #016331;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 15px;
text-transform: uppercase;
}

#contentfooter p {
color: #505050;
font-size: 12px;
width: 400px;
}

/* Tour / Apply
------------------------------*/

#tourapply {
display: block;
float: right;
height: 130px;
position: relative;
margin: 0 0 0 0;
padding-top: 0px;
width: 450px;
}

#tourapply ul {
background: url(http://pmionline.edu/pmi_assets/images/tourapply.jpg) no-repeat;
height: 55px;
margin: 0px;
width: 450px;
}

#tourapply ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#tourapply ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#tourapply ul li a span {
visibility: hidden;
}

#tourapply #tourapply1, #tourapply #tourapply1 a {left: 0px; top: 0px; width: 225px; height: 55px;}
#tourapply #tourapply2, #tourapply #tourapply2 a {left: 225px; top: 0px; width: 225px; height: 55px;}

#tourapply #tourapply1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/tourapply.jpg) -0px -55px no-repeat;}
#tourapply #tourapply2 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/tourapply.jpg) -225px -55px no-repeat;}

/* CF Menu
------------------------------*/

#cfmenu {
clear: both;
display: block;
height: 145px;
position: relative;
margin: 15px 0 0 0;
padding-top: 0px;
width: 870px;
}

#cfmenu ul {
background: url(http://pmionline.edu/pmi_assets/images/cfmenu.jpg) no-repeat;
height: 145px;
margin: 0px;
width: 870px;
}

#cfmenu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#cfmenu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#cfmenu ul li a span {
visibility: hidden;
}

#cfmenu #cfmenu1, #cfmenu #cfmenu1 a {left: 0px; top: 0px; width: 174px; height: 145px;}
#cfmenu #cfmenu2, #cfmenu #cfmenu2 a {left: 174px; top: 0px; width: 174px; height: 145px;}
#cfmenu #cfmenu3, #cfmenu #cfmenu3 a {left: 348px; top: 0px; width: 174px; height: 145px;}
#cfmenu #cfmenu4, #cfmenu #cfmenu4 a {left: 522px; top: 0px; width: 174px; height: 145px;}
#cfmenu #cfmenu5, #cfmenu #cfmenu5 a {left: 696px; top: 0px; width: 174px; height: 145px;}

#cfmenu #cfmenu1 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/cfmenu.jpg) -0px -145px no-repeat;}
#cfmenu #cfmenu2 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/cfmenu.jpg) -174px -145px no-repeat;}
#cfmenu #cfmenu3 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/cfmenu.jpg) -348px -145px no-repeat;}
#cfmenu #cfmenu4 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/cfmenu.jpg) -522px -145px no-repeat;}
#cfmenu #cfmenu5 a:hover {background: transparent url(http://pmionline.edu/pmi_assets/images/cfmenu.jpg) -696px -145px no-repeat;}

/* Footer
------------------------------*/

#footer {
margin: 0px auto;
padding: 15px 0;
width: 900px;
}

#footer p#footer-smg {
float: right;
margin-top: -8px;
}

#footer p#footer-smg a {
background: url(http://pmionline.edu/pmi_assets/images/smg.jpg) no-repeat;
display: block;
height: 45px;
text-indent: -9999px;
width: 220px;
}

#footer p#footer-smg a:hover {
background: url(http://pmionline.edu/pmi_assets/images/smg.jpg) 0 -45px no-repeat;
}

#footer p#footer-pmi {
color: #b2b2b2;
font-size: 11px;
}

#footer p#footer-pmi strong {
color: #d6d6d6;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

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

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

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

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