/*
 * http://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/
*/



html {
    /*background: url('../images/RosesareRed_ButtonLogoTransparent.gif') no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -background-size: cover;
    background-color: #FFFFFF;
}


DIV.mission {
  width:450px;
  margin:0 auto;
  /*background: url('../images/bg.jpg') no-repeat center center fixed;*/
  background-color: #FDFDFD;
  font-size: 18px;
}

DIV.body {
    width:450px;
    margin:0 auto;
    text-align: center;
}

#body a:link{
    background:#800000;
    color:#FFFFFF;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: center;
}

#body a:visited {
    background:#800000;
    color:#FFFFFF;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: center;
}

#body a:hover {
    background:#800000;
    color:#FFFFFF;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: center;
}


H1 {text-align:center;
    color:#254118;
    font: normal 15pt "Helvetica", "Arial"}

H2 {text-align:center;
    color:#254118;
    font: normal 12pt "Helvetica", "Arial"}

H3 {text-align:center;
    color:#254118;
    font: normal 10pt "Helvetica", "Arial"}

P {
text-align:justify;
color: #254118;
font: 10pt/10pt "Helvetica", "Arial"
}

P.center {
text-align:center;
color: #254118;
font: 10pt/10pt "Helvetica", "Arial"
}

/*
 * Image links should have no border.
 */
a img {
    border: none;
}

/*
 * Text is default this color.
 */
 P {
     color: #7D1B7E;
     font: 10pt/10pt "Helvetica", "Arial"
}

/*
 * Location.
 */
P.location {text-align:center;
             color: #254118;
             text-decoration:none;
	     font: 12pt/10pt "Helvetica", "Arial"}

/*
 * Copyright.
 */
P.copy {
    text-align:right;
    color: #254118;
    text-decoration:none;
    font: 8pt/8pt "Helvetica", "Arial"
}


/* Blog headers */
H1.blog {text-align:left;
    color:#254118;
    font: normal 17pt "Helvetica", "Arial"}

H2.blog {text-align:left;
    color:#254118;
    font: normal 15pt "Helvetica", "Arial"}

H3.blog {text-align:left;
    color:#254118;
    font: normal 10pt "Helvetica", "Arial"}


/* Bulk unordered list. */
ul.bulk {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #7D1B7E;
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
list-style-image: url(/images/RosesareRed_ButtonLogoBulletTransparent.gif);
list-style-type: square;
padding: 6px;
margin: 25px;
}

#main a:link{
    background:transparent;
    color:#254118;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: left;
}

#main a:visited {
    background:transparent;
    color:#254118;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: left;
}

#main a:hover {
    background:transparent;
    color:#254118;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: left;
}
/***********************************************************************/

#footer a:link{
    background:transparent;
    color:#254118;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: left;
}

#footer a:visited {
    background:transparent;
    color:#254118;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: left;
}

#footer a:hover {
    background:transparent;
    color:#254118;
    text-decoration:none;
    font-family: arial;
    font-style: italic;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5em;
    word-spacing: normal;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    text-align: left;
}








/*media="screen, print, projection"*/

/*
body {
	margin:0;
	padding:0;
	color:#000;
	background:#fff transparent;
}
*/
/*
#body {
    width:800px;
    margin:0 auto;
*/
    /*background: url('../images/bg.jpg') no-repeat center center fixed;*/
/*    background-color: #FDFDFD;
}
*/

#main {
    padding:0px;
    background:transparent;
}

#header {
  /*  padding:10px;*/
    background:transparent;
}

/* http://matthewjamestaylor.com/centered-menus/
* -------------------------------------------------- */
/* roundbar-blue */
/* -------------------------------------------------- */
#roundbar-blue {
    position: relative;
    clear:left;
    float:left;
    width:100%;
    /*background:#E77471;*/
    font-family:Trebuchet, Helvetica, sans-serif;
    /*border-bottom:2px solid #500817;*/
    overflow:hidden;
}
#roundbar-blue ul {
    clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    /*background:#E77471;*/
    position:relative;
    left:50%;
    text-align:center;
}
#roundbar-blue ul li {
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    background:#E77471;
    border-bottom:2px solid #500817;
    right:50%;
}
#roundbar-blue ul li.first {
    border-left:1px solid #500817;
}
#roundbar-blue ul li.last {
    border-right:1px solid #500817;
}
#roundbar-blue ul li a {
    display:block;
    margin:0;
    padding:.4em .8em;
    color:#254118;
    text-decoration:none;
    border-left:1px solid #500817;
    border-right:1px solid #500817;
    line-height:1.3em;
}
#roundbar-blue ul li.active a {
    /*background:url(roundbar-blue.gif) 0 75% repeat;*/
    font-weight:bold;
}
#roundbar-blue ul li a:hover {
    color:#a00;
    /*background:url(roundbar-blue.gif) 0 75% repeat;*/
}
#roundbar-blue ul li a span {
    display:block;
}


/* this is for top menu!
* https://www.servage.net/blog/2009/03/20/create-a-cool-css-based-drop-down-menu/
*/

#menu-div {
    float:left;
    width:100%;
    background:transparent;
    position:relative;
}

#menu-div        ul {
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu-div ul li {
    display: block;
    position: relative;
    float: left;
    width: 100%
}
#menu-div li ul { display: none; }
#menu-div ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    background: #2C5463;
    margin-left: 1px;
    white-space: nowrap;
}
#menu-div ul li a:hover { background: #617F8A; }
#menu-div li:hover ul {
    display: block;
    position: absolute;
    margin-left:100px;
   /* margin-top:-20px;*/
}
#menu-div li:hover li {
    float: none;
    font-size: 11px;
}
#menu-div li:hover a { background: #617F8A; }
#menu-div li:hover li a:hover { background: #95A9B1; }


#announcement {
    background-color: #E77471;
    color: #D2B9D3;
}


#content-1 {
    float:left;
    width:200px;
/*    padding:10px;*/
    background:transparent;
}
#content-2 {
    float:right;
    width:600px;
    background:transparent;
}
#content-2-1 {
    float:left;
    width:400px;
    /*padding:10px; */
    background:transparent;
}
#content-2-2 {
    float:right;
    width:200px;
    /*padding:10px;*/
    background: #FFFFFF;
    text-align: right;
}
#footer {
    padding:10px;
    background:transparent;
}
/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.cf:after {
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
    content:" ";
    font-size:0;
}
/* Does not validate – use conditional comments for this bit if you want valid CSS */
.cf {*zoom:1;}









/* http://ago.tanfa.co.uk/css/examples/menu/vs7.html */
/**************** menu coding *****************/
#menu {
width: 12em;
background: #ffffff;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;

/*
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
*/
margin: 0;
padding: 0px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
background:#fff;
top: 0;
left: 100%;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}