@charset "UTF-8";



/* CSS Document */







img { border: none; } /* Removes default borders around linked images */







ul { padding-left: 16px; } /* IE Fix - http://www.communitymx.com/content/article.cfm?cid=01DB3 */



ul li { color: #FF0000; } /* For bullet points */







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



/* Sticky Footer */ 



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







/* 



STICKER - A valid, easy to use CSS sticky footer by Ryan Fait



http://ryanfait.com/sticky-footer/







This is the basic CSS you need along with the one extra empty



div and the wrapper required to achieve the effect. I suggest



that you leave the * { margin: 0; } code in while testing and



building your site because margins do have a tendency to mess



things up a bit. Have fun!







Copyright (c) 2006-2007 Ryan Fait



*/







/*



IMPORTANT - Dec-07







All background-image url attributes are now complete urls.



Please follow this guideline going forward to ensure compatability 



as this CSS is re-used verbatim for off-site purposes (newsletter 



emails) to ensure look-and-feel compatability with site







Mark - Brainweb Solutions - mark@brainwebsolutions.com



*/







* {



	margin: 0;



}



html, body {



	height: 100%;



	background-color: #CCCCCC;



	background-image: url(http://www.pmworx.com/images/background.gif);



}



body {



    padding-top: 0px;



}



.wrapper {



	width: 810px;



	min-height: 100%;



	height: auto !important;



	height: 100%;



	margin: 0 auto -117px; /* the bottom margin is the negative value of the footer's height */



	background-color: transparent;



	background-image: url(http://www.pmworx.com/images/bkgd_edges.gif);



	background-position: top left;



	background-repeat: repeat-y;



}



.footer {



    width: 810px;



    height: 117px; /* .push must be the same height as .footer */



	margin: 0 auto;



	background-color: transparent;



	background-image: url(http://www.pmworx.com/images/bkgd_bottom.gif);



	background-position: bottom left;



	background-repeat: no-repeat;



}



.push {



    width: 800px;



    height: 117px; /* .push must be the same height as .footer */



	margin: 0 auto;



}







/*



TROUBLESHOOTING







I've received a few comments about vertical margins causing a



few problems with the layout. If you want space between



paragraphs or headers, use padding instead of margin. It's as



simple as that.



*/







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



/* Page Structure */ 



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







/* Home page */







#home_wrapper {



	width: 810px;



	height: 556px;



	margin: 0 auto;



	background-color: transparent;



	background-image: url(http://www.pmworx.com/images/bkgd_edges.gif);



	background-position: top left;



	background-repeat: repeat-y;



}



#home_flash {



    width: 790px;



	height: 190px;



	margin-left: 10px;



	margin-bottom: 20px;



	background-color: transparent;



}



#home_text {



    width: 754px;



	height: 160px;



	margin: 26px 8px 0px 28px;



	background-color: transparent;



	overflow: auto;



}



#home_footer {



    width: 810px;



    height: 117px; /* #home_footer should be the same height as .footer */



	margin: 0 auto;



	background-color: transparent;



	background-image: url(http://www.pmworx.com/images/bkgd_bottom.gif);



	background-position: bottom left;



	background-repeat: no-repeat;



}







/* Other pages */







#top_header {



    width: 790px;



	height: 124px;



	background-color: #F0ECD9;



	margin-left: 10px;



}



#top_strip_red {



    width: 810px;



	height: 1px;



	background-color: #FF0000;



	position: relative;



	z-index: 1; /* only works on elements that have been positioned - eg. relative, absolute */



}



#top_strip_orange {



    width: 810px;



	height: 5px;



	background-color: #FF9933;



	position: relative;



	z-index: 1; /* only works on elements that have been positioned - eg. relative, absolute */



}



#nav_bar {



    width: 790px;



	height: 22px;



	background-color: #C3C2C2;



	background-image: url(http://www.pmworx.com/images/topnav_filler.gif);



	background-position: right;



	background-repeat: no-repeat;



	margin-left: 10px;



}



#middle_content {



    width: 792px;



	padding-left: 16px;



	background-color: transparent;



}



#vertnav_info {



    height: 76px;



	width: 180px;



	border-color: #CCCCCC;



	border-style: solid;



	border-width: 1px;



    margin-bottom: 10px;



	padding-right: 5px;



	padding-top: 5px;



	background-image: url(http://www.pmworx.com/images/rightnav_info.gif);



	background-position: bottom left;



	background-repeat: no-repeat;



}



#vertnav_info2 {



}



.bottom_logos {



    height: 59px;



	text-align: center;



	background-color: transparent;



	border-color: #CCCCCC;



	border-style: solid;



	border-width: 1px;



	padding-top: 4px;



}







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



/* Text Styles */ 



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







.bodystyle1 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	line-height: 16px;



	font-weight: normal;



	color: #555555;



}



.bodystyle2 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 9px;



	line-height: 15px;



	font-weight: normal;



	color: #000000;



}



.title1 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 16px;



	line-height: 22px;



	font-weight: bold;



	color: #FF9933;



}



.title2 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 16px;



	line-height: 22px;



	font-weight: bold;



	color: #666666;



}



.title3 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	line-height: 18px;



	font-weight: bold;



	color: #FF9933;



}







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



/* Link Styles */ 



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







a:link, a:visited {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 10px;



    color: #FF9933;



    line-height: 16px;



	font-weight: bold;



}



a:hover {



    text-decoration: none;



    color: #999999;



}



a:active { }







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







a.linkstyle1:link, a.linkstyle1:visited {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 9px;



    color: #FF9933;



    line-height: 15px;



	font-weight: normal;



}



a.linkstyle1:hover {



    text-decoration: none;



    color: #999999;



	/* background-color: EDF3F6; */



}



a.linkstyle1:active { }







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







a.linkstyle2:link, a.linkstyle2:visited {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 10px;



    color: #555555;



    line-height: 15px;



	font-weight: normal;



}



a.linkstyle2:hover {



    text-decoration: none;



    color: #FF9933;



	/* background-color: EDF3F6; */



}



a.linkstyle2:active { }







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







a.linkstyle3:link, a.linkstyle3:visited {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 16px;



    color: #FF9933;



    line-height: 25px;



	font-weight: bold;



}



a.linkstyle3:hover {



    text-decoration: none;



    color: #999999;



}



a.linkstyle3:active { }







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







a.linkstyle4:link, a.linkstyle4:visited {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 12px;



    color: #FF9933;



    line-height: 18px;



	font-weight: bold;



}



a.linkstyle4:hover {



    text-decoration: none;



    color: #999999;



}



a.linkstyle4:active { }







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



/* Form Styles */ 



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







input,textarea, select {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	line-height: 15px;



	font-weight: normal;



	color: #000000;



/*	background-color: #FFFFFF; */



/*	border: 1px; */



/*	border-color: #234983; */



}







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



/* Horizontal Nav Bar */ 



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







.horizmenu {



    margin: 0;



    padding: 0;



	background-color: transparent;



	white-space: no-wrap;



}



.horizmenu ul {



    margin: 0;



    padding: 0;



    list-style-type: none; /* Removes the default "List Item" Bullets */



	text-align: center;



	white-space: no-wrap;



}



.horizmenu li {



    /* width: 200px; */



    margin-right: 1px;



	padding: 0;



    background-color: #999999;



    text-align: center;



    float: left;



	white-space: no-wrap;



}



.horizmenu li a:link, .horizmenu li a:visited {



    display: block;



    /* width: 100%; */



	padding: 0px 12px 0px 13px;



	text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 10px;



    color: #000000;



    line-height: 22px;



	font-weight: normal;



	background-color: transparent;



	background-image: url(http://www.pmworx.com/images/topnav_off.gif);



}



.horizmenu li a:hover, .horizmenu li a#current {



    text-decoration: none;



	color: #000000;



    background-color: transparent;



	background-image: url(http://www.pmworx.com/images/topnav_on.gif);



}







.horizmenu2 {



    margin: 0;



    padding: 0;



	background-color: transparent;



	white-space: no-wrap;



}



.horizmenu2 ul {



    margin: 0;



    padding: 0;



    list-style-type: none; /* Removes the default "List Item" Bullets */



	text-align: center;



	white-space: no-wrap;



}



.horizmenu2 li {



    /* width: 200px; */



    margin-right: 1px;



	padding: 0;



    background-color: #999999;



    text-align: center;



    float: left;



	white-space: no-wrap;



}



.horizmenu2 li a:link, .horizmenu2 li a:visited {



    display: block;



    /* width: 100%; */



	padding: 0px 12px 0px 13px;



	text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 10px;



    color: #000000;



    line-height: 22px;



	font-weight: normal;



	background-color: transparent;



	background-image: url(http://www.pmworx.com/images/topnav_off.gif);



}



.horizmenu2 li a:hover {



    text-decoration: none;



	color: #000000;



    background-color: transparent;



	background-image: url(http://www.pmworx.com/images/topnav_on.gif);



}



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



/* Vertical Nav Bar */ 



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







#navbar {



    height: 24px;



    /* width: 100%; */



    border: none;



    /* background-color: #FFFFFF; */



}



html>navbar {



    height: 24px;



    /* width: 100%; */  /* be nice to Opera */



}



#navbar ul {



    list-style-type: none; /* Removes the default "List Item" Bullets */



    margin: 0px;



    padding: 0px;



}



#navbar li {



    margin-bottom: 12px;



    padding: 0px;



    text-align: right;



}



#navbar li a:link, #navbar li a:visited {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 10px;



    color: #333333;



    line-height: 14px;



	font-weight: normal;



	padding-right: 12px;



	/* background-color: #AFE901; */



    /* background-image: url(images/underline_off.gif); */



	/* background-position: top right; */



	/* background-repeat: no-repeat; */



    display: block;



}



#navbar li a:hover, #current a:link, #current a:visited, #current a:hover, #current a:active {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 10px;



	color: #FF9933;



	line-height: 14px;



	font-weight: normal;



	padding-right: 12px;



	/* background-color: #EFEFEF; */



    background-image: url(http://www.pmworx.com/images/arrow_left.gif);



	background-position: top right;



	background-repeat: no-repeat;



	display: block;



}







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



/* Vertical Nav Bar 2 */ 



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







#navbar2 {



    height: 24px;



    /* width: 100%; */



    border: none;



    /* background-color: #FFFFFF; */



}



html>navbar2 {



    height: 24px;



    /* width: 100%; */  /* be nice to Opera */



}



#navbar2 ul {



    list-style-type: none; /* Removes the default "List Item" Bullets */



    margin: 0px;



    padding: 0px;



}



#navbar2 li {



    margin-bottom: 2px;



    padding: 0px;



    text-align: right;



}



#navbar2 li a:link, #navbar2 li a:visited {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 10px;



    color: #333333;



    line-height: 14px;



	font-weight: normal;



	padding-right: 12px;



	/* background-color: #AFE901; */



    /* background-image: url(images/underline_off.gif); */



	/* background-position: top right; */



	/* background-repeat: no-repeat; */



    display: block;



}



#navbar2 li a:hover, #current a:link, #current a:visited, #current a:hover, #current a:active {



    text-decoration: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 10px;



	color: #FF9933;



	line-height: 14px;



	font-weight: normal;



	padding-right: 12px;



	/* background-color: #EFEFEF; */



    background-image: url(http://www.pmworx.com/images/arrow_left.gif);



	background-position: top right;



	background-repeat: no-repeat;



	display: block;



}











/* Newsletter Only Additions Start */







.orangebar {



	display: block;



	height: 5px;



	width: 100%;



	background-image: url(http://www.pmworx.com/newsletterfiles/images/orangebar.gif);



	background-repeat: repeat-x;



	margin-bottom: 10px;



}







.greybar {



	display: block;



	height: 1px;



	width: 100%;



	margin-bottom: 14px;



	background-color: #eee;



}











.clearboth {



	clear: both;



}







.newsletterBodyBox {



	padding: 10px;



}







.outlined {



	border: 1px solid #eee;



}







.calloutBox {



	padding: 5px;



}







/* Newsletter Only Additions End */