/* GENERAL */

body,td,th {
	font: 13px/1.5em "Trebuchet MS", "Arial", "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color: #505050;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

body {
	background:#94b4c9 url(images/bg.jpg);
	background-repeat: repeat-x;
}

input, textarea {
	margin: 1px 3px;
	padding: 3px;
	border: 1px solid #ccc;
}

ul {
	list-style-type: square;
	margin-top: 0px;
}

a , a:visited {
	color: #006699;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color: #006699;
}

a:active {
	text-decoration:underline;
	color: #003366;
}

p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	line-height: 1.5em;
}

span {
	color:#006699;
}

h1 {
	font-size: 20px;
	text-transform:uppercase;
	margin-top: 8px;
	margin-bottom: 10px;
}

h2 {
	font-size: 15px;
	margin-bottom: 3px;
	color: #006699;
}

h3 {
	font-size: 14px;
	letter-spacing: 1px;
	color: #FFFFFF;
	margin-top: 8px;
	margin-bottom: 10px;
}

h4 {
	font-size: 13px;
	margin-bottom: 0px;
	color: #006699;
}

.img { 
	border: 1px solid #999999; 
}

.info_dropdown {
	background-color:#ebf1f5;
	width:325px;
	padding:10px;
	border: 1px solid #e4e4e4;
}

.image_left {
	font-size: 80%;
  	float: left;
	margin-right: 10px;
	font-style: italic;
	text-align: left;
}

.image_right {
	font-size: 80%;
	float: right;
	margin-left: 5px;
	font-style: italic;
	text-align: right;
}


 .image_left img
{
   border:1px solid #999999;
}

 .image_right img
{
   border:1px solid #999999;
}


/* LEFT SIDE */

#left {
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
}

#left a:link, #left a:visited {
	color: #ffcc00;
	text-decoration: none;
}

#left a:hover {
	color: #ffcc00;
	text-decoration: underline;
}

#left a:active {
	color: #ffff00;
	text-decoration: underline;

}	

.left_shadow {
	background: url('images/shadow_left.png') no-repeat bottom left;
	padding: 0;
	position: relative;
	width: 160px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	clear: left;
	float: left;
 /* ieWin only code */
	 _background-image:none;
}

.leftbox_a {
	clear: right;
	float: right;
	position: relative;
	width: 154px;
	background-color: #416a89;
	background-repeat: repeat-x;
	background-position: top;
	border: 3px solid #feffff;
	background-image: url(images/left_box_a.gif);
	left: 5px;
	bottom: 5px;
	
}
.leftbox_b {
	clear: right;
	float: right;
	position: relative;
	width: 154px;
	background-color: #33506a;
	background-repeat: repeat-x;
	background-position: top;
	border: 3px solid #feffff;
	background-image: url(images/left_box_b.gif);
	left: 5px;
	bottom: 5px;
	padding: 0;
	margin: 0;
}
.leftbox_c {
	clear: right;
	float: right;
	position: relative;
	width: 154px;
	background-color: #273e52;
	background-repeat: repeat-x;
	background-position: top;
	border: 3px solid #feffff;
	background-image: url(images/left_box_c.gif);
	left: 5px;
	bottom: 5px;
	padding: 0;
	margin: 0;
}
.leftbox_d {
	clear: right;
	float: right;
	position: relative;
	width: 154px;
	background-color: #203344;
	background-repeat: repeat-x;
	background-position: top;
	border: 3px solid #feffff;
	background-image: url(images/left_box_d.gif);
	left: 5px;
	bottom: 5px;
	padding: 0;
	margin: 0;
}

.leftbox_content {
	padding-right: 8px;
	padding-left: 14px;
	margin-bottom: 15px;
	padding-top: 5px;	
}

.logo {
	padding-right: 8px;
	padding-left: 14px;
	margin-bottom: 15px;
	padding-top: 15px;
}


.left_list {
	list-style-type: none;
	text-indent: 0px;
	margin: 0;
	margin-left: 0px;
	padding: 0;
	width: 133px;
}

.left_list li a {
	font-size: 11px;	
	line-height: 1.5em;
	background: url(images/arrow.gif) no-repeat 2px center;
	padding: 3px 0;
	padding-left: 15px;

}


* html .left_list li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 113px;
}


/* Right Side - Body */

#right {
}

.right_shadow {
	background: url('images/shadow_right.png') no-repeat bottom right;
	padding: 0;
	position: relative;
	width: 601px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	clear: right;
	float: right;
	/* ieWin only code */
    _background-image:none;
}

.header {
	clear: left;
	float: left;
	position: relative;
	width: 595px;
	background-color: #416a89;
	background-repeat: repeat-x;
	background-position: top;
	border: 3px solid #feffff;
	background-image: url(images/left_box_a.gif);
	right: 5px;
	bottom: 5px;
	padding: 0;
	margin: 0;
	height: 140px;
}

.nav {
	clear: left;
	float: left;
	position: relative;
	width: 595px;
	background-color: #416a89;
	border: 3px solid #feffff;
	right: 5px;
	bottom: 5px;
	padding: 0;
	margin: 0;
	height: 34px;
}

.ares {
	clear: left;
	float: left;
	position: relative;
	width: 595px;
	background-color: #416a89;
	border: 3px solid #feffff;
	right: 5px;
	bottom: 5px;
	padding: 0;
	margin: 0;
	height: 106px;
}

#main {
	clear: left;
	float: left;
	position: relative;
	overflow:auto;
	width: 565px;
	background-color: #f7f8fd;
	background-repeat: repeat-x;
	background-position: top;
	border: 3px solid #feffff;
	background-image: url(images/main_bg.gif);
	right: 5px;
	bottom: 5px;
	padding: 15px;	
}

#single_column {
	float:left;
	margin-bottom:10px;
}

#column_left {
	width:375px;
	float:left;
	margin-bottom:10px;
}

#column_right {
	width:175px;
	float:right;
	margin-bottom:10px;
}
#column_split_left {
	width:275px;
	float:left;
	margin-bottom:10px;
}
#column_split_right {
	width:275px;
	float:right;
	margin-bottom:10px;
}


/* CALENDAR */

.cal_header {
	clear: left;
	float: left;
	position: relative;
	width: 695px;
	background-color: #416a89;
	background-repeat: repeat-x;
	background-position: top;
	border: 3px solid #feffff;
	background-image: url(images/left_box_a.gif);
	right: 5px;
	bottom: 5px;
	padding: 0;
	margin: 0;
	height: 140px;
}

.cal_nav {
	clear: left;
	float: left;
	position: relative;
	width: 695px;
	background: url('images/nav_bg.gif');
	border: 3px solid #feffff;
	right: 5px;
	bottom: 5px;
	padding: 0;
	margin: 0;
	height: 34px;
}
.cal_shadow {
	background: url('images/shadow_right.png') no-repeat bottom right;
	padding: 0;
	position: relative;
	width: 701px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	clear: right;
	float: right;
	/* ieWin only code */
    _background-image:none;
}
#cal {
	clear: left;
	float: left;
	position: relative;
	overflow:auto;
	width: 665px;
	background-color: #f7f8fd;
	background-repeat: repeat-x;
	background-position: top;
	border: 3px solid #feffff;
	background-image: url(images/main_bg.gif);
	right: 5px;
	bottom: 5px;
	padding: 15px;
	height:100%;
}



/* FOOTER */

#footer {
	clear:both;
	width:100%;
	border-top:1px solid #999999;
	padding-top: 5px;
	font-size: 11px;
	color: #999999;
	height: 20px;

}

#footer a:link, #footer a:visited {
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #336699;
	text-decoration: underline;
}

#footer a:active {
	color: #003366;
	text-decoration: underline;

}

#footer_left {
	float:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer_right {
	float:right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/* MENU NAVIGATION */


.p7tbsub {
	background-color: #FFFFFF;
	border: 1px solid #336633;
}
.p7tbsub p {
	padding: 0!important;
	margin: 2px;
	background-color: #6087a6;
}
.p7tbsub a {
	display: block;
	color: #FFFFFF;
	text-decoration: none !important;
	voice-family: "\"}\"";
	voice-family: inherit;
	border: 1px solid #CCCCCC;
	padding: 4px 4px 3px 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-size: 11px;
}
.p7tbsub a:visited {
	color: #FFFFFF;
}

.p7tbsub a:hover {
	color: #ffcc00;
	background-color: #4e7695;
}

.p7tbsub a:active {
	background-color: #4e7695;
	color: #ffff00;
}
.p7tbdn {
	color: #003366!important;
	font-weight: bold;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}

.No_button {
	cursor: default;
}

/* BREADCRUMB STYLES*/

#breadcrumb_wrapper {
	clear:both;
	width:100%;
	border-top:1px solid #cccccc;
	padding-bottom: 2px;
	margin-bottom: 10px;
	margin-top: -10px;
}

.Breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	list-style-type: square;
	word-spacing: 1px;
}
.Breadcrumb_delimiter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;
	list-style-type: square;
	word-spacing: 1px;
}
.Breadcrumb_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	list-style-type: square;
	word-spacing: 1px;
}
a.Breadcrumb:link {
	color: #999999;
	text-decoration: none;
}
a.Breadcrumb:visited {
	color: #999999;
	text-decoration: none;
}
a.Breadcrumb:hover {
	color: #336699;
	text-decoration: underline;
}

/* FORMS */

form
  {
	margin:0;
}
	 
fieldset {
	border: none;
}

fieldset .field {
	clear:both;
	padding:6px 0;
}

fieldset br {
    display:none;
}

fieldset .field label {
    color:#204050;
    float:left;
    margin-right:5px;
    width:115px;
	}

input,
textarea,
select {
    font:normal normal x-small verdana, sans-serif;

    content:inherit;
    font-size:small;
}

input.text,
textarea {
    background:#f8f8f8 url(images/input-background.gif) repeat-x top left;
    border:1px solid black;
    border-color:#c0c4c6 #e0e4e6 #e0e4e6 #c0c4c6;
    color:#808486;
    padding:2px 0 2px 4px;
}

input.text.highlight,
textarea.highlight,
input.text:focus,
textarea:focus {
    background-color:#ffffff;
    background-image:url(images/input-active-background.gif);
    border-color:#a0b0b8;
    color:#204050;
}
.body_large {
	font-size: 14px;
}