/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {background-image:url(../images/textured_paper.png);
    background-color: #ddd;
    font-size: .85em;
    font-family:Roboto, Arial, Verdana, "Trebuchet MS", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

.header,
.footer,
.nav,
section {
    display: block;
}
.footer a{text-decoration:none;color:#fff;}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.1em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

 
#menucontainer {
    margin-top: 40px;
}

div#title 
{position: relative;
    text-align: left;
    top: -160px;
    left:10px;
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.2em;
    display: block;
    text-align: right;
    margin: 10px;
    color:#00f;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}
.div-content{margin:5px 5px 10px 10px;padding:5px;background:#fff;border-radius:7px;width:870px; height: auto;}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
   /* border-bottom: 1px #ab9813 solid;*/
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #000;/*background-color: #e8eef4;*/
  color:#5ccdfc;/*  color: #034af3;*/
    border-radius: 0px 8px 0px 8px;
    -webkit-border-radius:  0px 8px 0px 8px;
    -moz-border-radius:  0px 8px 0px 8px;
}

ul#menu li a:hover {
    background-color: #bbb;
    color:#000;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}
.nav{width:900px;margin:0 auto 0 auto;text-align:right; padding:8px;}
/*Content Pages ....................................................................................
-Starting with _Content  Master Page*/
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.content-h2{margin:20px 0 0 10px;background:#060;color:#fff;padding:2px 0 2px 5px; 
            border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;
            width:200px;}
.partlogo{position:relative;top:200px;left:25px; width:350px;}
#logo{position:relative;top:-27px;left:10px;width:310px;}
.main-wrapper{height:auto;width:900px;margin:0 auto 0 auto;
              border-right:2px solid #000;
              box-shadow: 4px 2px 9px 1px;
              border-radius: 20px 20px 10px 10px;
               -webkit-border-radius:20px 20px 10px 10px;
               -moz-border-radius: 20px 20px 10px 10px;
              position: relative; top: -80px;}
               
.menu-bar{width:100%;height:100px;background:#000;}    
.header, #header {
    position: relative; margin-bottom: 0px; color: #000;  padding: 3px 5px 3px 5px; width:900px; margin:30px auto 0 auto;height:200px;
    background:#eee; border-radius: 20px 20px 0px 0px; -webkit-border-radius:20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px;
}
#main-title 
{position: relative;
    text-align: left;
    top: -38px;
    left:10px;
    display: block;
    float: left;
    text-align: left;
    font-size:28px;
    font-weight:bolder;
    color:#e6880a; text-shadow: 1px 1px 2px #333;
}

.header h1, #header h1 {
    font-weight: bold; padding: 5px 0; margin: 0;  border: none; line-height: 2em; font-size: 20px !important;
    text-shadow: 1px 1px 2px #fff;color: #063950; /*color: #3088b0;*/
}
.asterisk{color:#f00;font-weight:bold;}
#content-wrapper 
{	width:900px; padding: 30px 5px 15px 5px;  background-color: #eee; 
    margin:0 auto 0 auto;}
.footer, 
#footer {
    background-color: #888; color: #fff; padding: 10px 0;text-align: center;line-height: normal;margin:0 auto 30px auto;width:900px;
    font-size: .8em; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;
    padding: 3px 5px 3px 5px;height:100px;border-bottom:1px solid #777;}
 
  /*ADMIN-AREA*/         
.admin-page{  width: 100%; margin-left: auto; margin-right: auto;}
#admin-header{width:950px;height:150px;margin:10px auto 0px auto;}
#admin-title { border-left: 4px solid #777; border-top: 2px solid #777;border-radius:10px 0 0 0; padding-left:10px;}
#admin-title h1{ font-weight: bold; padding: 5px 0; margin: 0;  border: none; line-height: 1em; font-size: 50px !important; text-shadow: 1px 1px 2px #fff;color: #063950;}
#admin-subtitle {border-left: 4px solid #777;padding-left:10px;}
#admin-subtitle h1{margin:0px 0 5px 0;}
#control-panel-name{margin:10px 0 5px 10px;}
#admin-logo{width:200px;height:200px;position:relative;top:-148px;left:827px;}
#logindisplay{width:400px;position:relative;top:-249px;left:600px;}
#admin-content-wrapper{width:1100px;height:auto;margin:0px auto 0px auto;padding:10px;}
#admin-content-nav{width:200px;float:left;height:450px;padding-top:20px;}
#admin-menu{}
#admin-content-pane{width:870px;float:left;height:auto;border-radius:20px 20px 0 0;border:5px solid #fff;background:#eee;
                    padding:5px 3px 5px 10px;}
#admin-footer{width:100%;height:100px;background:#777;}

/*ADMIN-MENU   ---------------------------------------------------------*/
ul#admin-menu {
   /* border-bottom: 1px #ab9813 solid;*/
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#admin-menu li {
  margin:3px 0 3px 0;
    list-style: none;
}

ul#admin-menu a 
{display:block;
 margin:0 10px;
	width:165px;
    padding: 10px 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2em;
    background-color: #895a08;/*background-color: #e8eef4;*/
  color:#fcfb5c;/*  color: #034af3;*/
  border-top:5px solid #895a08;border-right:5px solid #fff;border-bottom:5px solid #895a08;border-left:5px solid #895a08;
    border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius:  8px 0px 0px 8px;
}

ul#admin-menu li a:hover {
    background-color: #eee;
    color:#000;
    text-decoration: none;border:5px solid #fff;
    transition: all .05s;
}

ul#admin-menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#admin-menu li.selected a {
    background-color: #fff;
    color: #000;
}
/*Tables*/
.input-table{border:2px solid #777;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.input-table td{border-bottom:1px solid #ddd;border-right:1px solid #bbb;}
.input-table th{border-bottom:1px solid #aaa;border-right:1px solid #bbb;}
.display-table{border:2px solid #777;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.display-table td{border-bottom:1px solid #ddd;border-right:1px solid #bbb;}
.display-table th{border-bottom:1px solid #aaa;border-right:1px solid #bbb;}

/*FRONT PAGE*/
#fp-content-main-wrapper{width:895px;height:auto;padding:20px 0 0 0; }
#fp-welcome{width:895px;height:85px;margin:0 0 0 10px;}
#fp-welcome-msg{float:left;height:80px;width:350px;}
#fp-welcome h2{color:#f00;margin:0px;padding:0px;width:auto;}
#fp-welcome-members-scroller{float:left;height:80px;margin:0 0 0 100px; width:420px;padding:2px;border-radius:10px;border-left:3px solid #ccc;border-top:1px solid #ddd;}
#fp-welcome-members-scroller h2{color:#31a605;margin:0px;padding:0px;width:auto;}
#fp-bottom-section{width:895px;height:auto;}
#fp-leftside{width:400px;height:auto;float:left;}
#fp-rightside{width:495px;height:auto;float:left;}
#fp-news{width:390px;height:220px;background:#fff;margin:3px 2px 5px 3px;border-radius:5px 5px 0px 0px;border:1px solid #ccc;padding: 3px;overflow:hidden;}
#fp-news h3{color:#fff;background:#0b357f;margin:0px;border-radius:5px 5px 0px 0px;padding-left:10px;}
#fp-news ul{padding-left:10px; font-weight:bold;}
#fp-news li{display:block;list-style:none;color:#067a8b;}
#fp-news li a{text-decoration:none;}
#fp-announcements{width:390px;height:147px;background:#fff;margin:3px 2px 5px 3px;border-radius:5px 5px 0px 0px;border:1px solid #ccc;padding: 3px;overflow:hidden;}
#fp-announcements h3{color:#fff;background:#0b357f;margin:0px;border-radius:5px 5px 0px 0px;padding-left:10px;}
#announcement-area{background-image:url(../images/fp_announcement.png);background-repeat:no-repeat;padding:3px;margin:3px 0 0 3px;height:125px; width:379px;overflow:hidden ;}
.fp-desc{width:480px;height:110px; border-radius:10px;
         border:1px solid #aaa;padding:5px;
         margin:5px 2px 2px 3px;overflow:hidden;background-image:url(../images/fp_desc_bkg.png);background-repeat:repeat-x;}
.fp-desc-h2{margin:0;color:#169298;padding:0;}
.fp-desc-detail{height:40px;width:460px;margin:0 3px 0px 5px;}
.fp-desc-more{position:relative;top:10px;left:370px;width:100px;height:40px;}
.fp-rightside-container{width:490px;height:auto;}
.fp-rightside-container-desc{float:left;width:230px;height:250px;border-radius:10px;background-image:url(../images/fp_rightside_bkg.png);background-repeat:repeat-x;
                             border:1px solid #aaa;margin:3px 0 3px 8px;padding:3px;overflow:hidden;}
.fp-rightside-container-desc-detail{height:180px;width:220px;padding:2px;}
.fp-rightside-container-desc-more{position:relative;top:7px;left:120px; }
#fp-bottom-section a{display:block;text-decoration:none;
                                    width:105px;height:27px; background:#ff9200;color:#fff;
                                    padding:4px 0 0 4px;font-size:1.2em;font-weight:bold; border-radius:7px;box-shadow:1px 1px 2px #999;}     
#fp-bottom-section a:hover{background:#fad7aa;color:#000;}                           
/*END OF FRONT PAGE*/  
 #username-tr
 {display:none;
 	}           
/*Animate Logo*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;
          -o-animation-fill-mode:both;animation-fill-mode:both;
          -webkit-animation-duration:5s;-moz-animation-duration:5s;-ms-animation-duration:5s;-o-animation-duration:5s;
          animation-duration:5s;}
/*.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;
                          animation-duration:2s;}*/
 .tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
	
}                         
                          
/*@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
	0% {-webkit-transform: scale(.1) rotate(-180deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
	0% {-webkit-transform: scale(.1) rotate(-180deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}*/

.construction-placeholder{height:400px;width:885px;margin:5px;background:#fff;border-radius:10px;padding:3px;color:#f00;font-size:25px}
#slideshow-container{overflow:hidden;position:relative;
					 position: relative; top: -177px; left: 390px;
					 width:500px;height:185px;border:1px solid #999;border-radius:10px;}
#slogan{color:#f00;position:relative;top:-32px;left:400px;font-size:20px;font-weight:bold;font-style:italic;font-family:Lucida Sans}