body {
	padding: 0;
	font-size: small;
	font-family: Arial,sans-serif;
	background-color:#CCCCCC;
	color:#000;
	margin:5px;
}
* html body{
	font-size:x-small; /* for IE5/Win */
	f\ont-size:small /* for other IE version */
}

/* LINKS */
a {
	text-decoration: underline;
	color: #355842;
}
.text_field{
	padding:2px;
	background-color:#fff;
	border:1px solid #008080;

}
a:hover {
	color: #355842;
}
a:visited{
	color:#355842;
}
a img {
	border:0;
}
form{

	margin:0;
	padding:0;
}
p{

margin:0; padding:0;
}
/* HEADERS */
h1{
 font-size:150%;
}
h2{
 font-size:130%;
}
h3{
 font-size:120%;
}

h1{
 font-size:150%;
}

/* MAIN LAYOUT */
#page_wrap {
	text-align:center;
	margin:0 5px;
	background-color:#99CCFF;
	min-width:735px;
    border:0 1px;
}

#page_padding{
	padding:5px;
}

#header {
	clear: both;
	height:151px;
    border:2px solid #3300FF;
	background-color:#FFFFFF;
	background-image:url(images/backmnt.jpg);
}

#content_area {
	font-size:1em;
	text-align: left;
	margin:0;
	color:#000;
	float:left;
	width:79%;
        border:2px solid #3300FF;
}

#content_area_padding{
	padding: 8px;
	color:#000;
}



.login {
width: 180px;
color:#355842;
background-color:#F4ECDF;
border-bottom:1px solid #000;
}

#content_area h2{
font-size: 1.0em;
margin: 0 0 0.5em 0;
}




#footer {
clear: both;
margin: 10px auto 0 auto;
padding:5px;
background:#0000FF;
font-size:.8em;
padding:2px;
color:#F3AF34;
text-align:right;
border:1px solid #008080;
}



.small {
font-size: 1em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

INPUT, SELECT{

}
FORM{
	margin:0;
	padding:0;
}

/* MIDDLE AREA */
.event_box{

color:#888;
	padding:5px 5px 5px 20px;
font-size:9px;

}
.event_date{
	font-size:9px;
	font-weight:bold;
	margin-left:-10px;
	color:#355842;
}


TABLE{
	border-collapse:collapse;
}



/*system1 specific*/

.page_title{
	height:25px;
	background: url(images/title_black_right.gif) no-repeat  top right;
	color:#fff;
	font: bold 15px arial, helvetica, sans-serif;
	margin-bottom:5px;
}
.page_title p{
	padding:5px 10px;
	background: url(images/title_black_left.gif) no-repeat  top left;
	line-height:15px;
	vertical-align:middle;

}
.page_title a,.page_title a:hover,.page_title a:visited{
	text-decoration:none;
	color:#F3FA30;
	font-size:15px;
}
.titles{
	height:25px;
	background: url(images/flat_dark_right.gif) no-repeat  top right;
	font: bold 16px/20px arial, helvetica, sans-serif;
}
.titles a:link,.titles a:visited,.titles a:hover{
	color:#355842;
	font-weight:bold;

}
.titles p{
	padding:4px 10px;
	background: url(images/flat_dark_left.gif) no-repeat  top left;
	line-height:17px;
	vertical-align:middle;
	color:#000;
}
.rounded_title{
	height:25px;
	background: url(images/title_grey_right.gif) no-repeat  top right;
	color:#000;
	font: bold 16px/20px arial, helvetica, sans-serif;
	margin-bottom:5px;
}
.rounded_title p{
	padding:4px 10px;
	background: url(images/title_grey_left.gif) no-repeat  top left;
	line-height:17px;
	vertical-align:middle;
}
.sub_ctitles{

	clear:both;
	text-decoration:none;
	color:#008;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	font-weight:bold;
	font-size:14px;
	vertical-align:middle;
	margin-bottom:2px;
	background-color:#eEeFF3;
	border-bottom:1px solid #CF1E21;
	border-top:1px solid #CF1E21;

	margin-right:15px;
}
.sub_titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#F90;
	vertical-align:middle;
	height:20px;
	background: url(images/sub_title_grey_right.gif) no-repeat  top right;
	padding:0;
	margin:0;
	border-width:0 1px;
	border-color:#fff;
	border-style:solid;


}
.sub_titles a:link, .sub_titles a:hover, .sub_titles a:visited{
	text-decoration:underline;
	color:#013674;

}
.sub_titles img{

	float:right;
	margin-right:10px;

}
.sub_titles p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:0 10px;
	font-weight:bold;
	font-size:10px;
	vertical-align:middle;
	background: url(images/sub_title_grey_left.gif) no-repeat  top left;
	line-height:20px;
	vertical-align:middle;
	margin:0;
	height:20px;


}

.col_1 {
	text-align:right;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:3px;
	vertical-align:top;
	font-weight:bold;
	color:#355842;
	width:1%;
	white-space:nowrap;

}


/* TABLE COLUMS */

.col_1 a:link,.col_1 a:visited,.col_1 a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#355842;
}
.col_2 {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	padding:3px;
	vertical-align:top;
	font-weight:normal;


}

.col_2 a:link,.col_2 a:visited,.col_2 a:hover{
	font-weight:bold;
	color:#355842;
	text-decoration:none;
}

.last_row {
	text-align:right;

	color:#355842;

	padding:1px;
}



/* PAGE LINKS */

.page_links{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	margin:5px;
	height:auto;

}
.page_links a{
	background:#F3AF34;
	padding:2px;
	border:1px solid #000;
	text-decoration:none;
	margin:2px;
	color:#000;
}

.page_links span a{
	background:#FFF;
	padding:2px;
	border:1px solid #000;
	color:#000;
}


/*---------------------------------------------------------*/



/* MISC CSS */
.quote_header{
	background-color:#ccc;
	border:1px solid #000;
}
.quote_box{
	border:1px dotted #000;
}


.alert_message {
		color:#f00;
}

.small_text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.85%;
	color:#ddd;
}
.required{
	color:#f00;

}
.warn {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:3px;
	vertical-align:top;
	font-weight:bold;
	color:#000;
	border:1px solid #f00;
	background:#eee;

}

/*---------------------------------------------------------*/
/* MENU CSS */

.h_menu ul {

	float:right;
	margin:0;
	padding: 0;
	list-style:none;

	position:absolute;
	right:25px;

	top:135px;


}


.h_menu ul li {
	background: url(images/tab_right.gif) no-repeat  top right;
	float:left;
	margin:0 1px;

}
.h_menu  li a {

	display:block;
	padding: 4px 5px 3px 5px;
	line-height:21px;
	color:#dd0000;
	float:left;
	text-decoration:none;
	vertical-align:middle;
	font-weight:bold;
	font-size:12px;
	background: url(images/tab_left.gif) no-repeat  top left;

}
.h_menu li a:hover {

	color:#fff;

}

#h_menu_current  {
	background: url(images/tab_right_current.gif) no-repeat  top right;
margin-top:0px;



}
#h_menu_current a {
	background: url(images/tab_left_current.gif) no-repeat  top left;
	padding: 4px 5px 1px 5px;
	color:#000;
	font-size:14px;
	margin-top:0px;

	line-height:23px;

}


#login_bar{
	text-align:left;
	background: url(images/title_grey_right.gif) no-repeat  top right;

	margin:0;
	padding:0;

	display:block;
	clear:both;

	color:#000000;
	line-height:25px;
	vertical-align:middle;
	height:26px;
}

#login_bar a{
	color:#000000;
	line-height:25px;
	vertical-align:middle;


}
#login_bar a:hover{
	color:#eee;
	line-height:25px;
	vertical-align:middle;


}
#login_bar input{
	font-size:10px;

}
#login_bar_padding{

	margin:0;
	padding:0;
	height:25px;

	background: url(images/title_grey_left.gif) no-repeat  top left;
	padding-left:10px;


}
#login_bar_padding p{
	margin:0;
	padding:0;
	height:25px;

}

#right_side{
	float:right;
	width:20%;
	background-color:#99CCFF;
	text-align:left;


}

#right_side_padding{
		padding: 8px 0 0 0;


}

/* rollover experiment */
.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(bluebutton.gif) no-repeat;
white-space: nowrap;
display: block;
width: 100px;
height: 100px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 100px;
height: 100px;
display: block;
float: left;
color: white;
text-decoration: none;
}

.cssnav img
{
width: 100px;
height: 100px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 
