body {margin:0; padding:0; background-color:#ffffff; 
background: url('images/bg_top.gif') repeat-x top left;
font-family:verdana,tahoma,arial,helvetica; font-size:11px; color:#666666;
SCROLLBAR-FACE-COLOR: #CCCCCC; SCROLLBAR-HIGHLIGHT-COLOR: #F6F6F6; SCROLLBAR-SHADOW-COLOR: #CCCCCC; 
SCROLLBAR-3DLIGHT-COLOR: #F1F1F1; SCROLLBAR-ARROW-COLOR: #999999; SCROLLBAR-TRACK-COLOR: #F1F1F1; 
SCROLLBAR-DARKSHADOW-COLOR: #EEEEEE; }


td {vertical-align:top; font-family:verdana,tahoma,arial,helvetica; font-size:11px; color:#666666}
a:link{text-decoration: none; color: #3A7AC2}
a:visited{text-decoration: none; color: #3A7AC2}
a:hover{text-decoration: underline; color: #3A7AC2}
a:active{text-decoration: none; color: #3A7AC2}
h1 {font-family:verdana,tahoma,arial,helvetica; font-size:18px; margin:10px; margin-left:0px}
h2 {font-family:verdana,tahoma,arial,helvetica; font-size:14px; margin:0}
h3 {font-family:verdana,tahoma,arial,helvetica; font-size:12px; margin:0}

#myPage {
background: url('images/bg_top_left.gif') no-repeat top left;
padding-left:10px
}
#header {width:800px; height:110px}
#header_top {height:50px; margin-left:-10px}
#header_mid {height:25px; text-align:right}
#header_mid DIV {padding-top:5px}
#header_bottom {clear:both; height:25px; 
background: url('images/bg_mid.gif') no-repeat top left;
}
#header_bottom DIV {padding-top:8px}
#header_end {height:10px}

#logo{clear:left; width:240px; height:50px; float:left}
#top_nav{clear:right; padding-top:9px; text-align:right;}
#top_nav_s{}
.b_s {margin-left:9px}
.b_b {margin-left:25px}
.b_bottom {margin-left:10px}
#float_right {float:right; clear:right;}
#top_nav_b{padding-top:13px}

/* small fancy box */
#sBox {width:180px; margin-bottom:5px;
background: url('images/bg_sbox_mid.gif') repeat-y top left;
}
#sBoxTop {
background: url('images/bg_sbox_top.gif') no-repeat top left; min-height:70px;
}
#sBoxBottom {
background: url('images/bg_sbox_bottom.gif') no-repeat bottom left; min-height:70px;
}
#sBoxContent { padding:7px; padding-top:0px }
#sBoxContent p { margin-top:5px; margin-bottom:5px; height:40px }

/* common blue round box */
#roundBoxTL {width:5px; height:5px; background: url('images/rbox_tl.gif') no-repeat top left;}
#roundBoxTR {width:5px; height:5px; background: url('images/rbox_tr.gif') no-repeat top right;}
#roundBoxT {height:5px; background: url('images/rbox_t.gif') repeat-x top left;}
#roundBoxML {width:5px; background: url('images/rbox_ml.gif') repeat-y top left;}
#roundBoxMR {width:5px; background: url('images/rbox_mr.gif') repeat-y top right;}
#roundBoxB {height:5px; background: url('images/rbox_b.gif') repeat-x bottom left;}
#roundBoxBL {width:5px; height:5px; background: url('images/rbox_bl.gif') no-repeat bottom left;}
#roundBoxBR {width:5px; height:5px; background: url('images/rbox_br.gif') no-repeat bottom right;}
#roundBoxContent {margin:5px}

/* common grey round box */
#roundBoxGreyTL {width:5px; height:5px; background: url('images/rboxg_tl.gif') no-repeat top left;}
#roundBoxGreyTR {width:5px; height:5px; background: url('images/rboxg_tr.gif') no-repeat top right;}
#roundBoxGreyT {height:5px; background: url('images/rboxg_t.gif') repeat-x top left;}
#roundBoxGreyML {width:5px; background: url('images/rboxg_ml.gif') repeat-y top left;}
#roundBoxGreyMR {width:5px; background: url('images/rboxg_mr.gif') repeat-y top right;}
#roundBoxGreyB {height:5px; background: url('images/rboxg_b.gif') repeat-x bottom left;}
#roundBoxGreyBL {width:5px; height:5px; background: url('images/rboxg_bl.gif') no-repeat bottom left;}
#roundBoxGreyBR {width:5px; height:5px; background: url('images/rboxg_br.gif') no-repeat bottom right;}

/* common dark grey round box */
#roundBoxDarkGreyTL {width:5px; height:5px; background: url('images/rboxgd_tl.gif') no-repeat top left;}
#roundBoxDarkGreyTR {width:5px; height:5px; background: url('images/rboxgd_tr.gif') no-repeat top right;}
#roundBoxDarkGreyT {height:5px; background: url('images/rboxgd_t.gif') repeat-x top left;}
#roundBoxDarkGreyML {width:5px; background: url('images/rboxgd_ml.gif') repeat-y top left;}
#roundBoxDarkGreyMR {width:5px; background: url('images/rboxgd_mr.gif') repeat-y top right;}
#roundBoxDarkGreyB {height:5px; background: url('images/rboxgd_b.gif') repeat-x bottom left;}
#roundBoxDarkGreyBL {width:5px; height:5px; background: url('images/rboxgd_bl.gif') no-repeat bottom left;}
#roundBoxDarkGreyBR {width:5px; height:5px; background: url('images/rboxgd_br.gif') no-repeat bottom right;}

/* blue button */
#blueButton { 
background: url('images/bg_br_blue.gif') no-repeat top left; 
height:30px; text-align:center; padding-top:6px; padding-right:10px
}
#blueButtonWide { 
background: url('images/bg_br_blue_wide.gif') no-repeat top left; 
height:30px; text-align:center; padding-top:6px; padding-right:10px
}
#blueButton a, #blueButtonWide a {font-family:tahoma; font-size:11px; font-weight:bold; text-decoration: none; color:#ffffff}
#blueButton a:hover, #blueButtonWide a:hover {text-decoration: underline}

#redButton { 
background: url('images/bg_br_red.gif') no-repeat top left; 
height:30px; text-align:center; padding-top:6px; padding-right:10px
}
#redButton a {font-family:tahoma; font-size:11px; font-weight:bold; text-decoration: none; color:#ffffff}
#redButton a:hover {text-decoration: underline}


#dotted { background: url('images/bg_dot.gif') repeat-x top left; height:7px}

#footer {width:800px; text-align:center; clear:left; float:left}
#footer a{text-decoration: none; color: #666666}
#footer a:hover{text-decoration: underline; color: #666666}

.blue{color:#5A89BF}
.white {color:#ffffff}
.red {color:#A80808}

/* pictures */
#portraitpix {width:320px; height:330px; text-align:center}
#thumb {width:80px; height:100px; text-align:center; float:left}
#pthumb {text-align:center; background-color:999999; color:#ffffff}
#pthumb a {text-decoration: none; color:#ffffff}
#pthumb a:hover {text-decoration: underline; color:#ffffff}

a#look {width: 12px; height: 12px; opacity:1.00; filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; }
a#look img {border: 0px none;}
a#look:hover { opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;}

a#na {width: 12px; height: 12px; opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}
a#na img {border: 0px none;}
a#na :hover { opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}

/* forms */
FORM { DISPLAY: inline }

.myInput {BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND: white; BORDER-LEFT: 1px solid; COLOR: #232323; BORDER-BOTTOM: 1px solid;}
.myButton {font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold;
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND: #cccccc; BORDER-LEFT: 1px solid; COLOR: #232323; BORDER-BOTTOM: 1px solid;}


SELECT {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px verdana; COLOR: #666666; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px
}
.mySelect {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px tahoma; COLOR: #666666; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px
}
TEXTAREA {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px verdana; OVERFLOW: auto; COLOR: #666666; BACKGROUND-COLOR: #f6f6f6; BORDER-RIGHT-WIDTH: 1px
}
INPUT {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px;; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px verdana; COLOR: #666666; BACKGROUND-COLOR: #f6f6f6; BORDER-RIGHT-WIDTH: 1px
}
.textarea {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px verdana; OVERFLOW: auto; COLOR: #666666; BACKGROUND-COLOR: #f6f6f6; BORDER-RIGHT-WIDTH: 1px
}
INPUT.textbox {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px verdana; COLOR: #666666; BACKGROUND-COLOR: #f6f6f6; BORDER-RIGHT-WIDTH: 1px
}
INPUT.areatextbox {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px verdana; COLOR: #666666; BACKGROUND-COLOR: #f6f6f6; BORDER-RIGHT-WIDTH: 1px
}
INPUT.texterror {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px verdana; COLOR: #666666; BACKGROUND-COLOR: #d6d7d9; BORDER-RIGHT-WIDTH: 1px
}

/*project status*/
.statusBox {padding:5px; background-color:#DEEAF8; border:1px solid #cccccc;}
.statusBoxv {padding:5px; background-color:#EFEFEF; border:1px solid #cccccc;}