/***** MAIN PAGE SETUP *****/
* {
   margin: 0;
   padding: 0;
}
body { background-image: url(images/bg1.jpg); background-repeat: repeat-x; margin:0; padding:0; }
div#wrapper { width:100%; margin:0 auto;   }
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000; }
div.mainpage { margin-left: -375px; position: absolute; height: 110%; vertical-align:top; width: 750px;}
div.menushell {position:relative;  left: 140px;  width: 750px; top: -420px; z-index: 1;	}
	
	
/******** PORTFOLIO  ***********/

table.portfoliocat {list-style-image:none; list-style-type:none; list-style:inside; border-right:solid 2px #9A0000;border-bottom:solid 2px #9A0000; margin:0px; margin-bottom:0px;}
td.pcatitem {padding:4px; background-image:url(images/bg_portcat.jpg); font-weight:bold; margin:0px;}
td.pcatitemhighlight {padding:4px; background-image:url(images/bg_portcat_highlight.jpg); font-weight:bold; cursor: pointer;}
table.portfoliocat a:link,ul.portfoliocat a:visited,ul.portfoliocat a:active {color: #000000;	text-decoration:none;}
table.portfoliocat a:hover,ul.portfoliocat a:visited:hover{color: #660000;text-decoration:none;}

div.portfoliohd {font-family:"Garamond","Times New Roman", Times, serif; font-size:28px; width: 100%; font-weight:bold; font-variant:small-caps; color:#660000; text-align:center; background-color:#dddddd; background-image:url(images/bg_portfoliohd.gif); background-repeat:repeat-x;}
div.portfoliodescrip {font-family:"Garamond","Times New Roman", Times, serif;  font-size:14px; width: 90%; padding:10px; color:#000000; text-align:left;}


div#Submited {	
	width:500px;
	padding:4px;
	border:2px dashed #CC0000;
	background-color:#EEE;

}

.style_input{
	background:#FFFFFF;
	width:250px;
	border:1px solid #666;
}
.display_alert_upload{
	width:100%;
	background:#FFDFDF;
	border:2px solid #9A0000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#9A0000;
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#990100;
    border:1px solid #EFC82C;
    border-top:1px solid #EFC82C;
    border-left:1px solid #EFC82C;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#000000;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#000000;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#fff;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#EFC82C;
    border:1px solid #990100;
    color:#000000;
}
.buttons a.positive:active{
    background-color:#EFC82C;
    border:1px solid #990100;
    color:#000000;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#fff;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}