/*  STYLE CSS  */


/*  LAYOUT CSS  */

body {
	background-color: #C1CFAA;
}

div#content {
	background-color: #FAF0DC;
}

/*
div#main {
	margin-right: 20px;
}
*/

div#datebar {  
    background-color: #555F50;  
    height: 26px;
    line-height: 26px;
    border-radius: 12px 12px 0px 0px;
} 

div#banner {  
    background-color: #96A582;  
    height: 60px;
    line-height: 60px;
    border-bottom: 5px;
    border-bottom-color: #5A1919;
    border-bottom-style: solid;
} 

div#sidebar {
    background-color: #FAF0DC;
    height: auto;
    text-align: right;
}
 
div#footer {  
    background-color: #96A582;  
    height: 40px;
    line-height: 40px;
    border-top: 5px;
    border-top-color: #5A1919;
    border-top-style: solid;
    border-bottom: 15px;
    border-bottom-color: #555F50;
    border-bottom-style: solid;
    border-radius: 0px 0px 12px 12px;
} 

.accordion {
	 border-radius: 5px;
	 background-color: #C1CFAA;
	 line-height: normal;
}

form {
     background: #9AC49F;
     width: 600px;
     height: 625px;
     color: #6eab76;
     font-family: sans-serif;
     font-size: 15px;
     line-height: .5em;
     font-weight: normal;
     text-decoration: none;
     border-radius: 12px;
     border: 3px solid #005357;
}

.fancybox {
	
}

/*   Normal text styles   */

#main p {
     font-family: sans-serif;
     font-size: 14px;
     color: #000000;
     font-style: normal;
     text-decoration: none;
     position: relative;
     top: -25px;
     text-align: left;
}

#main p i {
     font-family: sans-serif;
     font-size: 14px;
     color: #000000;
     font-style: italic;
     text-decoration: none;
     position: relative;
     text-align: left;
}

#main p b {
     font-family: sans-serif;
     font-size: 14px;
     color: #000000;
     font-style: normal;
     font-weight: bold;
     text-decoration: none;
     position: relative;
     text-align: left;
}

#main ul {
     font-family: sans-serif;
     font-size: 14px;
     color: #000000;
     font-style: normal;
     text-decoration: none;
     position: relative;
     text-align: left;
}

#main ol {
     font-family: sans-serif;
     font-size: 14px;
     color: #000000;
     font-style: normal;
     text-decoration: none;
     position: relative;
     top: -25px;
     left: -25px;
     text-align: left;
}

/*   Header styles   */

h2 {
	font-family: sans-serif; 
	color: #555F50; 
	font-style: normal; 
	text-decoration: none; 
	position: relative; 
	top: -25px; 
	text-align: left;
	text-shadow: 4px 4px 4px #aaa;
}

#main h3 {
     font-family: sans-serif;
     color: #96A582;
     font-style: normal;
     text-decoration: none;     
     position: relative;
     top: -25px;
     text-align: left;
}

#main h4 {
     font-family: sans-serif;
     color: #5A1919;
     font-style: normal;
     text-decoration: none;     
     position: relative;
     top: -25px;
     text-align: left;
}

#main h5 {
     font-family: sans-serif;
     color: #555F50;
     font-style: normal;
     text-decoration: none;     
     position: relative;
     text-align: left;
}


/*   Special use text styles   */

#datebar p {
     font-family: sans-serif;
     color: #FAF0DC;
     font-size: 13px;
     font-weight: bold;
     display: table-cell;
     text-align: center;
}

#fname {
     font-family: century gothic, sans-serif;
     color: #FAF0DC;
     font-size: 30px;
     font-weight: normal;
     display: table-cell;
     text-align: center;
}

#lname {
     font-family: century gothic, sans-serif;
     color: #555F50;
     font-size: 30px;
     font-weight: bold;
     display: table-cell;
     text-align: center;
}

#tabs {
     font-family: sans-serif;
     text-align: right;
	 background-color: inherit;
	 border: none;
} 

#sidebar p {
     font-family: "Felipa", "Lucida Calligraphy", cursive;
     font-size: 16px;
     color: #555F50;
     font-style: normal;
     text-decoration: none;
     text-align: right;
}

#cr {
     font-family: sans-serif;
     color: #5A1919;
     font-size: 11px;
     font-weight: bold;
     text-align: left;
}

#flinks {
     font-family: sans-serif;
     color: #5A1919;
     font-size: 15px;
     font-weight: bold;
     text-align: right;
}

#form p {
     font-family: sans-serif;
     color: #700c32;
     font-size: 15px;
     top: -50px;
     font-weight: normal;
     text-decoration: none;
}

.calendar td {
     font-family: sans-serif;
     font-size: 14px;
     color: #000000;
     font-style: normal;
     text-decoration: none;
     position: relative;
     width: 96px;
     top: -25px;
     text-align: center;
     padding: 10px;
     border-width: 4px;
     border-radius: 6px;
     background-color: #ABEBA9;
}


/*  Anchor styles  */

a:link {                        /* unvisited link */
    font-family: sans-serif;
    color:#700c32;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: right;
    text-decoration:none;
}

a:visited {                     /* visited link */
     font-family: sans-serif;
     color: #700c32;
     font-size: 15px;
     font-weight: bold;
     vertical-align: middle;
     text-align: right;
     text-decoration:none;
}

a:hover {                       /* mouse over link */
     font-family: sans-serif;
     color: #e1f0bd;
     font-size: 15px;
     font-weight: bold;
     vertical-align: middle;
     text-align: right;
     text-decoration: none;
}

a:active {                      /* selected link */ 
     font-family: sans-serif;
     color:#6eab76;
     font-size: 15px;
     font-weight: bold;
     vertical-align: middle;
     text-align: right;
     text-decoration: none;
}


.cal a:link {                   /* unvisited link */
    font-family: sans-serif;
    color:#700c32;
    font-size: 25px;
    line-height: 2.0;
    font-weight: bold;
    vertical-align: middle;
    text-align: right;
    text-decoration:none;
}

.cal a:visited {                /* visited link */
     font-family: sans-serif;
     color: #700c32;
     font-size: 25px;
     line-height: 2.0;
     font-weight: bold;
     vertical-align: middle;
     text-align: right;
     text-decoration:none;
}

.cal a:hover {                  /* mouse over link */
     font-family: sans-serif;
     color: #e1f0bd;
     font-size: 25px;
     line-height: 2.0;
     font-weight: bold;
     vertical-align: middle;
     text-align: right;
     text-decoration: none;
}

.cal a:active {                 /* selected link */ 
     font-family: sans-serif;
     color:#6eab76;
     font-size: 25px;
     line-height: 2.0;
     font-weight: bold;
     vertical-align: middle;
     text-align: right;
     text-decoration: none;
}

/* Tabs */

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: FAF0DC;
}