@import url('template.css');

body
{
	margin: 0;
	padding: 0;
	color: #222;
	font: normal 10pt Arial,Helvetica,sans-serif;
/*	background: #2B200F;*/
background: #4f896e;
background: -moz-linear-gradient(top, #4f896e 0%, #000000 22%, #2b200f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f896e), color-stop(22%,#000000), color-stop(100%,#2b200f));
background: -webkit-linear-gradient(top, #4f896e 0%,#000000 22%,#2b200f 100%);
background: -o-linear-gradient(top, #4f896e 0%,#000000 22%,#2b200f 100%);
background: -ms-linear-gradient(top, #4f896e 0%,#000000 22%,#2b200f 100%);
background: linear-gradient(top, #4f896e 0%,#000000 22%,#2b200f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f896e', endColorstr='#2b200f',GradientType=0 );

}
#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	/*background: white;*/
	/*border: 1px solid #C9E0ED;*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        /*border-radius: 10px;
        box-shadow:inset 0 0 10px #000000;*/
        margin-bottom:10em;
}

#header
{
	margin: 0;
	padding: 0px;
	height:225px;
         -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 5px;
        box-shadow:inset 0 0 5px #000000;
        background-color:#e1e1cc;


/*background-image: url(header.png) ;*/


        
}
#SearchForm
{
    /*position:relative;
    left:732px;
    top:5px;*/
}
#headerClickArea
{
    height:225px;
    cursor:pointer;
    width:720px;
   /* display:inline;*/
    cursor:pointer;
     border-right:1px dashed #ddd;
     
    
}
#headerSearchArea
{
    height:225px;
    width:220px;
   position:relative;
   left:730px;
   top:-225px;
   padding:.5em;
   padding-top:1em;
  
 }

 #seachLabel
{
    display:inline;
    }
#header #addEvent, #header #viewEvent
{
   /* position:relative; */
   /* left:735px;*/
    color:#014286;
    background:#fff;

    color:#b7410e;
    background:#f0db7d;
    padding:5px;
    width:185px;
    cursor:pointer;
    border:1px solid #014286;
    margin:2px;
    text-align: center;
     -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow:inset 0 0 5px #000000;
}
#header #addEvent:hover, #header #viewEvent:hover
{
   background:#b7410e;
	color:#f0db7d;
}
#subContent
{
    margin-top:10px;
    background-color: #654b24;
    border-radius: 5px;
        box-shadow:inset 0 0 3px #000000;
/*        { border: 1px solid #654b24; background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; }*/
}

#content
{
    padding: 10px;
    border:2px #463419 solid;
    border-radius:7px;
/*    background-color:#a7d896;*/
    background-color:#e1e1cc;
    
}
#content h2, #content h3, #content h4, #content h5
{
    color:#c22426;
}
#contentTab
{
        overflow: auto;
}
/* div.ui-tabs-panel h1*/
 h1.pageHeader
{
    padding:.5em;
    background-color:#FFBE5A;
    color:#c22426;
    margin-bottom:0;
    border:1px solid #000;
    border-radius: 10px 10px 0px 0px;
    border-bottom:0px;
}
div.pageFooter
{
    padding:.5em;
    background-color:#FFBE5A;
    color:#c22426;
    margin-top:0;
    border:1px solid #000;
    border-radius: 0px 0px 10px 10px;
    border-top:0px;
}
p.pageParagraph
{
    padding:.5em;
    background-color:#FFBE5A;
    color:black;
    border:1px solid #000;
    border-top:0px;
    border-bottom:0px;
    margin-bottom:0px;
    font-wieght:700;
    font-size:17px;
    text-shadow:#ccc 1px 1px 2px;
}
table.footerTable td
{
    border:1px solid  #c22426;
 }
table.footerTable td a
{
    color:#c22426;
    font-weight: 700;
}

#subContent
{
    padding: 1.5em;
}
div.container
{
    /*background-color:white;*/
    margin-top:5px;
}
#sidebar
{
	padding: 20px 20px 20px 0;
}

#left-column
{
/*      margin-left:10px;
      margin-top:15px;
      margin-bottom:15px;
       border-radius: 10px;
        box-shadow: 0 0 5px #000;
        padding:1em;
        background-color:#eee;*/
}

.focus-box
{
      
      margin-bottom:10px;
       border-radius: 10px;
        box-shadow: 0 0 5px #000;
        padding:1em;
        background-color:#eee;
}

#footer
{
	padding: 10px;
	margin: 10px 0px;
	font-size: 0.8em;
	text-align: right;
                background-color: #eee;
        border-radius: 10px;
      
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#EBEF00;
	color:#222;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{
    color:#314a68;
}

.portlet-decoration
{
	padding: 3px 8px;
	background: #d6ecea;
/*	border-left: 5px solid #6FACCF;*/
        border-bottom:1px solid #fff;
        
}

.portlet-title
{
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color:#314a68;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#d6ecea;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

span.blogDate
{
    float:right;
    width:200px;
    text-align: left;
}

div.sideBarImage
{
    padding:10px;
}

/*side menu styles*/

#sideMenu
{
    background-color:#C22426; /* was 990a1e) */
    border:2px #222 solid;
     border-radius:10px;
     padding:.75em;
}

#sideMenu, .portlet
{
    background-color:#a7d896;
    background-color:#C22426;
     border:2px #222 solid;
     border-radius:10px;
     padding:.75em;
     margin:0;
     margin-bottom: 10px;
}

.portlet .form a, .portlet .form label,.portlet .form div a
{
    color:#ffbe43;
}

#sideMenu li
{
    list-style: none;
    border-radius:5px;
    box-shadow:inset 0 0 3px #333;
    padding:.5em;
    margin-top:2px;
    margin-bottom:2px;
    padding-left:3.5em;
    background-color:#F3B556;
}

#sideMenu li:hover
{
    background:white;
}

#sideMenu li.active
{
    background:#E6E4DA;
    padding-left:.5em;
}

#sideMenu li a
{
    text-decoration: none;
    color:#222;
    font-size:14px;
    font-weight: 700;
}

#contentTab, #sideMenu
{
    height:575px;
    box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
 }
 
 #sideMenu
 {
    height:387px;
 }
 
 div.link-button
{
    list-style: none;
    border-radius:5px;
    box-shadow:inset 0 0 3px #3d3a20;
    padding:.5em;
    margin-top:2px;
    margin-bottom:2px;
    background-color:#f3b556;
    text-align: center;
}
div.link-button:hover
{
    background-color:#fff;
}
div.link-button a
{
     text-decoration: none;
    color:#000;
    font-size:14px;
    font-weight: 700; 
}
div.header
{
    color:yellow;
    font-weight: 700;
    background-color:#e24446;
    padding:.5em;
    border-radius:3px;
    margin-bottom:4px;
    box-shadow:inset 0 0 3px #000;
    
}
 /* copied from fsdb */
 /*side menu styles*/
/*
#sideMenu, .portlet
{
    background-color:#a7d896;
     border:2px #222 solid;
     border-radius:10px;
     padding:.75em;
     margin:0;
     margin-bottom: 10px;
}


#sideMenu li
{
    list-style: none;
    border-radius:5px;
    box-shadow:inset 0 0 3px #3d3a20;
    padding:.5em;
    margin-top:2px;
    margin-bottom:2px;
    padding-left:3.5em;
    background-color:#8c9e34;
    
}
#sideMenu li:hover
{
    background:#3d3a20;
}

#sideMenu li.active
{
    background:#3d3a20;
    padding-left:.5em;
}

#sideMenu li a
{
    text-decoration: none;
    color:#fff;
    font-size:14px;
    font-weight: 700;
}



div.link-button
{
    list-style: none;
    border-radius:5px;
    box-shadow:inset 0 0 3px #3d3a20;
    padding:.5em;
    margin-top:2px;
    margin-bottom:2px;
    background-color:#8c9e34;
    text-align: center;
}
div.link-button:hover
{
    background-color:#3d3a20;
}
div.link-button a
{
     text-decoration: none;
    color:#fff;
    font-size:14px;
    font-weight: 700; 
}



#contentTab, #sideMenu
{

    box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
 }
 #sideMenu
 {
    height:240px;
 }
 */
 div.errorPage
 {
     background-color:#F0DB7D;
     padding:1em;
      box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    border-radius:10px;
 }
 
 /* public admin styling */
 
 div#publicAdmin
 {
     height:55px;
     background-color:#FFBE5A;
    display:none; 
    margin-top:5px;
     -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 5px;
        box-shadow:inset 0 0 5px #000000;
/*        background-color:#fff;*/
padding:.5em;
 }
 
 div#publicAdmin a
 {
     color:#000;
     font-weight:700;
 }
 
 div.errorPage
 {
     background-color:#F0DB7D;
     padding:1em;
      box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 8px 7px 24px rgba(0, 0, 0, 0.52);
    border-radius:10px;
 }
 
 .note
 {
     background:#97110d;
     font-weight:700;
     padding:.5em;
     border:solid #000 1px;
     border-radius:5px;
     color:yellow;
 }
 .note> a
 {
     color:white;
 }
 a.handyMenu
{
    border-radius:5px;
    box-shadow:inset 0 0 3px #3d3a20;
    padding:.5em;
    margin-top:2px;
    margin-bottom:2px;
    background-color:#f3b556;
    text-align: center;
    color:#000;
}
a.handyMenu:hover
{
    background-color:#FFF6BF;
}
div.generic_box
{
    border-radius:5px;
    box-shadow:inset 0 0 3px #3d3a20;
    padding:.5em;
    margin-top:2px;
    margin-bottom:2px;
    background-color:#f3b556;
    color:#000;
}
/* styling for post area */
span.blogDate
{
    float:right;
    width:230px;
    text-align: left;
}

div.blogcontent
{
    padding:1em;
    
}
div.blogpost
{
    background-color:#fff;
    border-radius:10px;
    margin:10px;
    margin-bottom:1px;
    margin-top:1px;
    border:#c22426 1px solid;
}
div.post-header, div.post-toolbar
{
    padding:.5em;
    background-color:#f3b556;
    color:#111;
}
div.post-header
{
    border-bottom:1px solid #000;
    border-radius:9px 9px 0px 0px;
}
div.post-toolbar
{
    border-top:1px solid #000;
    border-radius:0px 0px 9px 9px;
}
div.post-toolbar a.blogIcon img
{
/*    float:right;*/
    margin-left:10px;
}
/* comments */
div.comment-header, div.comment-toolbar
{
    padding:.5em;
    background-color:#e1e1cc;
    color:#000;
}
div.comment-header
{
    border-bottom:1px solid #000;
    border-radius:9px 9px 0px 0px;
}
div.comment-toolbar
{
    border-top:1px solid #000;
    border-radius:0px 0px 9px 9px;
}
div.comment-toolbar a.blogIcon img
{
/*    float:right;*/
    margin-left:10px;
}
/* comments on comments */
div.comment-comment
{
    background-color:#fff;
    border-radius:5px;
    margin-left:50px;
    margin-right:5px;
    margin-bottom:1px;
    margin-top:1px;
    border:#222 1px dotted;
}
div.comment-comment-header
{
    border-bottom:1px dotted #000;
    padding-left:1em;
}
div.comment-comment-content
{
   
    padding:.3em;
    padding-left:5em;
}
div.comment-comment-content p
{
     font-family:cursive;
}

div#deptHead
{
    display:none;
}

table tr td
{
    vertical-align: top;
    padding-top:1em;
    padding-bottom:1em;
    border-bottom:#eee solid 1px;
}
table.vCentre tr td
{
    vertical-align: middle;
/*    background:yellow;*/
/*    padding-top:1em;*/
/*    padding-bottom:1em;*/
    border-bottom:none;
   
}
table.vCentre tr td a:hover
{
text-shadow:0 0 8px white;
color:#000;
}

div.gallery_summary
{
    width:110px;
    display:inline-block;
    border:solid #654b24 1px;
    border-radius:10px;
    padding:.5em;
    padding-bottom:0;
    box-shadow:0 0 5px #000000;
}
div.gallery_summary a
{
    text-decoration: none;
    
}
div.gallery_summary_image img
{
 box-shadow:0 0 5px #fff;
 
 
}
div.gallery_summary_description p
{
  background:#f2b456; 
  color:#000;
  padding:.5em;  
  height:8ex;
  overflow:hidden;
  margin-bottom:0;
  margin-top:1em;
  box-shadow:inset 0 0 3px #333;
  border:solid #222 1px;
  border-radius:7px;
}
div #page_preamble h1
{
    text-shadow:#654b24 2px  2px  3px;
    border-bottom:#654b24 1px solid;
}

div.gallery_description
{
    border:solid #222 1px;
    border-radius:7px;
    padding:.8em;
     box-shadow:inset 0 0 3px #333;
    background:#f2b456; 
     color:#000;
     margin-bottom:1em;
}

a.gallery_tile
{
    text-decoration: none;
    width:110px;
    display:inline-block;
    padding:.5px;
    box-shadow:4px 2px 5px #444;
    margin:7px;
    
}

div.half
{
    width:49%;
/*    width:200px;*/
    display:inline-block;
}