a:link {color: #FFFFFF; text-decoration: none; }
a:active {color: #FFFFFF; text-decoration:none }
a:visited {color: #FFFFFF; text-decoration:none }
a:hover {color: #ffffff; background-color: #A7EFEF; text-decoration: none;}

.centeredBox
{
	border-radius: 25px;
	border-style:outset;
	border-width: medium;
	margin: auto;
	text-align:center;
	width: 900px;
	background-color: #EFF2F2;
	padding-left:30px;
	padding-right:30px;
	height:auto;
	box-shadow: 3px 3px 5px;
	min-height:10px;
}

.centeredBox:hover{
	box-shadow: 3px 3px 10px;
	background-color: #E8E8E8;
	
}

.container
{
	margin:auto;
	height:auto;
}

/*Rounded Corner Notes*/
.note {
    position:relative;
    width:480px;
    padding:1em 1.5em;
    /*margin:2em auto;*/
    color:#fff;
    background:#698257;
    overflow:hidden;
}

.note:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#FFFFFF #FFFFFF #658E15 #658E15; /* A bit more verbose to work with .rounded too */
    background:#869978; /* For when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
    /* Optional: shadow */
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.note.rounded {
    border-radius:5px 0 5px 5px;
}

.note.rounded:before {
    border-width:8px; /* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
    border-color:#FFFFFF #FFFFFF transparent transparent; /* Avoids the 1px 'step' in webkit. Background colour shows through */
    border-radius:0 0 0 5px;
}