/**********************************************************************
	Filename: smrtech.css
	Project:  SMRTech.com
	
	Global style sheet
**********************************************************************/
/* BODY TAG */
body { margin:0px; background-color:#d2d2d2; }

/* Assign font and color to the general styles */
font, th, td, p, span, div, textarea, a, ul, li { font-family:Arial, sans-serif; font-weight:normal; font-size:12px; color:#000000;}
a { font-weight:bold; color:#0e0b98; text-decoration:none; }
a:hover { color:#0e0b98; text-decoration:underline; }
hr { width:100%; height:1px; margin: 0px 0px 0px 0px; color:#000000; }
p { margin:5px 0px 20px 0px; padding:0px; }
ul { margin-top:7px; }

/* HEADING TAGS */
h1, h2, h3, h4 { font-family:Arial, sans-serif; margin:0px; padding:0px; color:#000000; }
h1 { font-size:36px; font-weight:300; margin-bottom:5px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }

/* GOOGLE TRANSLATE ELEMENT */
#IceShieldGoogleTranslate { position:relative; width:770px; height:30px; text-align:left; }
#google_translate_element { padding:10px 0px 0px 190px; text-align:left; }
#google_translate_element select { position:absolute; left:0px; top:0px; width:175px; }

/* HEADER */
#header { position:relative; width:740px; height:120px; padding:12px 15px 0px 15px; background-color:#ffffff; text-align:left; border:1px solid #a4a4a4; border-bottom:none; }
#headerBanner { position:absolute; z-index:2; bottom:0px; right:10px; width:465px; height:113px; background-image:url( ../images/headerDefault.jpg ); background-repeat:no-repeat; }
#blueBar { position:absolute; z-index:1; bottom:5px; left:0px; width:770px; height:5px; background-color:#0e0b98; }

/* PAGE */
#pageTop { width:770px; margin-top:7px; text-align:right; color:#000000; }
#pageTop a { font-weight:bold; color:#000000; }
#pageTop a:hover { color:#0e0b98; }
#page { width:710px; padding:10px 15px 0px 45px; background-color:#ffffff; text-align:left; border-left:1px solid #a4a4a4; border-right:1px solid #a4a4a4; }
#pageContent { width:525px; min-height:200px; padding:30px 0px 30px 0px; text-align:left; }
#pageContentTimeline { width:710px; min-height:200px; padding:30px 0px 30px 0px; text-align:left; background-image:url(../images/timeLine.jpg); background-repeat:no-repeat; }
#pageContentLeft { width:500px; min-height:200px; padding:30px 0px 30px 0px; text-align:left; }
#rightSide { float:right; margin-top:30px; }
#footer { width:770px; height:42px; padding-bottom:5px; background-color:#ffffff; background-image:url(../images/footerBG.gif); background-repeat:no-repeat; border:1px solid #a4a4a4; border-top:none; }
#footer a { float:left; margin-left:48px; }
#footnote { width:770px; margin-top:3px; color:#6e6e6e; font-size:10px; text-align:center; }
#footnote a { color:#0e0b98; font-size:10px; }
#footnote a:hover { text-decoration:underline; }

/* RIGHT SIDE BOX */
#boxTop { width:193px; height:17px; padding:4px 0px 4px 0px; text-align:center; background-image:url( ../images/boxTop.gif ); background-repeat:no-repeat; }
#boxTop h3 { color:#737373; }
#boxContent { width:173px; margin:3px 0px 3px 0px; padding:20px 10px 20px 10px; text-align:left; background-color:#dddddd; }
#boxBottom { width:193px; height:12px; background-image:url( ../images/boxBottom.gif ); background-repeat:no-repeat; }

/* NAVIGATION */
#navigation { width:710px; height:27px; background-image:url( ../images/navBG.gif ); background-repeat:no-repeat; background-position:top right; }
#navigationLinks { float:left; height:25px; padding-top:2px; background-color:#a4a4a4; }
#navigationLinks div { float:left; margin-right:2px; }

/* SUB NAVIGATION */
#subMenu div { margin-bottom:2px; }
#subMenu a { color:#000000; font-weight:bold; }
#subMenu a:hover { color:#0e0b98; text-decoration:none; }

/* SUB MENU CHILDREN */
#subMenuChildren { margin:3px 0px 8px 15px !IMPORTANT; }
#subMenuChildren a { font-size:10px; }
#subChildHere { font-size:10px; color:#0e0b98; font-weight:bold; }

/* IMAGES */
.imgRight { float:right; margin:0px 0px 15px 15px; border:1px solid #000000; }
.imgLeft { float:left; margin:0px 15px 15px 0px; border:1px solid #000000; }

/* TIMELINE LIST */
#leftColumn { width:305px; float:left; text-align:right; }
#leftColumn div { font-size:10px; }
#leftColumn ul { margin:0px; padding:0px 15px 0px 0px; list-style-type:none; }
#leftColumn li { font-size:10px; }
#rightColumn { width:305px; float:right; text-align:left; }
#rightColumn div { font-size:10px; }
#rightColumn ul { margin:0px; padding:0px 0px 0px 15px;  }
#rightColumn li { font-size:10px; list-style-type:none; }