/**
*   site main css style
*/
 
/* -------------------------------------- init --------------------------------------------*/

body { margin: 0; padding: 0; text-align: center; background: url(../images/bg_gradient.jpg) repeat-x; font: 16px Georgia, "Times New Roman", Times, serif; color: #3a3d45; }
#container { margin: 0 auto; width: 984px; padding: 0 20px; line-height: 22px; text-align: left; }

a { text-decoration: none; color: #2b5497; }
a:hover { color: #98999b; }

p { padding: 0; margin: 0 0 15px 0; }
p.lessMargin { margin-bottom: 10px; }
p.noMargin { margin: 0; }	

ol { margin: 0 0 0 25px; padding: 0 0 15px 0; }

h1, h2, h5 { margin: 0; padding: 0; font-size: 22px; font-weight: normal; line-height: 27px; }
h2 { border: 0; font-size: 20px; padding: 5px 0 15px 0; }
h2.first { padding-top: 8px; }
h5 { font-size: 14px; font-weight: bold; }

img { border: 0; }

form { margin: 0; padding: 0; }
.textField, .textArea { border: 1px solid #d5d6db; width: 200px; }
.textArea { width: 350px; height: 100px; }

/* -------------------------------------- misc -------------------------------------------*/

.clear { clear: both; line-height: 1px; }
.noPadding { padding: 0; }
.lucidaGrande { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; }
.font14px { font-size: 14px; }
.grey { color: #999ba0; }
.red {color: #cd1821; }
.italic { font-style: italic; }


/* -------------------------------------- header -------------------------------------------*/

#header { height: 165px; position: relative; margin-bottom: 25px; }
#logo { position: absolute; top: 22px; left: 15px; z-index: 30; }
#header_banner { position: absolute; top: 10px; right: 0; z-index: 25; }

#bigBtnNav { list-style: none; position: absolute; bottom: 0; left: 15px; margin: 0; padding: 0; z-index: 20; }
#bigBtnNav li { width: 227px; height: 35px; float: left; margin-right: 1px; }
#bigBtnNav li a { display: block; height: 35px; }
#bigBtnNav li.li1 a { background: url(../images/btn_LSM.jpg); }
#bigBtnNav li.li2 a { background: url(../images/btn_DSM.jpg); }
#bigBtnNav li a:hover, #bigBtnNav li a.active { background-position: 0 -35px; text-decoration: none; }

#mainNav { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 7px; right: 0; width: 520px; z-index: 50; } 
#mainNav li { float: right; padding-left: 10px; color: #b7c1d1; font-size: 12px; }
#mainNav li a { font: 14px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin-right: 10px; }
#mainNav li a:hover { text-decoration: none; }

#header_border { width: 100%; border-bottom: 1px solid #d4d6db; position: absolute; bottom: 0; z-index: 10;  }

/* -------------------------------------- content -------------------------------------------*/


/* home -------------------------*/
#home_content { width: 984px; background: url(../images/greyDot.gif) 740px repeat-y; }
#home_content h5 { text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d4d6db; color: #cd1821; }

#home_colLeft { width: 726px; float: left; }
#home_CL_innerL { float: left; width: 340px; }
#home_CL_innerR { float: right; width: 340px; }

#home_colRight { width: 228px; float: right; padding-bottom: 30px; text-align: left; }

.btn_submit { background: url(../images/btn_submit.png); width: 75px; height: 29px; display: block; }
.btn_submit:hover { background-position: 0 -29px; text-decoration: none; }

/* subscribe */
#subscribeWrapper { background-color: #eaebee; padding-top: 20px; position: relative;  width: 725px; height: 45px; margin-top: 10px; }
#subscribeWrapper #copy { position: absolute; top: 23px; left: 15px; font-size: 14px; text-align: center; width: 370px; }
#subscribeWrapper #textFieldWrapper { position: absolute; top: 20px; left: 395px; }
#subscribeWrapper #textFieldWrapper input { width: 225px; color: #474a51; border: 0; padding: 6px 6px 5px 6px; background-color: #fff; }
#subscribeWrapper #button { position: absolute; top: 20px; left: 640px; }


/* contact us */
#contactTable { margin-top: -15px; }
#contactTable tr td.td1 { text-align: right; padding-right: 7px; width: 280px; }



/* subpage -------------------------*/
#subPage_content { width: 984px; background: url(../images/greyDot.gif) 243px repeat-y; }
#subPage_colLeft { float: left; width: 226px; font-size: 14px; text-align: right; }
#subPage_colLeft h5 { text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d4d6db; line-height: 18px; color: #cd1821; }
#subPage_colLeft h5#singleLineHeader { padding-top: 17px; }
#subPage_colLeft ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
#subPage_colLeft ul li a { font-style: italic; }

.calendar_colLeft h2 { font-size: 16px; line-height: 22px; }


#subPage_colRight { float: right; width: 719px; line-height: 26px; padding-bottom: 40px; text-alin: left; }
#subPage_colRight #mainImage { margin-bottom: 20px; }
#subPage_colRight h1 { border-bottom: 1px solid #ccc; margin: 0 0 8px 0; padding: 11px 0 8px 0; }
#subPage_colRight a { font-style: italic; }
#subPage_colRight ul { margin: 0; padding: 0; list-style: none; }
#subPage_colRight ul li { background: url(../images/bullet.gif) no-repeat 0 11px; padding-left: 12px; margin-left: 3px; }


/* sitemap */
#sitemap { width: 100%; font-size: 13px; line-height: 21px; }
#sitemap tr.tr1 td { font-size: 16px; padding-bottom: 3px; }
#sitemap tr td.td1 { width: 29%; }
#sitemap tr td.td2 { width: 41%; }
#sitemap tr td.td3 { width: 30%; }
#sitemap tr td a { color: #3a3d45; }
#sitemap tr td a:hover { color: #98999b; }



/* -------------------------------------- footer -------------------------------------------*/


#footer { border-top: 1px solid #d4d6db; margin-top: 20px; position: relative; height: 80px; }
#footer ul#nav { position: absolute; top: 10px; left: 0; margin: 0; padding: 0; list-style: none; width: 300px; }
#footer ul#nav li { padding-right: 10px; color: #b7c1d1; font-size: 12px; float: left; }
#footer ul#nav li a { font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin-right: 10px; }
#footer ul#nav li a:hover { text-decoration: none; }
#footer #copyCredit { position: absolute; top: 13px; right: 0; color: #a0a2a6; font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; }
#footer #copyCredit a { color: #a0a2a6; }