/*Global Rules*/

body {background-image: url('../images/graybg.jpg'); color: black; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; margin: 0 0 0 0;}
.tag {color: black; font-size: 13pt; font-style: italic; font-weight: bold;}
.spacer {height: 12px; width: 20px;}
.spaceleft {width: 20px;}
.spaceright {width: 20px;}
.spacetemp {width: 10px;}
.aligntop {vertical-align: top;}
.feature {width: 12%; text-align: right; vertical-align: top;}
.feature2 {text-align: left; font-size: 8pt; font-weight: bold;}
.news {text-align: left; font-size: 8pt;}
.leftb {text-align: left; font-weight: bold;}
.copy {text-align: right; font-size: 8pt;}
.centerb {text-align: center; font-weight: bold;}
.iconframe {border: thin solid silver;}


/*Gray Box Rules*/
.graytop {background-image: url('../images/graytop.gif'); background-repeat: no-repeat; height: 9px;}
.grayblank {background-image: url('../images/graymid.gif'); background-repeat: repeat-y; text-align: left; font-weight: bold;}
.grayline {background-image: url('../images/grayline.jpg'); background-repeat: no-repeat; height: 7px;}
.graylinebg {background-image: url('../images/graylinebg.jpg'); background-repeat: repeat-y; text-align: left;}
.graybot {background-image: url('../images/graybot.gif'); background-repeat: no-repeat; height: 9px;}
.boxtext {text-align: left; font-size: 8pt; font-weight: bold; vertical-align: top;}
.orangetop {background-image: url('../images/orangetop.jpg'); background-repeat: no-repeat; height: 11px;}
.orangemid {background-image: url('../images/orangemid.jpg'); background-repeat: repeat-y;}
.orangebot {background-image: url('../images/orangebot.jpg'); background-repeat: no-repeat; height: 11px;}
.yellowtop {background-image: url('../images/yellowtop.jpg'); background-repeat: no-repeat; height: 11px;}
.yellowmid {background-image: url('../images/yellowmid.jpg'); background-repeat: repeat-y;}
.yellowbot {background-image: url('../images/yellowbot.jpg'); background-repeat: no-repeat; height: 11px;}


/*Template Specific Rules and Images*/   
 
/*Top Nav Bar*/
.topbar {background-image: url('topbar.jpg'); background-repeat: repeat-x; height: 75px}
.topnav {background-image: url('topnav.jpg'); background-repeat: no-repeat; height: 100%}

/* Top Nav Links */
a:link.top {color: #000000; text-decoration: none; font-weight: bold;}
a:active.top {color: #FFFFFF; text-decoration: none; font-weight: bold;}
a:visited.top {color: #000000; text-decoration: none; font-weight: bold;}
a:hover.top {color: #FFFFFF; text-decoration: none; font-weight: bold;}

/*Left Sidebar*/
.topside {background-image: url('sidehead.gif'); background-repeat: no-repeat; height: 24px; vertical-align: top; font-weight: bold}
.midsidetop {background-image: url('sidemidtop.gif'); background-repeat: repeat-y}
.midside {background-image: url('sidemid.gif'); background-repeat: no-repeat; height: 35px; text-align: left; font-weight: bold}
.midsidebot {background-image: url('sidemidbot.gif'); background-repeat: repeat-y}
.botside {background-image: url('sidebot.gif'); background-repeat: no-repeat; height: 17px}

/*Center Content Area*/
.topleft {background-image: url('midtopleft.jpg'); background-repeat: no-repeat;height: 22px}
.topmid {background-image: url('midtop.jpg'); background-repeat: repeat-x; font-weight: bold; text-align: left; height: 22px}
.topright {background-image: url('midright.jpg'); background-repeat: no-repeat; height: 22px}

.toplefttab {background-image: url('tabbglt.gif'); background-repeat: no-repeat;  height: 52px}
.topmidtab {background-image: url('tabbg.gif'); background-repeat: repeat-x; text-align: right; height: 52px; vertical-align: top}
.toprighttab {background-image: url('tabbgrt.gif'); background-repeat: no-repeat;  height: 52px}
.icontab {background-image: url('tab.gif'); background-repeat: no-repeat; width: 52px}

.centerleft {background-image: url('midleftlong.jpg'); background-repeat: repeat-y}
.centermid {background-color: white; color: black; text-align: left;}
.centerright {background-image: url('rightlong.jpg'); background-repeat: repeat-y}
.botleft {background-image: url('midbotleft.jpg'); background-repeat: no-repeat; height: 21px}
.botmid {background-image: url('midbotcenter.jpg'); background-repeat: repeat-x; height: 21px}
.botright {background-image: url('midbotright.jpg'); background-repeat: no-repeat; height: 21px}

/*Bot Nav Bar*/
.botbar {background-image: url('botbg.jpg'); background-repeat: repeat-x; height: 29px}

/* Bot Nav Links */
a:link.bot {color: #000000; font-weight: bold;}
a:active.bot {color: #FFFFFF; font-weight: bold;}
a:visited.bot {color: #000000; font-weight: bold;}
a:hover.bot {color: #FFFFFF; font-weight: bold;}

/* Control Panel Specific Rules */

/*Text Rules*/
.title {text-align: left; font-size: 14pt; font-weight: bold;}
.sections {text-align: left; height: 110px; vertical-align: top;}
.aligntopleft {vertical-align: top; text-align: left;}

/*Side Nav Links*/
a:link.cpnav {color: #000000; text-decoration: none;}
a:active.cpnav {color: #000000; text-decoration: none;}
a:visited.cpnav {color: #000000; text-decoration: none;}
a:hover.cpnav {color: #000000; text-decoration: underline;}

/*Body Nav Links*/
a:link.cpbod {color: #DF0000; text-decoration: none; font-weight: bold;}
a:active.cpbod {color: #DF0000; text-decoration: none; font-weight: bold;}
a:visited.cpbod {color: #DF0000; text-decoration: none; font-weight: bold;}
a:hover.cpbod {color: #DF0000; text-decoration: underline; font-weight: bold;}

/*Body Nav Links*/
a:link.cpbot {color: #DF0000; text-decoration: none;}
a:active.cpbot {color: #DF0000; text-decoration: none;}
a:visited.cpbot {color: #DF0000; text-decoration: none;}
a:hover.cpbot {color: #DF0000; text-decoration: underline;}

/*Image Rules*/
.cptopbar {background-image: url('mecpaneltopp.gif'); height: 66px; vertical-align: top}
.arrow {background-image: url('arrow.gif'); height: 11px; width: 11px; background-repeat: no-repeat}
.arrow2 {text-align: left; background-image: url('arrow2.gif'); background-repeat: no-repeat}
.cpbottombar {background-image: url('mecpanelbottom.gif'); height: 400px; vertical-align: top}

/*Table Style*/
.tablestyle {border-collapse: collapse; border: 1px solid #E21E20}
.cellstyle {border: 1px solid #E21E20}.hrstyle {border: 1px solid #E21E20}
.celltopstyle {border: 1px solid #E21E20; background-color: #C0C0C0}