﻿body {text-align: center; margin:0px auto 10px auto; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color:#333; background-color:#d8dcdf;}
.body {background-image:url(../Images/backgrad.jpg); background-repeat: repeat-x;}
#content {width: 924px; text-align: left; margin:0px auto; background-color:#fff;} 
#contentWide {width: 1000px; text-align: left; margin:0px auto; background-color:#fff;} 
h1, h2, h3, h4, h5 {margin: 0px; text-align: Justify; clear:left;} 
h1 {font-size:x-large; color: #3E9ED0; padding: 20px 0 5px 0; font-weight:normal;}
h2 {font-size: 130%; color: #3E9ED0; padding: 0px 0 10px 0; font-weight: lighter;}
h3 {font-size: 110%; color: #736857; padding: 10px 0 5px 0; font-weight: bold;}
h4 {font-size: 100%; color: #333; padding: 0px 0px 0px 0px; font-weight: bold;}
h5 {font-size: 100%; color: #736857; padding: 10px 0px 0px 0px; font-weight: bold;}
.link {padding: 5px 0 5px 0; margin: 0 0 0 0; font-size: 100%; color: #3E9ED0; text-align: left; text-decoration: none;}
.button {border:1px solid #B4AB9E;}
a {padding: 0 2px 0 2px; margin: 0 0 0 0; font-size: 100%; color: #3E9ED0; text-align: left; text-decoration: none;} 
a:hover {color: #333;}
.centerimage {text-align:center;}
.centered{text-align:center; margin:20px auto 0px auto;}
.breadcrumbs {float:left; width:510px; margin:6px; margin:0px 0px 10px 0px;}
.breadRep {font-size:x-large; color:#3E9ED0; font-weight:bold; float:left; margin:0px 6px 0px 0px;}
.breadPage {font-size:large; float:left; margin:6px 0px 0px 0px;}
.breadcrumbs a:hover {color: #736857;}
.spacer {margin:0px 10px; float:left;}


/* Header */
.header {float:left;}
.headerTop {float:left; width:100%; margin:3px 0px 3px 0px;}
.headerLeft {background-image:url(../Images/rglogo.jpg); background-repeat:no-repeat; width:154px; height:80px; float:left; margin:0px 15px 0px 5px; float:left; }
.headerLeft a:hover{cursor:pointer;}
.headerRight {width:749px; height:79px; float:left;}
.headerRightWide {width:826px; height:79px; float:left;}
.HomeLink {width:170px; height:118px; display:block;}
.headerInnerRight {float:left; width:720px;}
.headerInnerRightWide {float:left; width:810px;}
.TitleText {float:left; font-size:30px; color:#fff; margin:319px 0px 0px 10px;}
#top {float:left; width:100%;}
.MenuLoginHome {margin:5px 10px 0px 0px; float: right; text-align:right; width:330px;}
.MenuLoginHome a:link,.MenuLoginHome a:visited,.MenuLoginHome a:active {color: #333; font-weight: bold; text-decoration: none;}
.MenuLoginHome a:hover {color: #8E9D0D;}
.MenuLogin {margin:5px 10px 0px 0px; float: left; text-align:right; width:330px;}
.MenuLogin a:link,.MenuLogin a:visited,.MenuLogin a:active {color: #333; font-weight: bold; text-decoration: none;}
.MenuLogin a:hover {color: #8E9D0D;}
.toploginoutbutton {float:right; margin:0px;}
.toploginname {color:#736857; text-align:right; width:240px; float:right;}
.homeTitle {font-size:130%; font-weight:normal; margin:-40px 5px -0px 0px; clear:right;float: right; text-align:right; width:400px;}
.blackheaderbar {margin:40px 8px 0px 0px; float:left; height:38px; clear:left;}
.topbreadcrumbs{width:732px; float:left; height:20px;}
.myProfile {float:right; height:18px; margin:2px 0px 0px 0px; width:110px; text-align:right; width:200px;}
.topgreenbar {background-image:url(../Images/topgreenbar.jpg); background-repeat:repeat-x; float:left; width:728px; height:43px;}
.topImageHome {background-image:url(../Images/topimagehome.jpg); background-repeat: no-repeat; width:924px; height:390px; float:left;}
.topImage {background-image:url(../Images/topimagemech.jpg); background-repeat: no-repeat; width:924px; height:100px; float:left;}
.topImageRep {background-image:url(../Images/topimagerep.jpg); background-repeat: no-repeat; width:924px; height:100px; float:left;}
.topImageCad {background-image:url(../Images/topimagecad.jpg); background-repeat: no-repeat; width:924px; height:100px; float:left;}
.topsidegrad {float:left; margin:0px 0px 0px 173px;}

/* Header Menu */
.topMenu, .topMenuHome, .topMenuwide {height:28px; float:left; background-image:url(../Images/menubar.png); background-repeat: repeat-x; width:100%;}
.topMenu, .topMenuwide  {margin:72px 0px 0px 0px;}
.topMenuHome {margin:8px 0px 0px 0px;}
.topMenuHomeBox, .topMenuWideBox, .topMenuBox {float:left; margin: 0px 0px 0px 164px; width:600px;}
.topMenu a:link,.topMenu a:visited,.topMenu a:active, .topMenuHome a:link,.topMenuHome a:visited,.topMenuHome a:active, .topMenuwide a:link,.topMenuwide a:visited,.topMenuwide a:active  {text-decoration: none; font-size: 130%; height:23px; float:left; padding:5px 10px 0px 10px;}
.IE8Fix { z-index:100;}
.topMenuHover {background-image:url(../Images/mainHover.png); background-repeat: repeat-x; height:28px; color: #fff; font-weight: bold; }
.topMenuDynamic {background-color:#eef599;  height:28px; border:1px solid #666; color: #333; float:left;}
.topMenuDynamicHover {color:#000; background-image:url(../Images/mainHover.png); font-weight:normal;}
.topMenuStatic {color: #fff; font-weight: bold; }


/* Menu groups -------------------------------------------- */
.TopGroup {background-color:Transparent; color:White; margin:0px 0px 0px 185px; float:left; }
.TopMenuItem {color:#fff; font-size:13px; cursor:pointer; height:28px;}
.TopMenuItemHover {background-image:url(../Images/mainHover.png); background-repeat: repeat-x; height:28px; cursor:pointer;}
.ExpandMenuItem {background-image:url(../Images/mainHover.png); background-repeat: repeat-x; background-color:#fff; color:#333; border:solid 1px #4B4B6F; cursor:pointer; height:16px; }
.ExpandMenuItemSelected {background-color:#2E8DBC; border:solid 1px #4B4B6F; color:#333; border:solid 1px #4B4B6F; cursor:pointer;}
.ExpandMenuItemHover {background-color:#2E8DBC; border:solid 1px #4B4B6F; color:#fff; cursor:pointer; height:16px; }
.TemplatedItem {color:Red;}

/* Left Column */
.leftColumn {width:171px;float:left; padding:5px 0px 0px 0px;}
.red {color:Red;}
.leftColumn .title {background-color:Transparent;}
.leftMenuTitle {width:152px; padding:3px 5px 3px 5px; margin-left: 5px;float:left; background-color:#B0BE32; color: #fff; font-weight:bold;}
.leftSideMenu li {background-color:#fff; color:#B0BE32; list-style-image:url("../images/liSquare.jpg"); float:left;}
.leftSideMenu ul { float:left; margin:5px 0px 0px 10px;}
.leftSideMenu li a:link, .leftSideMenu li a:visited , .leftSideMenu li a:active  {background-color:#fff; color:#777;}
.leftSideMenu li a:hover {color: #98A42B;}
.leftBox {margin:0px 8px 10px 8px; border:dashed 1px #cacaca; padding: 10px 10px 10px 10px; float:left;}
.leftSideMenu{margin:0px 8px 10px 8px; float:left;}

/* Right Column */
.rightColumn {width:751px; float:left; background-color:#cacaca;}
.rightInnerColumn {width:637px; background-color:#fff; float:left; padding:10px 50px 30px 50px;}
.blackleftbar {background-image:url(../Images/sidegrad.jpg); background-repeat: no-repeat; height:200px; width:14px; float:left;}
.menuContainerSide li {list-style-type:none;}
.menuContainerSide a:link, .menuContainerSide a:visited, .menuContainerSide a:active {color:#3E9ED0; width:120px; font-family: Arial; font-weight: bold; font-size: 100%; text-decoration: none;}
.menuContainerSide a:hover {color:#736857;}
.rightImage {text-align:center; margin:10px 0px 0px 0px;}

/* One Column */
.fullColumn {width:900px;  clear:left; margin:20px auto;}
fullColumnWide {width:1000px;  clear:left; margin:20px auto;}

/* Footer */
#footer {width:924px; text-align:center; margin:0px auto 0px auto; float:left; }
#footerwide {width:1000px; text-align:center; margin:0px auto 0px auto; float:left; }
#footerBar {width:924px; height:23px; float:left; background-image:url(../Images/footer.jpg); background-repeat:repeat-x;}
#footerBarwide {width:1000px; height:23px; float:left; background-image:url(../Images/footer.jpg); background-repeat:repeat-x;}
.tagline {float:left; width:100%; color:#fff; text-align:center;  font-weight:bold; margin:2px 0px 2px 0px;}
.coreg {width:470px; margin:3px 0px 3px 3px;  float:left; font-size:smaller; text-align:left;}
.coregwide {width:530px; margin:3px 0px 3px 3px;  float:left; font-size:smaller; text-align:left;}
#copyright {width:450px;  margin:3px auto 3px auto;  text-align:right; float:left; font-size:smaller; font-weight:bold; height:18px;}
#copyrightwide {width:450px;  margin:3px auto 3px auto;  text-align:right; float:left; font-size:smaller; font-weight:bold; height:18px;}
#lastLine {width:100%; height:1px; clear:both;}
.footerSpacer {margin:0px 5px 0px 5px;}

/* Lists */
.noBullet, .noBullet ul {list-style-type:none;}

.Terms dl {float:left; margin:5px 10px 5px 0px; width:738px; clear:left;}    
.Terms dt {margin:0px; float: left;}
.Terms h4 {width:770px;}
.Terms {width:780px; float:left;}
.Terms .nestedDL {width:697px;}
li {clear:left;}
.title {margin:10px; font-size:large;}

/* Home */
.resourceHome {float:left; clear:both;width:750px; margin:0px 0px 0px 10px;}
.strongintro {text-align:justify; font-size:85%;}
.homeBox {margin:10px 0px 0px 0px;float:left; border-top:1px solid #ccc; padding:10px 0px 0px 0px;}
.homeLeft {width:560px; margin:0px 0px 0px 0px;float:left;}
.homeRight {height:80px; width:180px;float:right;}
.homerule{margin:0px; padding:0px;}
.homeLinkLabel {font-weight:bold; margin: 0px 10px 0px 0px;}

.pageTitle {font-size:x-large;}
.pageSubTitle {font-size:large;}
.greenTitle {float:left; color:#cfd51c; font-weight:bold; font-size:110%;}


/* 404 page */
#pageSize404 {width: 700px;	margin: 5% auto 5% auto; padding: 0px; border: 1px solid #333; background-color: #FFF; vertical-align: middle; text-align:center; background-image:url(Images/wheel.jpg);	background-repeat:no-repeat; background-position:left -10%;}
.textHeader404 {font-family: Arial; color: #333; font-size: 110%; font-weight: bold;}
.text404 {font-family: Arial; color: #565249; font-size: 100%;}
.button {border:1px solid #A7B70F; background-color:#FFF; outline: 1px solid #333; text-decoration:none; color: #333;}

/* Downloads */
.downloads {width:120px; height:160px; float:left; text-align:center; margin:10px 0px;}
.downloadText {margin:5px 0px;}
.imageBorder {border:1px solid #cacaca; float:left;}

/* Press Release */
.centerPhoto { float:right; width:400px; margin:10px;}
.PressRelease {margin:10px 0px 10px 0px; float:left;}
.PressRelease dl{float:left; margin: 0; width:100%;}
.PressRelease dt { float: left; clear: left; width: 100px;  padding: 1px; font-weight:bold; height:30px;  margin:0px;}
.PressRelease dd { float: left; width:650px; padding: 1px;  height:30px; margin:0px;}
.prRelated {margin:0px; float:left; height:15px;}

/* Page Elements */
.textBox { font-size: 90%; border: 1px solid #B4AB9E; margin: 2px 0 2px 0; width: 60px; padding: 2px 2px 2px 4px; }
.textBoxReq { font-size: 90%; border: 1px solid #900; margin: 2px 0 2px 0; width: 60px; background-color: #FFF2D7; padding: 2px 2px 2px 4px; }
.textBoxLarge { font-size: 90%; border: 1px solid #B4AB9E; margin: 3px 0 3px 0; width: 135px; }
.readOnlyTextBox { font-size: 90%; border: 1px solid #B4AB9E; margin: 3px 0 3px 0; width: 60px; background-color:#EDE8E3; }
.textArea {	font-size: 90%;	border: 1px solid #B4AB9E; margin: 3px 0 3px 0; }

.halfListHome {float:left;width:280px; margin:0px 0px 0px 30px;}
.halfList {float:left;width:310px;}
.halfList li {list-style-type:none;}

/* Copyright */
.copyright dl{margin:0px 0px 20px 0px; padding:0px; float:left;}
.copyright dt{float:left; clear:left; margin:0px -30px 0px 0px; padding:0px; width:100px;}
.copyright dd {float:left; width:270px;}

/* Downloads */
.downloads {width:120px; height:160px; float:left; text-align:center; margin:10px 0px;}
.downloadText {margin:5px 0px;}
.imageBorder {border:1px solid #cacaca; float:left;}

.clearleft {clear:left;}
dl {float:left; width:700px;}    
dt {margin:0px; float: left; clear:left; width:100px;}

/* Exhibitions */
.exhibition {float:left; width:400px; margin: 0px 0px 20px 0px;}
.exhibitionImage { float: left;}

.ResourceGroup a {color: #333; font-weight:bold;} 
.ResourceGroup a:hover {color: #8E9D0D;}

.blueText {font-size:125%; color: #3E9ED0; font-weight:normal;}
.rightImage {float:right; margin: -10px -52px -33px 40px;}

/* Component Art Site Map */
.SiteMap{background-color:white; padding-left:15px;}
.RootNode {font-weight: bold; padding:7px; padding-top:7px; padding-bottom:1px;} 
.RootNode a, .ParentNode a, .LeafNode a{color: #3E9ED0; text-decoration:none;} 
.RootNode a:hover, .ParentNode a:hover, .LeafNode a:hover {color: #333; text-decoration:underline;} 


/* Press Releases */
.PressRelease {margin:10px 0px 10px 0px; float:left;}
.PressRelease dl{float:left; margin: 0; width:100%;}
.PressRelease dt { float: left; clear: left; width: 100px;  padding: 1px; font-weight:bold; height:30px;  margin:0px;}
.PressRelease dd { float: left; width:500px; padding: 1px;  height:30px; margin:0px;}

