/* @charset "UTF-8"; */
/* =CALL LIBRARY */
@import url('../../CSS/reset-min.css');
/* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
body
{
    font: 62.5%/2.2em "Lucida Grande" , Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #4b4942;
    background: #fff;
}
a
{
    text-decoration: none;
    color: #5599a7;
}
a:hover
{
    color: #bb800f;
}
hr
{
    display: none;
}
strong
{
    font-weight: bold;
}
ul.borderedlist li
{
    border-bottom: 1px dashed #d1cfcd;
}
ul.borderedlist li a
{
    display: block;
    padding: 3px 0 0 2px;
    height: 26px;
    color: #42423b;
}
ul.borderedlist li a:hover
{
    background: #E5E5E4;
    color: #42423b;
}

cite
{
    color: #666;
    display: block;
    font: normal 1.3em "Lucida Sans Unicode" ,serif;
    padding-left: 28px;
}
p
{
    font-size: 1.3em;
}
ol
{
    font-size: 1.3em;
}

.header1
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
}
h2
{
    color: #5699A7;
    font-size: 1.5em;
    margin: 10px 0;
}

/* =LAYOUT - the main layout styles */
.container
{
    width: 900px;
    margin: 0 auto;
}
/* header layout */
#header
{
    height: 100px; /*253px;*/
    background: #4a4841 url( '../../images/top_bg.jpg' ) repeat-x 50% top;
    position: relative;
}
#navigation
{
    position: absolute;
    right: 0;
    top: 20px;
}
/* main area layout */
#main
{
    padding: 24px 0 20px 0;
}
#leftcolumn
{
    float: left;
    width: 193px;
}
#center
{
    float: left;
    width: 480px;
    padding: 0 20px;
}
#rightcolumn
{
    float: left;
    width: 287px;
}
#twocolumncenter
{
    width: 667px;
    padding: 0 20px;
}
#widescreen
{
    width: 860px;
    padding: 0 20px;
}
/* bottom layout */
#bottominfo
{
    clear: left;
    border-top: 5px solid #42423b;
    background: #f1eee7;
    padding-bottom: 25px;
    width: 100%;
    overflow: hidden;
}
.bottomcolumn
{
    float: left;
    width: 288px;
    margin-right: 18px;
}
.bottomright
{
    margin-right: 0;
}

/* =HEADER - the header styles */
#header .container
{
    height: 128px; /*253px;*/
}
/* logo */
#header h1
{
    position: absolute;
    height: 71px;
    top: 15px;
}
#header h1 a
{
    font-weight: bold;
    letter-spacing: -2px;
    padding: 22px 9px 25px 20px;
    display: block;
    color: #000080; /* : #fff;*/
    background: url( '../../images/logo_bg.gif' ) no-repeat left top;
    width: 188px;
    font-style: normal;
    font-variant: normal;
    font-size: 24px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
}
#header h1 a:hover
{
    color: #fff;
}
#header h1 a span
{
    height: 71px;
    width: 13px;
    position: absolute;
    top: 0;
    right: -13px;
    cursor: pointer;
    background: url( '../../images/logo_right.gif' ) no-repeat right top;
}

#header .TopMenu
{
    position: absolute;
    right: 10px;
}

#header .MenuContainer
{
    position: absolute;
    top: 19px;
    width: 900px;
}


/* =CONTENT - the content styles */
/* left column */
.leftbox
{
    background: #f1f0ef;
    padding: 10px 23px 10px 23px;
    margin-bottom: 3px;
    line-height: 1.8em;
}
h3.leftbox
{
    font-size: 19px;
    color: #8c8685;
    background: #f1f0ef url( '../../images/h3_bg_tall.jpg' ) repeat-x 0 0;
    padding: 5px 0 10px 23px;
}
h3.header_small
{
    font-size: 15px;
    font-weight: bold;
    background: #f1f0ef;
    padding: 0 23px 5px 23px;
}
ul.leftbox
{
    font-size: 1.2em;
}

.features
{
    padding-top: 15px;
    font: 1.27em Arial, Helvetica, sans-serif;
}

#leftcolumn .leftbox p
{
    padding-bottom: 1em;
    line-height: 1.5em;
    font-size: 12px;
}
/* center column */
.article_wrapper h2
{
    color: #5699A7;
    font-size: 2em;
    margin: 10px 0;
}
.article_wrapper p
{
    padding-bottom: 10px;
    font-size: 1.3em;
}
.article_wrapper h3
{
    font-size: 1.3em;
    color: #483F3D;
    font-weight: bold;
    padding-top: 10px;
}
.article_wrapper ol, ul
{
    padding-left: 40px;
}

.article_wrapper ol li
{
    list-style-type: decimal;
}

.article_wrapper ul li
{
    list-style-type: disc;
    font-size: 1.3em;
}

.article_wrapper img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
}
/* right column */
.rightbox_wrapper
{
    background: #eeeded;
    padding: 5px;
    margin-bottom: 20px;
    width: 277px;
    overflow: hidden;
    font-size: 11px;
    line-height: 18px;
    color: #58584D;
}
.rightbox
{
    border: 1px dashed #d9e0e8;
    width: 275px;
    overflow: hidden;
    padding-bottom: 6px;
}
.product_image
{
    float: left;
    margin: 6px 1em 0 6px;
}
.floatRight
{
    float: right;
}

/*	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;} */
.rightbox .heading
{
    font-size: 1.3em;
    color: #483F3D;
    font-weight: bold;
    padding-top: 10px;
}
.rightbox paragraph
{
    font-size: 1em;
}
.rightbox a
{
    display: block;
}
.rightbox a span.paragraph
{
    color: #4b4942;
}
.lastbox
{
    margin: 0;
}
/* =BOTTOM */
.bottomcolumn h3
{
    border-bottom: 4px solid #9b968f;
    color: #5699A7;
    font-size: 18px;
    padding: 15px 0 5px 5px;
}
.bottomcolumn p
{
    padding: 10px 35px 10px 5px;
    font-size: 1.2em;
}
.iconlist
{
    border-top: 1px dashed #d1cfcd;
    font-size: 1.2em;
}
ul.iconlist li a
{
    padding-left: 25px;
    background: url( '../../images/footer_list.jpg' ) no-repeat left bottom;
}
ul.iconlist li a:hover
{
    background: #E9E4DE url( '../../images/footer_list.jpg' ) no-repeat left top;
    color: #42423b;
}
.enewsbox
{
    float: left;
    width: 180px;
    height: 17px;
    padding: 3px 5px;
    border: 4px solid #5599A7;
    font-size: 13px;
}
.button
{
    display: block;
    float: left;
    width: auto;
    line-height: 1em;
    text-align: center;
    background: #659AA6;
    border: 4px solid #fff;
    color: #fff;
    cursor: pointer;
    margin: 0;
    padding: 3px 8px; /* IE6 */
}

/* =FOOTER */
#footer
{
    clear: both;
    height: 37px;
    background: #4a4841 url( '../../images/footer_bg.jpg' ) repeat-x 0 0;
    font-size: 1.2em;
}
#footer a
{
    color: #A39D97;
}
#designby
{
    float: left;
    height: 23px;
    padding: 2px 0 0 30px;
    margin-top: 5px;
    color: #fff;
}
#footer_navigation
{
    float: right;
    padding-top: 7px;
}
#footer_navigation li
{
    float: left;
    padding-left: 18px;
}
#footer_navigation li a
{
    text-transform: uppercase;
}
#footer_navigation li a:hover
{
    color: #5699A7;
}

/* article figure */
div.figure
{
    float: right;
    width: 25%;
    border: 1px silver solid;
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
}
div.figure p
{
    text-align: center;
    font-style: italic;
    text-indent: 0;
}
div.figure img
{
    float: none;
}
img.scaled
{
    width: 100%;
}

.projectslist li
{
    display: inline;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
}
th
{
    border-left: medium none #989898;
    border-right: 1px solid #cbcbcb;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    background: url( '../../images/sprite.png' ) repeat-x 0px 0px;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}
th
{
    background-color: #FFC;
    text-align: left;
    font-size: 130%;
}



/* login page */
.logintable
{
    border: 1px solid #cccccc;
    background-color: #cccccc;
    margin-left: auto;
    margin-right: auto;
}
.loginheader
{
    height: 30px;
    font-weight: bold;
    font-size: 10pt;
    color: #666666;
    font-family: verdana;
    background-color: #f5f5f5;
    text-align: center;
}
.logincell
{
    background-color: #ffffff;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
}

#pagecontent
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
}



/* Modal Windows */

.pcmCellCaption
{
    white-space: nowrap;
    padding-top: 5px;
}
.pcmCellText
{
    padding-left: 10px;
    padding-top: 2px;
}
.pcmCheckBox
{
    padding-left: 6px;
    padding-bottom: 10px;
}
.pcmButton
{
    padding-top: 10px;
    padding-bottom: 0px;
}
.pcmSideSpacer
{
    width: 60px;
    height: 1px;
}

/* DIV class=ob_show_panelsholder id=Show1 */
/* There is an issue with the obout show control in IE 7. It places the show control over the menu */
/* we attempt to correct that here by targeting the particular div that this control uses. */
div#homePageSlideShow
{
    z-index: -1;
}
/* tried same thing with the map control, but it causes the map to lose interactivity. */
div#subgurim_elMap
{
}

/*	ICON */
.icon
{
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

li.icon, p.icon
{
    background-position: left top;
}

.pdf-file
{
    background-image: url('../../images/icon/page_white_acrobat.png');
}
.movie-file
{
    background-image: url('../../images/icon/control_play_blue.png');
}