/* CSS Document */

body {
	background-color: #ffa928;
	margin: 0px;
	text-align: center;
	background-image: url('images/background3.gif');
}

td {
	vertical-align: top;
	font-size: 0.9em;
}

p {
	font-size: 0.9em;
}

img {
	border: 0px;
	margin: 0px;
}

a {
	color: #532900;
}

a:hover {
	color: #996600;
}

#main {
	background-color: #FF9900;
	border-left: solid 1px #e08803;
	border-right: solid 1px #e08803;
	width: 900px;
	text-align: left;
	padding: 20px;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.0em;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

h1 a{
	color: #FFFFFF;
}

h2 { 
	font-weight: bold; 
	font-size: 1.1em; 
	color: #FFFFFF;
}

h2 a {
	color: #FFFFFF;
}

h3 {
	font-size: 1.0em;
	color: #000000;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	font-style: italic;
}

h3 a {
}

h3 a:hover {
	color: #996600;
}

h4 {
	font-weight: bold;
}

h4 a {
	text-decoration: none;
	color: #000000;
}

h4 a:hover {
	color: #FFFFFF;
}

.listtext {font-size: 18px}

.boxtext {
	font-size: 0.8em;
}

.boxtext a {
	text-decoration: none;
	color: #000000;
}

.menu1 {
	float: right;
	border: solid 2px #e08803; 
	margin-bottom: 5px; 
	padding: 6px; 
	font-size: 12px; 
	font-weight: bold; 
	font-variant: small-caps;
}

.menu1 a {
	text-decoration: none;
	color: #000000;
}

.menu1 a:hover { 
	color:#FFFFFF; 
}

.menu2 {
	float: right;
	border: solid 2px #e08803; 
	margin-bottom: 0px; 
	padding: 3px; 
	font-size: 12px; 
	font-weight: bold; 
	font-variant: small-caps;
}

.menu2 a {
	text-decoration: none;
	color: #000000;
}

.menu2 a:hover { 
	color:#FFFFFF; 
}

#main .path {
	font-size: 1.0em;
	color: #000000;
	margin-bottom: 20px;
}

#main .path a {
	color: #000000;
	text-decoration: none;
}

.footer {
	font-size: 0.6em;
	text-align: center;
	margin-top: 20px;
}

.footer a {
	text-decoration: none;
	color: #000000;
}

.commenttext {
	font-size: 0.8em;
}

.commenttext2 {
	font-size: 0.7em;
}
/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
}
.profile {
font-size: 18px;
}
.contentnotifier {
	font-size: 18px;
	color: #3333FF;
}
.links {
font-size: 14px;
}
.desc {
font-size: 12px;
}
div.multiupload{
	border:1px outset gray;
	float:left;
	padding:3px;
	background:#eee;
}
div.multiupload div.list{
	border:1px inset gray;
	background: #fff;
}
div.multiupload div.list div.item{
	margin:1px;
	background: #eee;
}
div.multiupload div.list div.item:hover{
	background: #ccc;
}
div.multiupload div.list img{
	float:left;
	margin: 3px;
	cursor:pointer;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 630px;
}
dt {
    clear: both;
    float:left;
    width: 220px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 270px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}
.link {
	font-size: 0.5em;
	text-align: center;
	margin-top: 20px;
}

.link a {
	text-decoration: none;
	color: #000000;
}