/*
   This stylesheet defines core attributes for the portal. Many
   classes are defined, but have no attributes. These are included
   as pointers for authors of new skins.
   
   If you are modifying this stylesheet for a new skin, this file
   should ONLY include the classes that you intend to modify. The
   portal uses the 'cascade' feature of CSS to allow your stylesheet
   to inherit the styles from the parent (or base) skin.
*/


/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  STANDARD HTML ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */


body {
	color: black;
	font-family: sans-serif helvetica veranda;
	font-size: 12pt;
	margin: 0px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 0;
	padding-bottom: 10px;
	background-color: #0C5C91;
	/*background-image:url("/skins/Benton/images/stearman_blue_fade2.jpg");*/
        background-image:url("/skins/Benton/images/map-bg.jpg");
	background-repeat: repeat-x;
	/*background-position: 50% 0%;*/
	background-attachment: fixed;
}

a img {
	border: none;
}

a {
	color: #800;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  PORTAL-WIDE PAGE LAYOUT	 				  ==
   ==        						          ==
   =================================================================
   ================================================================= */
img.nav_grad {
	margin: 0;
	padding: 0;
	text-align: center;
}

#header {
	background-color: #0C5C91;
}

#header h1, #header h1 a {	
}

#header h2, #header h2 a {	
}

#topnav {
	background-color: #0C5C91;
	border-top: 3px double #00A;
	border-bottom: 3px double #00A;
	text-align: center;
}

#topnav a {
	font-family: helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: silver;
	text-decoration: none;
	padding-left: 10px;
	margin-right: 0;
	padding-right: 10px;
	margin-right: 2px;
	border-right: 1px solid #00A;
	border-left: 1px solid #00A;
	
}

#topnav a:hover {
	background-color: #0b5277;
}

#topnav a.firsta {
	border-left: 1px solid black;
}

#container {
}

#navcont {
/*	border-right: 4px ridge black; */
/*	border-bottom: 4px ridge black; */
/*	border-top: 4px ridge gray; */
/*	border-left: 4px ridge gray; */
	border-left:none;
	border-bottom:none;
	border-top:none;
	border-left: 4px double blue;
	padding-left: 15px;
/*	padding: 5px; */
/*	background: #A9A9A9; */
}

#navmenu {
	padding: 0;
	margin: 0;
}

DIV.navmenu {
	color: black;
	border-bottom: 1px solid black;
}
DIV.navmenu:hover {
	color: red;
}

a.navmenu {
	padding-left: 7px;
	font-size: 14pt;
	font-family: sans-serif;
	color: #00A;
	display: block;
	border-bottom: 1px solid black;
}

a.navmenu:hover {
	background-color: #878787;
	background-image: url("/skins/Benton/images/bitty.gif");
	background-repeat: no-repeat;
	background-position: right center;
	color: #00F;
	text-decoration:none;
}

#maincont {
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 50px;
	vertical-align: top;
	color: black;
}

#maincont .date {
	}


#sidebar {
}

#sidebar h2 {
}

#sidebar h3 {
}

#sidebar h2 a {
}

#sidebar h2 a:hover {
}

#sidebar a {	
}

.sidebar_element {
}

#footer {
}

.footer_left {
	float: left;
}

.footer_right {
	float: right;
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  SPECIAL-PURPOSE ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */

.report {
}

TABLE.report {
	border-collapse: collapse;
}

TR.report {
	vertical-align: baseline;
}

.report .header, THEAD.report, TH.report {
}

.report .body, TD.report, TD.body {
}

.report .footer, TFOOT.report {
}

/* in a list, if a row is to be selected */
.selected_row {
}

img.icon, a.icon {
	display: inline;
	text-decoration: none;
	border: none;
}

a.text_button, input.text_button, button.text_button, #maincont a.text_button {
	display: inline; text-align: center;
	padding: 2px 5px 2px 5px;
	background-color: #DDDDFF;
	border: #9999CC 1px solid;
	margin: 2px 2px 0px 2px;
	color: #111188;
	text-decoration: none;
	font-size: 8pt;
}

DIV.text_button {
	margin: 2px 0px 2px 0px;
	line-height: 200%;
}

A.text_button {
	line-height: 300%;
}

A.text_button:hover {
	color: #6666EE;
 }

A.text_button:visited {
}

.text_button_disabled {
	text-align: center;
	padding: 2px;
	background-color: #DDDDFF;
	border: #9999CC 1px solid;
	margin: 2px;
	color: #9999FF;
	text-decoration: none;
	font-size: 8pt;
}


#admin_bar {
	background-image: url(/images/obj/webbuilder.gif);
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 2em;
	text-align: right;
}

#admin_bar .text_button {
	background-color: #000088;
	color: white;
}


/* used by some gizmos to show themselves in edit mode */
DIV.marquee {
	border: thin dashed #ccc;
	padding: 3px;
	margin:  3px;
}


/* used in search results */
DIV.search_result_group_results {
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  GIZMOS						          ==
   ==        						          ==
   =================================================================
   ================================================================= */

/* this is the container of all gizmos */
.gizmo { 
}

div.category { 
}

.section {
}

.item {
	display: list-item;
	margin-left: 2em;
	margin-bottom: .5em;
}

.item .element_url {
	font-size: 75%; color: #666;
}

div.section {
	padding-bottom: .5em;	
	margin-bottom: .5em;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
}

h2.section {
	/*background-color: #00A;*/
	padding: 3px;
	color: black;
	border: 3px ridge black;
	text-align: center;
	font-family: sans-serif;
}

div.site_library {
	padding: 2em;
}


/* we're cheating for now with calendar, because the display logic is so complicated */
.calendar {
}

.calendartitle, A.calendartitle {
}


.poll {
}

.poll_question {
	font-weight: bold;
}

.poll_response {
}

.news_item {
}

.news_item A.element_name {
}

.news_item A.element_name:hover {
}


.discussion {
}

span.calendar  {
}

span.calendar a {
}

span.info {	
}

span.info a {
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  ELEMENT ATTRIBUTES					  ==
   ==        						          ==
   =================================================================
   ================================================================= */

.element_name, A.element_name {
	font-weight: bold;
}	

.element_description {
}

.element_attachment {
	font-size: 75%;
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  GIZMOTAGS					          ==
   ==        						          ==
   =================================================================
   ================================================================= */

/* md_welcome */

.tagWelcomeClass, A.welcome, A.welcomesub {
       font-size: 10px;
}
.welcome {}
.welcomesub {
	font-style: italic; font-size: .9em;
}
a.welcomesub:visited {}
a.welcomesub:hover {}
a.welcomesub:active {}
a.welcome:visited {}



.tagCatPathClass, .links_panel {
	font-size: 8pt;
	padding: 2px;
}

.tagFortuneClass {
	font-style: italic;
        font-variant: small-caps;
}

.tagLoginBoxClass {
	color: #333333;
}

#login_form {
	width: 50%;
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  LAYOUT AREA ELEMENTS - Used when the Page Layout feature   ==
   ==                         is in use
   ==        						          ==
   =================================================================
   ================================================================= */

div.layout {
}

table.layout {
}

tr.layout {
	vertical-align: top;
}

td.layout {
	text-align: left;
	vertical-align: top;
}

.vertical_separator {
}

.horizontal_separator {
}

div.layout_area {
}

/* dimensions for specific layouts */

#layout_1 #layout_area_1 {
}

#layout_2 #layout_area_1 {
}

#layout_2 #layout_area_2 {
}

#layout_3 #layout_area_1 {
}

#layout_3 #layout_area_2 {
}

#layout_4 #layout_area_1 {
}

#layout_4 #layout_area_2 {
}

#layout_4 #layout_area_3 {
}

#layout_5 #layout_area_1 {
}

#layout_5 #layout_area_2 {
}

#layout_5 #layout_area_3 {
}

#layout_6 #layout_area_1 {
}

#layout_6 #layout_area_2 {
}

#layout_6 #layout_area_3 {
}

#layout_6 #layout_area_3 {
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  MISCELLANEOUS					          ==
   ==        						          ==
   =================================================================
   ================================================================= */

.caption {
	font-size: 10px; font-style: italic;
}
     
.smalltitle {
	font-size: 12px;
	color: #333;
	text-align: center;
	}


.smaller {
	font-size: 75%;
}

.none {
	display: none;
}

/* used in polls, faq's  */
.question {
	font-weight: bold;
}

/* used in polls, faq's  */
.response {
}


DIV.transitional_form, DIV.transitional_simple {
	margin: 2em;
	text-align: left;
	padding: 1em;
	color: black;
}

/* ##################################################################
   ####    FOR SCHEDULER                                         ####
   ##################################################################*/

TABLE.schedule_table {
       background-color:#DDDDDD;
}

TD.schedule_table {
       text-align: center;
}

TD.Sched_head {
        background-image:url("/skins/Benton/images/blue_blend.gif");
        background-repeat: repeat-y;
        font-family: arial,helvetica,sans-serif;
        font-size: 18px;
        color: #BBBBBB;
}
TR.month_index {
        background-color:#5555BB;
        font-size:14px;
}
TD.month_index {
        background-color:#5555BB;
        size:12px;
}
TD.month_header {
        background-color: #333399;
        color:#DDDDDD;
        font-family: arial,helvetica,sans-serif;
        font-size: 24px;
}
TABLE.scheduler_head {
spacing: 0px;
padding: 0px:
border: 0;
background-color: #333399;
}
.scheduler_head {
spacing: 0px;
padding: 0px;
}
TR.scheduler_head {
font-family:arial,helvetica,sans-serif;
font-size:18px;
color: #EEEEEE;
}
TR.scheduler_row {
height: 10px
padding: 0;
margin: 0;
}
TD.scheduler {
	padding: 0;
	margin: 0;
}
TD.legend {
font-family:arial,helvetica,sans-serif;
font-size: 13px;
color: black;
}
A.scheduler {
	padding: 0;
	margin:0;
}
TABLE.scheduler_event {
	border: 2px solid black;
	background-color: #CCC;
	padding: 7px;
	width: 75%;
}
TH.scheduler_event {
	border: 4px ridge black;
	background-color: white;
	font-size: 16pt;
	padding: 7px;
	margin-bottom: 10px;
}
TD.scheduler_event {
	border: 1px solid black;
	padding: 7px;
	font-size: 14pt;
}
TABLE.ScheduleManagerTable {
	background-color: #eeeeee;
	font-size: 10pt;
	text-align: center;
}
TD.schedulemanager_admin { background-color: #ff6666; }
TD.schedulemanager_other { background-color: #66ff66; }
TD.schedulemanager_me { background-color: #6666ff; }