/* ================ BEGIN GLOBAL STYLES ================ */

BODY {margin:20px 0px 20px 0px; background-color:#ab7255;}

BODY, INPUT, SELECT, BUTTON {font:normal 8pt Arial,Helvetica,sans-serif;}

IMG {border-style:none;}

FORM {display:inline;}

PRE {background-color:#ffffff; border:1px dotted #000000; padding:5px;}

BUTTON {border:2px outset #d4d3b6; padding:0px; margin:0px 3px 0px 3px; color:#ffffff; font-weight:bold; background-color:#7d325b; height:19px; cursor:hand;}

A {color:#ff3300; text-decoration:none; font-weight:bold;}

A:hover {text-decoration:underline;}

.controls {width:750px; text-align:left; margin-bottom:3px;}

.controls A {color:#ffffff;}

#content {width:718px; padding:15px; border:1px solid #ff3300; text-align:left; background-color:#ffffcc;}

.title {font-weight:bold; color:#993300;}

.footer {clear:both; height:1px;}

.clickable {cursor:hand;}

/* ================ END GLOBAL STYLES ================ */
/* ================ BEGIN RESUME STYLES ================ */

.resume .header {text-align:center; margin-bottom:20px; letter-spacing:5px;}

.resume .header A {font-weight:normal;}

.resume .header .title {font-size:22pt; border-bottom:1px solid #ff3300; letter-spacing:15px;}

.resume .pane {float:left;}

.resume .deemphasize {color:#bbbb88;}

.resume .side .deemphasize {border-top:1px solid #666666; padding-top:10px;}

.resume .side .section {margin-top:40px;}

.resume .side .bulletList DIV {margin-top:10px;}

.resume SPAN {font-style:italic;}

.resume .side {width:225px;}

.resume .skills SPAN {font-style:normal; font-weight:bold;}

.resume .main {width:462px; border-left:1px dotted #ff3300; padding-left:15px; margin-left:15px;}

.resume .main .section {margin-top:24px;}

.resume .main .section .title {font-weight:normal;}

.resume .main .company {font-variant:small-caps;}

.resume .main .company, .resume .main .bulletList DIV {margin-left:10px;}

.resume .main .bulletList DIV {margin-top:2px; padding-left:10px; background:url(../images/arrow.gif) no-repeat;}

.resume .bulletList DIV.bulletList {background-image:none;}

.resume .main .bulletList .bulletList DIV {background-image:url(../images/arrow_sm.gif);}

/* ================ END RESUME STYLES ================ */
/* ================ BEGIN CALENDAR STYLES ================ */

#globalMsgFrame {position:absolute; visibility:hidden; width:150px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=135, Strength=5);}

.calendar {white-space:nowrap}

.calendar IMG {cursor:hand;}

.calendar INPUT {text-align:right;}

/* ================ END CALENDAR STYLES ================ */

.project .item {clear:both;}

.project .item .content {float:left; margin:40px 0px 15px 0px;}

.project .item .description {float:left; margin:15px 0px 15px 0px;}

.project .item .description {width:270px;}

.project .item .description P {margin-top:10px;}

.project .item .description .details {margin-top:15px;}

.project .item .description .details SPAN {font-style:italic;}

.project .item .content .toggle {text-align:center;}

.project .item .content .toggle A {padding:2px 4px 2px 4px; margin:2px 9px 0px 9px; border:2px solid #ffffcc;}

.project .item .content .toggle A.active {border:2px solid #ff3300; border-top-style:none; border-bottom-style:none;}