/*
    Styles used inside editable content areas.
    
    This will be used to style the content of the WYSIWYG editors.  Any CSS
    classes defined here will be made available in the drop-down list of styles.
*/


/* Standardize the layout. */
* {
    font-size: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* Set the default text color. */
body,
input,
textarea,
select {
    color: #484848;
}

/* Set the default font rendering. */
body {
    font-family: Tahoma, sans-serif;
    font-size: 80%;
    line-height: 150%;
}

h1 {
	text-transform: uppercase;
	color: #59a749;
    font-size: 150%;
    margin: 15px 0px 15px 0px;
}

h2,
h3 {
	font-weight: bold;
    clear: left;
    margin: 15px 0px 5px 0px;
}

h2 {
    color: #784fad;
    text-transform: uppercase;
    font-size: 150%;
    margin: 30px 0px 15px 0px;
}

p,
ul,
ol,
dl,
table {
    margin: 0px 0px 15px 0px;
}

table {
    border-collapse: collapse;
}

li {
    margin: 0px 0px 5px 30px;
}

a {
	color: #59a749;
    text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

/*
    Drop-down styles for the WYSIWYG editor.
*/

.left {
    float: left;
    margin: 0px 15px 15px 0px;
}

.right {
    float: right;
    margin: 0px 0px 15px 15px;
}

.green {
    color: #59a749 !important;
}

.purple {
    color: #784fad !important;
}