﻿body
{
    text-align: center;
    margin: 0 auto;
    width: 1000px;
    background-color: #69c;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10pt;
    color: Black;
}


body.splash
{
    color: White;
    background-color: White;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 10pt;
}

div.splash
{
    width: 705px; 
    height: 564px; 
    margin: auto; 
    padding: 15px; 
    text-align: center; 
    background-image: url(../../Images/Splash.jpg); 
    background-repeat:no-repeat;
}

#.splash
{
    color: White;
    font-weight: bolder;
    /* text-shadow: 1px 1px 1px #000; */
}

body.clean
{
    text-align: center;
    margin: auto;
    width: 1000px;
    background-color: White;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10pt;
    color: Black;
}

.node, .rootNode
{
    color: White;
}

.pathSep
{
    color: White;
}

.currentNode
{
    color: Orange;
    font-weight: bold;
}

.loginstatus
{
    color:White; 
    text-shadow: #000000 2px 2px 2px; 
    font-weight: bold;
}

div.main
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10pt;
    color: Black;
    text-align: center;
    width: 1000px;
}

div.mainContent
{
    text-align:left;
    padding: 10px 10px 10px 20px;
    background-color: White;
    /* set minimum height start 
    min-height:460px;
    height:auto !important;
    height:460px;
    /* set minimum height end */
}

div.mainContent2
{
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align:left;
    padding: 10px;
    background-color: White;
    /* set minimum height start */
    min-height:460px;
    height:auto !important;
    height:460px;
    /* set minimum height end */
}

td.mainDivision
{
    background-image: url(../../Images/blue1px.jpg);
    background-repeat:repeat-y;
    width: 1px;
}

td.mainHead
{
    background-color: Transparent;
    text-align:left;
}

div.mainHead
{
    background-image:url('../../Images/bg.jpg');
}

div.foot
{
    background-color: #383e3a;
    text-align: center;
    width: 1000px;
    font-size: 10pt;
    font-weight: bold;
    color: #adadad;
    height: 80px;
}

div.footTxt
{
    font-size: 10pt;
    font-weight: bold;
    color: #adadad;
    padding: 0px 10px 0px 0px;
}

div.footBar
{
    background-color: #69c;
    height: 5px;
    width: 100%;
}

div.footMain
{
    widows: 100%;
    border-top: 5px solid #69c;
}

div.mainFoot
{
    background-color: #69c;
    text-align: center;
    width: 1000px;
    font-size: 9px;
    color: white;
}


div.breadCrumbs
{
    position: relative;
	width: 100%;
    background-image: url(../../Images/blueBarSmall.jpg);
    background-repeat: repeat-x;
    height: 31px;
    vertical-align: middle;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}
 
div.p2
{
	padding:2px 10px 2px 20px;
}

div.p2b
{
	padding:2px 10px 2px 10px;
	font-weight:bold;
}
 
table.mainFootMenu
{
    margin: 0 auto;
    text-align: center;
}

td.mainFootMenu
{
    text-align:center;
    width: 12%
} 

hr.mainFootMenu
{
    color: white;
    width: 80%;
}

a
{
    text-decoration:none;
}

a.footMenu:link, a.footMenu:visited
{
    color: white;
    font-size: 9pt;
    text-decoration: none;
}

a.footMenu:hover
{
    font-size: 9pt;
    color: Blue;
    font-weight: bold;
    text-decoration: none;
}

a.footMenu:active
{
    color: white;
    font-size: 9pt;
    text-decoration: none;
}

a.menuFoot:link, a.menuFoot:visited
{
    color: #666666;
    font-size: 9pt;
    text-decoration: none;
}

a.menuFoot:hover
{
    font-size: 9pt;
    color: #69c;
    text-decoration: none;
}

a.menuFoot:active
{
    color: #666666;
    font-size: 9pt;
    text-decoration: none;
}

img
{ 
    border: none; 
}

miniMenu, td.miniMenu, a.miniMenu:link, a.miniMenu:visited
{
    font-weight: bold;
    text-align: center;
    color: White;
    font-size: 9pt;
    text-decoration: none;
}

a.miniMenu:hover
{
    font-weight: bold;
    color: yellow;
    font-size: 9pt;
    text-decoration: none;
}

mainMenu, a.mainMenu:link, a.mainMenu:visited
{
    font-weight: bold;
    color: Black;
    font-size: 10pt;
    text-decoration: none;
}

a.mainMenu:hover
{
    font-weight: bold;
    color: #69c;
    font-size: 10pt;
    text-decoration: none;
}

a.orangeLink, a.orangeLink:active, a.orangeLink:link, a.orangeLink:visited
{
    color: Orange;
    font-weight: bold;
    text-decoration: none;
}

a.orangeLink:hover
{
    color: Yellow;
    font-weight: bold;
    text-decoration: none;
}
    

span.bookmark
{
    cursor: pointer;
    cursor: hand; 
    text-decoration: underline; 
    color: White;
    font-weight: bold;
}

a.logAgain, a.logAgain:active, a.logAgain:visited
{
    width: 182px;
    height: 44px;
    background: #FFF url(../../Images/LogAgain.jpg) no-repeat left top;
}

a.logAgain:hover
{
    width: 182px;
    height: 44px;
    background: #FFF url(../../Images/LogAgain.jpg) no-repeat left bottom;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
    Buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.btn1
{
    color: #383e3a;
}

    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-one-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	/*width:1000px;
	border:1px solid #818181;*/
	position:relative;
	}
	
#content-container-two-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	/*width:1000px;
	border:1px solid #818181;*/
	position:relative;
	}
	
#content-container-two-column-bg {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:790px;
	border:1px solid #818181;
	/*background:url('../../images/boxbg.png') repeat-y right;*/
	position:relative;
	}

#content-main-two-column {
	width:590px;
	float:left;
	}

#content-side1-two-column {
	float:right;
	width:210px;
	}
	
#content-side-two-column {
	float:right;
	width:210px;
	text-align:right;
	}

#content-menu-two-column {
	width:210px;
	float:left;
	padding:5px;
	border-right: solid 1px #84bd68;
	/* set minimum height start */
    min-height:460px;
    height:auto !important;
    height:460px;
    /* set minimum height end */
	}
	
#content-center-two-column {
	float:left;
	width:740px;
	}
#content-mside-two-column {
	float:right;
	width:740px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-three-column-bg {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:790px;
	border:1px solid #818181;
	background:url('../../images/bg-three-column-main.png') repeat-y;
	position:relative;
	}
	
#content-container-three-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:790px;
	border:1px solid #818181;
	position:relative;
	}

#content-main-three-column {
	width:355px;
	float:left;
	margin-left:25px;
	}

#content-side2-three-column,
#content-side1-three-column {
	width:160px;
	font-size:.9em;
	}
	
#content-side2-three-column {
	float:right;
	}

#content-side1-three-column {
	float:left;
	}
	
.clear {
	clear:both;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6 {
	font-size:1.8em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	color: orange;
	margin:5px 0;
	/* text-shadow: 1px 1px 1px #000;  */
}

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.1em;
	color: #336699;
}

h3.small {
	font-size:1.2em;
	color: #336699;
}

h4 
{
    color: orange;
	font-size:1em;
}

h5 {
	font-size:.8em;
}

h6 {
	font-size:.6em;
	color: #6699cc;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


ul {
	}

li {
}

ul.list-of-links {
	border-bottom:1px dotted #000;
}

#content-side1-three-column ul.list-of-links,
#content-side2-three-column ul.list-of-links,
#content-side-two-column ul.list-of-links {
	margin:0 0 30px 0;
	padding:0;
}

#content-side1-three-column ul.list-of-links li,
#content-side2-three-column ul.list-of-links li,
#content-side-two-column ul.list-of-links li {
	padding:0;
	padding:2px 0 2px 2px;
}

#content-side1-three-column ul.list-of-links li.current,
#content-side2-three-column ul.list-of-links li.current{
	font-weight:bold;
	border:2px solid #000;
}

ul.list-of-links li{
	border-top:1px dotted #B2B2B2;
}

ul.no-lines,
ul.no-lines li {
	border:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border-style: none;
    border-color: inherit;
    border-width: medium;
}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 
DATE PICKER 

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color:Highlight;  /* 4060ff;*/
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/*Added to support the Login, registration and Policy Info screens*/
/*Start */
.button
{
    /*border-style: outset;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003066;
    cursor: pointer;
    text-align: center;
    margin-left:auto ;
    margin-right:auto;*/
}

.PageSectionToggle 
{
    width:99%;
    height:20px; 
    background-color:#69c; 
    border-color:ThreeDLighShadow; 
    border-bottom-style:outset; 
    border-top-style:outset;
    cursor:pointer;
    text-decoration:underline; 
    text-align:center;
}

.PageSectionHeader 
{
    width:99%;
    height:20px; 
    background-color:#69c; 
    text-decoration:underline;
    text-align:center;
}

.TableDefault {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-style: none;
	vertical-align: top;
}

.CellDefault {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 1px;
	vertical-align: top;
	text-align: left;
	white-space:nowrap;
}

.CellRight {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	vertical-align: top;
	text-align: right;
}

.CellCenter {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	vertical-align: top;
	text-align: center;
}

.tmpCellHeader 
{
    background-color:ButtonFace;
}

.tmpCell
{
}

.TextDefault {
	vertical-align: top;
	text-align: left;
	white-space: normal;
	width: 266px;
}

.TextRight {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #003066;
	vertical-align: top;
	text-align: right;
	white-space: normal;
}

.TextLeft {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #003066;
	vertical-align: top;
	text-align: left;
	white-space: normal;
}
.Panel {
	margin: 20px 20px 20px 20px;
	padding: 2px 2px 2px 2px;
	border-collapse: collapse;
	border-style:none;
	/*background-color:ButtonFace;*/
	vertical-align: top;
}

/*End */
