﻿/* 
Sitewide
-------------------------------------------------------  */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-size: 1em;
	font-family:  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #98A7CB;
	line-height:110%;
}

/*
Containers
-------------------------------------------------------  */
#container {
	background-color: #fff;
	width: 920px;
	margin: 0 auto;
	border-top: 0;
	border-right: 1px solid #333300;
	border-bottom: 1px solid #333300;
	border-left: 1px solid #333300;
}
#masthead {
    background-image: url('images/MastHead.png');
	width: 920px;
	height: 80px;
}
#navigation {
	width: 920px;
}

#page_content {
	background-position: right bottom;
	background-image: url('images/MainBackground.png');
	min-height: 500px;
	background-color: #E1E6EC;
	background-repeat: no-repeat;
}

#loginbar{
    font-size: 80%;
    margin: 5px;
    padding: 2px 5px;
    background-color: #CCCCFF;
    border: 1px solid #666666;
    text-align: right;
}

#column_l{
    width: 605px;
    margin: 5px;
}
#column_r {
    font-size: 90%;
	width: 290px;
	margin: 5px;
	float: right;
}
#column_r div{
    border: 1px solid #666666;
    background-color: #FFFFE6;
}


/* New Layout

#column_l{
  width: 563px;
  margin: 0;
  padding: 0 10px;
  background-color: #CCCCCC;
  border: 1px solid #666666;
}
#column_r {
    font-size:90%;
	width: 298px;
	margin: 0;
	float: right;
	padding: 10px;
	background-color: #a9a9a9;
	border: 1px solid #666666;
	position: relative;
}
*/

#footer {
	background-image: url('images/FooterBackground.png');
	width: 920px;
	height: 60px;
	text-align: center;
}

/*
Masthead
-------------------------------------------------------  */
#masthead img {
	float: left;
}
#masthead p {
	color: #fff;
}
#column_r p{
    margin: 10px 7px 7px 7px;
}

/*
Footer
-------------------------------------------------------  */
#footer p {
	font-size: 80%;
	line-height: 14px;
	color: #fff;
	margin: 1px;
	padding: 1px;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}

.clear{
    clear:both;
    margin: 5px 0 2px 0;
}

/*
Objects
-------------------------------------------------------  */
hr{
padding:2px;
margin:2px;
}

/*
System Messages
-------------------------------------------------------  */
.systemErrorPanel, .systemMessagePanel{
	margin: 5px;
	padding: 3px;
	border:1px solid black;
	color: #333333;
	text-align: center;
	background-color: #FF6666;
	text-align:center;
	font-size: 80%;
}
.systemMessagePanel{
    background-color: #CCFF99;
}

/*
Classes
-------------------------------------------------------  */

.border{
 border: 1px solid #666666;
}
img.imgBorder{
 border: 1px solid #666666;
}

/*
Links
-------------------------------------------------------  */
a {
	color: #036;
	text-decoration: underline;
}
a:hover {
	color: #808080;
	text-decoration: underline;
}
/*
Fonts
-------------------------------------------------------  */
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

p{
    margin: 10px 2px 5px 5px;
}

h1, h2, h3, h4, h5{
    color: #254B74;
}

h1 {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 2px 2px 5px 2px;
}
h2 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 2px 2px 5px 2px;
    width: 538px;
}
h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 2px 2px 5px 2px;
}
h4 {
	font-size: 1em;
	margin: 2px 2px 5px 2px;
}
h5{
	font-size: 1em;
	margin: 2px 2px 5px 2px;
}

#column_r ul{
    margin:0 0 10px 10px;
	padding-bottom:1px;
	line-height: 1em;
}

#column_r ul li{
    margin-right: 0;
    margin-top: 0;
    margin: 8px;
}

/*
Table Layouts
-------------------------------------------------------  */
.tableCSS{
    border-collapse: collapse;
}

.tableCSS .col1{
    width: 100px;
    text-align: right;
    vertical-align: top;
    padding: 5px 2px 2px 0;
}

.tableCSS .col2{
    width: 100px;
    text-align: right;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
}

.tableCSS .col3{
    width: 150px;
    text-align: left;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
}

.tableCSS2{
    border-collapse: collapse;
}
.tableCSS2 .col1{
    width: 140px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: right;
}
.tableCSS2 .col2{
    padding-left: 6px;
}

.tableCSS2 .top{
    vertical-align: top;
    padding-top: 5px;
}

/*
Scheduler Classes
-------------------------------------------------------  */
.AppointmentTemplate{

}