/* dark purple = #443266; */
/* lgt purple = #C3C3E5; */
/* magenta txt = #8C489F; */
@import "base.css";

body{
	background-color: #FFFFFF;
	font-family: Franklin Gothic Medium, Arial;
	font-size: 10pt;
}
#CenterColumn #6{
    display: none;
}
#Container{
	text-align: center;
	margin: 0 auto;
}
#Layout{
	background-color: #443266;
	text-align: left;
	width: 1000px;
	border-collapse: collapse;
	padding: 0;
	margin: 0 auto;
	border: 1px solid #443266; 
}
#LeftColumn{ /*This is the column (td) with the menu (ul) - keep fixed size or replace.*/
	width: 172px;
	padding-left: 15px;
	padding-right: 10px;
}
#RightColumn{ /*This is the "abuse is not acceptable" column on the main page*/
	width: 109px;
	padding-left: 5px;
	background-color: #FFFFFF;
	font-size: 90%;
	border-left: 1px solid #443266;
}
#TopCenterColumn{ /*This is the header frame*/
	margin: 0;
	padding: 0;
	background: #FFFFFF url(/images/teal_header.jpg) no-repeat;
	height: 182px;
	width: 785px; 
}
#CenterColumn{ /*This is the MAIN frame on pages with the "abuse is not acceptable" column*/
	width: 600px;
	background-color: #FFFFFF;
	padding-left: 15px;
}
#CenterColumnWide{ /*This is the MAIN frame on pages without the "abuse is not acceptable" column*/
    width: 785px;
	background-color: #FFFFFF;
	padding-left: 15px;
    vertical-align: top;
}
#Menu{ /*This is the list (UL) that goes in the LeftColumn (TD)*/
	list-style-type: square;
	color: #fff;
	margin-left: 15px;
	padding: 0;
}
#Menu a:link, #Menu a:visited, #Menu a:active{
	color: #fff;
	text-decoration: none;
}
#Menu a:hover{ /* It would be nice to create a drop-down menu instead */
	text-decoration: underline;
}
.PhoneInfo{
	color: #fff;
	font-size: 100%;
}
.PhoneInfo strong{
	color: #fff;
	font-size: 115%;

}
.PhoneTagline{
	color: #fff;
	font-weight: bold;
	font-size: 80%;

}
.PhoneTaglineNbr{
	color: #fff;
	font-weight: normal;
	font-size: 120%;

}
h2, h3
{
    font-size: 100%;
}
h2 a:link, h2 a:active, h2 a:visited,
h3 a:link, h3 a:active, h3 a:visited,
a:link, a:active, a:visited{
	color: #8C489F;
	text-decoration: none;
	font-size: 100%;
}
h2 a:hover,
h3 a:hover,
a:hover{
	color: #8C489F;
	text-decoration: underline;
}
#CopyRight{
	color: #fff;
	font-weight: normal;
	margin: 0 auto;
	border-top: 1px solid #443266;
	text-align: center;
}
#CopyRight a:link, #CopyRight a:visited, #CopyRight a:active{
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}
#CopyRight a:hover{
	font-weight: normal;
	text-decoration: underline;
	font-size: 90%;
}
.highslide {
	cursor: url(/images/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 5px solid #444444;
    cursor: pointer; /* opera */
	cursor: url(/images/zoomout.cur), pointer;
}
.highslide-image-blur {
    cursor: pointer;
    cursor: hand;
}
.highslide-caption { 
    display: none; /*this is the fun thing that makes larger pics pop up when you hover over a thumbnail pic*/
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    border: 5px solid #444444;
    border-top: none;
    padding: 5px;
    background-color: gray;
}
.highslide-display-block {
    display: block; /*this is the fun thing that makes larger pics pop up when you hover over a thumbnail pic*/
}
.highslide-display-none { /*this is the fun thing that makes larger pics pop up when you hover over a thumbnail pic*/
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(/images/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
form p, 
form label {
	font-size: 10px; 
	margin: 0; 
	padding: 1px; 
	line-height: 1.2em;
}
input, 
textarea {
	background: #fff url(/images/input-bg.jpg) repeat-x bottom; 
	border: 1px solid #639; 
	font: 1.0em Tahoma, Verdana, Geneva, lucida, arial, hevetica, sans-serif;
	line-height: 1.3em;
}
label {
	padding: 0px; 
	font: 1.0em Tahoma, Verdana, Geneva, lucida, arial, hevetica, sans-serif;	
	line-height: 1.1em; 
	font-weight: bold; 
	cursor: pointer;
}
select, 
option {
	font-size: 10px; 
	background-color: #f9fbfd;
}
.button {
	background: #96c url(/images/input-bg.jpg) repeat-x bottom; 
	border: 1px solid #639; 
	color: #000; 
	padding: 0 1px;
	cursor: pointer;	
}
input.buttonimg {
	border: none; 
	cursor: pointer;
}
input.checkbox {
	background-color: transparent; 
	border: none;
}
.ws_TitleField{
	float: left;
}
.ws_CategoryField{
	margin-left: 30%;
}
.ws_StatusField{
	float: left;
}
.ws_ComentsField{
	margin-left: 30%;
}
.ws_CreateField{
	float: left;
}
.ws_UpdateField{
	margin-left: 30%;
}
#ws_StatusBox{
	border-width: 0 1px;
	border-color: #8FAEBE;
	border-style: solid;
	background-color: #F5F9FF;
	padding: 10px 15px;
}
#ws_TitleBox{
	border-width: 1px;
	border-color: #8faebe;
	border-style: solid;
	background-color: #eaf2ff;
	padding: 10px 15px;
}
#ws_DateBox{
	border-width: 0 1px;
	border-color: #8FAEBE;
	border-style: solid;
	background-color: #F5F9FF;
	padding: 10px 15px;
}
#ws_BodyBox{
	clear: left;
	border-width: 0 1px 1px 1px;
	border-color: #8FAEBE;
	border-style: solid;
	background-color: #F5F9FF;
	padding: 10px 15px;
}
#ws_ButtonRow{
	border-width: 0 1px 1px 1px;
	border-color: #8faebe;
	border-style: solid;
	background-color: #eaf2ff;
	padding: 10px 15px;
	background-color: #eaf2ff;	
}
#Menu .ws_Selected
{
}
#Menu #ws_SelectedOptions
{
    color: #b5cea4;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    list-style-type: disc;
}
#ws_SelectedOptions a{
       color: #b5cea4;
}
.ws_Selected a:hover{
       color: #b5cea4;
}
.ws_EditArea{
	width: 99%;
	margin: 0 auto;
}
.ws_First_ElementX{
	margin: 0;
	position: absolute;
	top: 200px;
	width: 500px;
}