/********* globals *********/
* {margin:0;padding:0}
a img,table {border:0 }
dl,ol,ul {list-style: none;}
table {border-collapse:collapse}
caption,th,td {text-align:left}
h1,h2,h3,h4,h5,h6,p {margin:0;}

/* fonts & colors */
body { font:14px Georgia,Times New Roman,Times,serif; color:#281707; background-color: #669900;  }
button,select,textarea,input {font:100% Arial,SansSerif; }
a { color:#281707; text-decoration:none; }
a:hover { text-decoration:underline; }
ul.with-bullets {padding-left:30px; list-style-type:disc;}
ol.with-numbers {padding-left:30px; list-style-type:decimal;}
h1 .highlight {color:#281707; }

/* headings */
h1, h2, h3, h4, h5, h6 {  color: #bb5b4a; font-family: Arial, Helvetica, sans-serif; margin: 0.4em 0 0.1em 0; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; }
h4 { font-size: 0.9em; }
h5, h6 { font-size: 0.8em; }

/* layout */
.page { position: relative; }
    #header { position: relative; }
        #menu li { float:left; }
        #menu li a { padding: 8px 8px; }
    #main { position:relative; min-height: 728px; _height: 728px; /* only IE6 applies CSS properties starting with an underscore */ }
        .left {padding-left:20px; position: absolute; width: 200px;min-height: 650px; float: left;}
        .right {float: right;width: 150px; min-height: 650px;position: relative;}
        #msg-container-main { position: absolute; height: 615px; width: 623px; }
        #msg-container { position: absolute; height: 615px; width: 623px; }
        .items { height: 335px; width: 535px; }
    #footer { position:relative; top:8px;}
        #social-links { width: 275px; height: 28px; float:left; }
        #social-links li { position: absolute;top: 0; }
        #social-links li, #social-links a {height: 28px; display: block; }
        .site-links {padding-top:5px; left:105px; position:relative; font-size:10px;}
        .site-links a {color:#000;}
    
/* style */
.page {}
    #header {}
        #menu li a { color: #fff; text-transform:uppercase; line-height: 2.8em;font-size:11px;font-weight:bold;}
    #main { background: url(../img/background.jpg) repeat-x; }
        #msg-container-main {background: url(../img/empowerment-frame-left.gif) no-repeat;}    
        #msg-container {background: url(../img/empowerment-frame.gif) no-repeat;}
    #footer {}
        #social-links { background: url(../../assets/img/social-buttons.jpg) no-repeat; }
        .site-links { text-transform:uppercase; }

/* misc */
.brown-lg { color:#000; font-size: 16px; }
.brown-sm { color:#000; font-size: 10px; }
.highlight {color:#bb5b4a;}

div#fabric-container { position:absolute; top:100px; left:100px; z-index:9999;}
div#statement-container { position:absolute; top:100px; left:200px; z-index:9999;}
.email-message {width: 497px; height:499px;  float:left;}
.email-message div.form { position: relative; top: 280px;}
.email-message div.form .msg-right { position: relative; float: right; margin: 0.1em 0; padding-right:40px;}
.email-message div.form .msg-left { position: relative; float: left; padding-left: 30px; margin: 0.1em 0; }

.fabric1 { background: url(../img/fabric/fabric1.gif) no-repeat 0 0;}
.fabric2 { background: url(../img/fabric/fabric2.gif) no-repeat 0 0;}
.fabric3 { background: url(../img/fabric/fabric3.gif) no-repeat 0 0;}
.fabric4 { background: url(../img/fabric/fabric4.gif) no-repeat 0 0;}
.fabric5 { background: url(../img/fabric/fabric5.gif) no-repeat 0 0;}
.fabric6 { background: url(../img/fabric/fabric6.gif) no-repeat 0 0;}
.msg-content { top: 180px; left: 50px; position: relative; height: 385px; width: 535px;}
.msg-content .heading {margin-bottom: 10px;}
.watermark { color: #999 !important; }
.msg-box {width:415px; height:80px;}
.hidden {display:none;}
.underline { text-decoration:underline;}
.textbox { border:1px solid #000; width:200px;}
.textbox-lg { border:1px solid #000; width:427px;}
.textarea { border:1px solid #000; width: 427px; height: 70px;}
.textarea-sm { border:1px solid #000; width: 350px; height: 90px;}
.middle-align { position:relative; top:195px; padding-left:50px;}
.center-page {top:60px; left:200px;}
.counter {font-weight:bold; font-size:14pt;}

/******* jquery element ******/
/* expose */
.expose-overlay {position: absolute; top: 0px; left: 0px; width: 1903px; height: 1007px; display: block; opacity: 0.8; z-index: 9998; background-color: #000;}
#statement-popup { top: 100px; left:350px; position: absolute;  z-index:100;}
#signup-popup { top: 150px; left:350px; position: absolute;  z-index:100;}

/* jscroll */
.jScrollPaneContainer {  position: relative; /*top:195px; left:50px;*/ height: 100%; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute;	cursor: pointer;right: -2px;top: 0; height: 100%; background: url(../img/scroller/track.gif) repeat-y; }
.jScrollPaneDrag { position: absolute; background: url(../img/scroller/bar.gif) repeat-y; right: 2px; cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;	left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;	bottom: 0;	left: 0; overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1; top: -2px;right: 1px;text-indent: -2000px;overflow: hidden;background: url(../img/scroller/arrows_master.gif) no-repeat -12px 0;height: 15px;width:13px;}
a.jScrollArrowUp:hover {background: url(../img/scroller/arrows_master.gif) no-repeat -1px 0;}
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: -2px;	right: 1px;	text-indent: -2000px;	overflow: hidden;	background: url(../img/scroller/arrows_master.gif) no-repeat -1px -15px;	height: 15px;	width: 13px;}
a.jScrollArrowDown:hover {	background: url(../img/scroller/arrows_master.gif) no-repeat -12px -15px;}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display:block;
    text-align:left;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    display: none;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    position:relative;
    margin: 4px 4px;
    font-size: 11px;
    background-color :#F9F3AE;
    border:2px solid #ECDB68;    
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors span
{
    padding-left:4px;
}

.validation-summary-errors ul
{
    margin-left:15px;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.1em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}