body {
	margin: 0px 0;
    margin-left: 20px;
    margin-top: 6px;
	padding: 0;
	background: #9370DB url(images/navbg_pcblue3.jpg);
	font: normal small Arial, Helvetica, sans-serif;
	color: #664444;
	font-weight: 800;
}

h1, h2, h3 {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
}

h3 {
	font-size: 1.4em;
	margin: 0;
	font-weight: 500;
}



p, ul, ol, blockquote {
	margin-top: 0;
}

a:link {
	text-decoration: underline;
	color: #00008B;
}

a:hover {
	text-decoration: underline;
	color: #FF4500;
}

li {
	color: #800000;
}

li a:link {
	border-bottom: 1px dotted #000000;
	color: #000000;
}

li a:hover {
	border-bottom: 1px solid #000000;
	text-decoration: none;
	color: #000000;
}

img.float {
	float: right;
}

/* Header */

#header {
	width: 738px;
	margin: 0;
	height: 65px;
	padding: 0px;
	font-size: 1em;
	background: #800000 url(images/wall3.jpg) no-repeat;
    border: 2px solid #800000;
	border-bottom: none;
	border-top: none;

 }

#header * {
	margin: 0;
	padding: 0;
	float: left;
	text-decoration: none;
	font-size: 10px;
	color: #FFFFFF;
	border: 2px solid #800000;
	border-bottom: none;
	border-top: none;

}

#header h1 {
	padding: 1px 0 0 10px;
	font-weight: bold;
	font-size: 1.8em;
	color: #FFFFFF;
	border-left: none;
	border-right: none;
}

#header h2 {
	padding: 128px 0 0 0;
}

/* Content */

#content {
	width: 738px;
	height: 660px;
	margin: 0px;
	background: #F5F5DC ;
	border: 2px solid #800000;
	border-top: none;
}

#admincontent {
        float: left;
	width: 738px;
	height: 660px;
	margin: 0;
	background: #F5F5DC;
	border: 2px solid #800000;
	border-top: none;
        overflow:auto;
}

#fortinlist {
	width: 728px;
	height: 96px;
    overflow:auto;
}


.templatecontent {
	width: 718px;
	height: 600px;
	padding: 0px 10px;
	margin: 0px;
	background: #F5F5DC ;
	border: 2px solid #800000;
	border-top: none;
    overflow:auto;
}


#calendarcontent {
	width: 738px;
	height: 750px;
	margin: 0px;
	background: #F5F5DC ;
	border: 2px solid #800000;
	border-top: none;
}

#imgContainter {
	width: 1000px;
	height: 500px;
	margin: 0px;
    background: #9370DB url(images/navbg_pcblue3.jpg);
	object-fit: scale-down;

}


#pdarkblue {
	color : #4281A4
}

#porangered {
	color : #FF4500
}



#bold {
	font-weight: bold;
}

#colOneRight {
	float: none;
	width: 130px;
	padding: 25px 2px;
	text-align: right;
}

#colOne ul {
	margin-left: 0;
	padding-left: 1em;
	list-style: square inside;
}

#colOneLeft {
	float: left;
	width: 233px;
	padding: 20px 8px;
	text-align: left;
}

#colOneLeftClear {
	float: none;
	width: 500px;
	padding: 20px 50px;
	text-align: left;
}

#colOneLeftClear500_00 {
	float: none;
	width: 500px;
	padding: 0px 0px;
	text-align: left;
}

#colOneLeftClear700 {
	float: none;
	width: 700px;
	padding: 5px 30px;
	text-align: left;
}

#colOneLeftClear1090 {
	float: none;
	width: 1090px;
	padding: 5px 30px;
	text-align: left;
}


#colOneLeftClear680 {
	float: none;
	width: 680px;
	padding: 0px 0px;
	text-align: left;
}


#colOneLeftClear630 {
	float: none;
	width: 630px;
	padding: 0px 0px;
	text-align: left;
}


#colOneLeftClear600 {
	float: none;
	width: 600px;
	height: 400px;
	padding: 0px 5px;
	text-align: left;
}

#colOneLeftClear620 {
	float: none;
	width: 620px;
	height: 400px;
	padding: 0px 15px;
	text-align: left;
}

#colOneLeftClear650x650 {
	float: none;
	width: 690px;
	height: 650px;
	padding: 0px 5px;
	text-align: left;
}

#colOneLeftClear685x650P10x5 {
	float: none;
	width: 685px;
	height: 650px;
	padding: 5px 30px;
	text-align: left;
}


#colOneLeftClear600x800 {
	float: none;
	width: 680px;
	height: 700px;
	padding: 0px 6px;
	text-align: left;
}

#eventdetail {
	float: none;
	width: 726px;
	height: 670px;
	padding: 0px 6px;
	text-align: left;
}


#colOneLeftClear650 {
	float: none;
	width: 650px;
	padding: 0px 5px;
	text-align: left;
}


#colOneLeftClear500 {
	float: none;
	width: 500px;
	padding: 20px 50px;
	text-align: left;
}

#colOneLeftClear400 {
	float: none;
	width: 400px;
	padding: 20px 50px;
	text-align: left;
}

#colOneLeftClear300 {
	float: none;
	width: 300px;
	padding: 20px 50px;
	text-align: left;
}

#colOneLeftClear100 {
	float: left;
	width: 100px;
	padding: 10px 10px;
	text-align: left;
}



#colOneLeftClear582 {
	float: none;
	width: 582px;
	padding: 0px 0px;
	text-align: left;
}


#colTwo {
	float: left;
	width: 380px;
	padding: 20px 2px;
	text-align: left;
}

#colTwo570 {
	float: left;
	width: 570px;
	padding: 20px 2px;
	text-align: left;
}

#eventtable {
	float: left;
	width: 660px;
	padding: 5px 11px;
	text-align: left;

}
#eventtitle {
	float: left;
	width: 280px;
	padding: 5px 11px;
	text-align: left;
}

#imageFrame {
	float: left;
	width: 380px;
	padding: 5px 11px;
	text-align: left;
}


#imageOne {
	float: left;    
	width: 70px;
	height: 70px;
	margin: 0px;
	font-size: 10px;
	background: #F5F5DC ;
	border-top: none;
}

#colThree {
	float: left;
	width: 240px;
	padding: 20px 10px;
}

#colThree ul {
	margin-left: 0;
	padding-left: 1em;
	list-style: square inside;
}

#col233Left {
	float: right;
	width: 135px;
	padding: 20px 10px;
	text-align: left;
}



.portalfb {
	float: right;
	width: 200px;
	height: 100px;
	padding: 0px 0px;
	text-align: left;
        overflow:auto;
}

.portal {
	float: right;
	width: 220px;
	height: 420px;
	padding: 10px 10px;
	text-align: left;
    background: #F5F5DC;
    overflow:auto;
}

.portalimage {
	float: right;
	width: 220px;
	height: 420px;
	padding: 10px 10px;
	text-align: left;
    background: #F5F5DC url(images/dashboardportal.gif);
    overflow:auto;
}

#redbg {
   color: #000000;
   background-color: #FF0000;
   width: 410px;
}

#greenbg {
   color: #000000;
   background-color: #32CD32;
   width: 410px;
}

#redlinkbg {
   color: #000000;
   background-color: #FF0000;
}

#tablehead {
   color: #FFFFFF;
   background-color: #555555;
}

#tablerow1 {
   color: #191970;
   background-color: #F7F7F7;
}

#tablerowred {
   color: #191970;
   background-color: #FF0000;
}





#col225RightFR {
	float: right;
	width: 225px;
	padding: 0px 2px;
	text-align: right;
}

#col335RightFR {
	float: right;
	width: 220px;
	padding: 0px 2px;
	text-align: right;
}

#cornerlink {
	float: right;
	width: 220px;
	padding: 0px 0px;
	text-align: right;
}

#addevent {
	float: right;
	width: 120px;
	padding: 0px 0px;
	text-align: left;
}


#col225LeftFR {
	float: right;
	width: 225px;
	padding: 0px 2px;
	text-align: left;
}

#col250LeftFL {
	float: left;
	width: 250px;
	padding: 0px 2px;
	text-align: left;
}

#col350LeftFL {
	float: left;
	width: 350px;
	padding: 0px 2px;
	text-align: left;
}

#col350RightFR {
	float: right;
	width: 350px;
	padding: 0px 4px;
	text-align: right;
}

#col300RightFR {
	float: right;
	width: 300px;
	padding: 0px 4px;
	text-align: right;
}

#col270CenterFR {
	float: right;
	width: 230px;
	padding: 0px 0px;
	text-align: center;
}

#col450LeftFR {
	float: right;
	width: 450px;
	height: 450px;
	padding: 20px 25px;
	text-align: left;
}

#col450LeftFL {
	float: Left;
	width: 560px;
	height: 448px;
	padding: 10px 10px;
	text-align: left;
}



#col270LeftFR {
	float: right;
	width: 280px;
	padding: 0px 0px;
	text-align: center;
}

#col335LeftFR {
	float: right;
	width: 335px;
	padding: 0px 2px;
	text-align: left;
}

#col150LeftFR {
	float: right;
	width: 150px;
	padding: 0px 2px;
	text-align: left;
}

#col250LeftFR {
	float: right;
	width: 250px;
	padding: 20px 25px;
	text-align: left;
}

#col100LeftFL {
	float: left;
	width: 100px;
	padding: 0px 2px;
	text-align: left;
}

#col340LeftFL {
	float: left;
	width: 340px;
	padding: 0px 0px;
	text-align: left;
}


#col100LeftFR {
	float: right;
	width: 100px;
	padding: 0px 2px;
	text-align: left;
}

#col233Left ul {
	margin-left: 0;
	padding-left: 1em;
	list-style: square inside;
}

#col233Right {
	float: left;
	width: 225px;
	padding: 20px 8px;
	text-align: right;
}

#col300Right {
	float: left;
	width: 300px;
	padding: 20px 8px;
	text-align: right;
}

#head700Right {
	float: left;
	width: 738px;
	margin: 0;
	background: #F0F8FF;
	text-align: right;
	padding: 5px 0px;
	border: 2px solid #800000;
	border-bottom: none;
}

#head700Center {
	float: left;
	width: 738px;
	margin: 0;
	background: #F0F8FF;
	text-align: center;
	padding: 5px 0px;
	border: 2px solid #800000;
	border-bottom: none;
}

#head700Left {
	float: left;
	width: 738px;
	margin: 0;
	background: #F0F8FF;
	text-align: left;
	padding: 5px 0px;
	border: 2px solid #800000;
	border-bottom: none;
}


#col233Center {
	float: right;
	width: 260px;
	padding: 20px 4px;
	text-align: center;
}
#col310Center {
	float: right;
	width: 310px;
	padding: 20px 4px;
	text-align: center;
}

#col270CenterFL {
	float: right;
	width: 260px;
	padding: 20px 4px;
	text-align: center;
}

#dashboard {
	float: left;
	width: 450px;
	padding: 5px 5px;
	text-align: Left;
	    background: #F5F5DC;
}

#dashboardctrl {
	float: right;
	width: 250px;
	height: 50px;
	padding: 5px 100px;
	text-align: center;
    background: #F5F5DC;


}

#dashboardctrlimage {
	float: right;
	width: 250px;
	height: 50px;
	padding: 5px 100px;
	text-align: center;
    background: #FFEEEE url(images/dashboardctrl.gif);


}


.dashboardctrlitem00 {
	float: left;
	width: 80px;
	padding: 0px 0px;
	text-align: Left;
    background: #F5F5DC;
}

.dashboardctrlitemfr {
	float: left;
	width: 70px;
	padding: 0px 0px;
	text-align: Left;
    background: #F5F5DC;
}


.dashboardctrlitemback {
	float: left;
	width: 75px;
	padding: 0px 4px;
	text-align: Left;
    background: #F5F5DC;
}


.dashboardctrlitemctr {
	float: left;
	width: 83px;
	padding: 0px 4px;
	text-align: center;
    background: #F5F5DC;
}



.dashboardcontact {
	float: left;
	width: 660px;
	padding: 20px 4px;
	text-align: Left;
}

.dashboardevent {
	float: right;
	width: 440px;
	height: 400px;
	padding: 0px 4px;
	text-align: Left;
    background: #FFFAFA;
    overflow:auto;
}

#calendarheader1 {
    float: left;
	width: 90px;
	height: 18px;
	margin: 0px;
    color: #FFFFFF;
    background-color: #555555;
    border: 1px solid #FFFFFF;
    text-align: center;
    border-bottom: none;
}
#calendarheader2 {
    float: left;
	width: 90px;
	height: 18px;
	margin: 0px;
    color: #FFFFFF;
    background-color: #555555;
    border: 1px solid #FFFFFF;
    border-left: none;
    border-bottom: none;
    text-align: center;
}


.calendarboxtopend {
    float: left;
	width: 90px;
	height: 110px;
	margin: 0px;
	background: #F7F7F7;
	color: #000000;
    border: 1px solid #555555;
	font-size: .7em;
    overflow:auto;
}

.calendarboxtopmid {
    float: left;
	width: 90px;
	height: 110px;
	margin: 0px;
	background: #F7F7F7;
	color: #000000;
    border: 1px solid #555555;
    border-left: none;
	font-size: .7em;
    overflow:auto;
}

.calendarboxend {
    float: left;
	width: 90px;
	height: 110px;
	margin: 0px;
	background: #F7F7F7;
	color: #000000;
    border: 1px solid #555555;
    border-top: none;
	font-size: .7em;
    overflow:auto;

}

.calendarboxmid {
    float: left;
	width: 90px;
	height: 110px;
	margin: 0px;
	background: #F7F7F7;
	color: #000000;
    border: 1px solid #555555;
    border-top: none;
    border-left: none;
  	font-size: .7em;
    overflow:auto;
}

.dashboardday {
    float: left;
	width: 418px;
	padding: 4px 4px;
	background: #F5F5DC;
	color: #000000;
    border: 1px solid #555555;
    border-top: none;
    border-left: none;
    border-right: none;
  	font-size: .7em;
}


.calendarevent {
    float: left;
	width: 75px;
	margin: 0px;
	background: #F7F7F7;
	color: #000000;
    border: 1px solid #B0C4DE;
}
.contactdelete {
   float: right;
   text-align: center;
   width: 32px;
   font-family: sans-serif;
   font-size: 7pt;
   font-weight: normal;
   border: 1px solid #B0C4DE;
}

.contactedit {
   float: left;
   text-align: center;
   width: 32px;
   font-family: sans-serif;
   font-size: 7pt;
   font-weight: normal;
   border: 1px solid #B0C4DE;
}


.eventedit {
   float: left;
   text-align: center;
   width: 22px;
   font-family: sans-serif;
   font-size: 7pt;
   font-weight: normal;
   border: 1px solid #B0C4DE;
}
.eventdelete {
   float: right;
   text-align: center;
   width: 30px;
   font-family: sans-serif;
   font-size: 7pt;
   font-weight: normal;
   border: 1px solid #B0C4DE;
}

.eventdeleteall {
   float: right;
   text-align: center;
   width: 100px;
   font-family: sans-serif;
   font-size: 7pt;
   font-weight: normal;
   border: 1px solid #B0C4DE;
}

.eventdeletefortin {
   float: right;
   text-align: right;
   width: 180px;
   font-family: sans-serif;
   font-size: 7pt;
   font-weight: normal;
   border: 1px solid #B0C4DE;
}


.details { font-family: sans-serif; font-size: 8pt; font-weight: normal; }
.posted { font-family: sans-serif; font-size: 7pt; font-weight: normal; }
.title { font-family: sans-serif; font-size: 14pt; font-weight: bold; }
.event1 { font-family: sans-serif; font-size: 10pt; background-color: #F7F7F7; font-weight: normal; }
.event2 {  font-family: sans-serif; font-size: 10pt; background-color: #F8F8FF; font-weight: normal; }

/* Footer */

#footer {
	width: 738px;
	padding: 14px;
	text-align: left;
	font-size: 12px;
	margin: 0;
}

#footer * {
	color: #ffffff;
}