/* V3 10/1/2013 */
.maincontent {display:block; background:#F4FAFF; margin:0 1em; padding:0 0.25em}

.contentbox {border:solid 1px #0059B3; background-color:#F4FAFF; padding:0.25em; margin:0;}

form {padding:0px; margin:0px;}

#submenu {background-color:#F4FAFF; padding:0.25em 0;}
#submenu a {background-color:#FFEFDF; padding:0 0.5em; text-decoration: none; border:solid 1px #FF9933; color:#FF9933;}
#submenu a:hover {background-color:#FF9933; color:#FFEFDF;}

#submenured {border:solid 1px red; background-color:#FFEFDF; padding:0.25em; margin:1em; color:Red;}
#submenured a {background-color:red; padding:0 0.5em; text-decoration: none; border:solid 1px red; color:#FFEFDF;}
#submenured a:hover {background-color:#FFEFDF; color:red;}

h1 {font-size:1.5em; color:#000000; display:inline;}
h2 {font-size:1.3em;color:#0059B3; border:0; padding-top:0em; margin-top:5;margin-bottom:2; line-height:20px;}

/* Horizontal menu appearing in the head */
#hormenu {
  background-color:#DFEFFF; 
  padding:0;
  width: 100%;
  }

#hormenu a, #hormenu a:visited {
  background-color:#DFEFFF; 
  display:inline; 
  text-align:center;
  float:left;
  width: 100%;
  padding:0.2em 0;
  border-bottom: 1px solid #DFEFFF;
  }
#hormenu a:hover {
  background-color:#fff; 
  border-bottom: 1px solid #ccc;
  }
/* end */

/* rounded snazzy borders - white background*/
#xsnazzy span, #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #0059B3; border-right:1px solid #0059B3;}
.xb1 {margin:0 5px; background:#0059B3;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ffffff; border:0 solid #0059B3; border-width:0 1px;}
/* end */


/* rounded snazzy borders - light blue background*/
#xsnazzyblue span, #xsnazzyblue h1, #xsnazzyblue h2, #xsnazzyblue p {margin:0 10px; letter-spacing:1px;}
#xsnazzyblue p {padding-bottom:0.5em;}
#xsnazzyblue {background: transparent; margin:1em;}

.xtopblue, .xbottomblue {display:block; background:transparent; font-size:1px;}
.xb1blue, .xb2blue, .xb3blue, .xb4blue {display:block; overflow:hidden;}
.xb1blue, .xb2blue, .xb3blue {height:1px;}
.xb2blue, .xb3blue, .xb4blue {background:#F4FAFF; border-left:1px solid #0059B3; border-right:1px solid #0059B3;}
.xb1blue {margin:0 5px; background:#0059B3;}
.xb2blue {margin:0 3px; border-width:0 2px;}
.xb3blue {margin:0 2px;}
.xb4blue {height:2px; margin:0 1px;}

.xboxcontentblue {display:block; background:#F4FAFF; border:0 solid #0059B3; border-width:0 1px;}
/* end */


/* all links */
a, a:link, a:visited, a:active { color: #0000FF; text-decoration:underline; }
a:hover { text-decoration:none; color:#FF9933;}
/* end */

/* right side menu */
#sidemenu {
  margin: 15px 5px 0 0;
  padding: 0 0 0 0;
  }
#sidemenu a, #sidemenu a:visited {
  text-decoration:none;
  text-align:left;
  background-color:#DFEFFF; 
  display:block; 
  width:180px; 
  padding:0.2em;
  margin:0.5em;
  border-left:5px solid #409FFF;
  }
#sidemenu a:hover {
  border-left:5px solid #FF9933;
  color:#FF9933;
  }
/* end */

/* right side menu */
#mymenu {
  margin: 15px 5px 0 0;
  padding: 0 0 0 0;
  }
#mymenu a, #mymenu a:visited {
  text-decoration:none;
  text-align:left;
  background-color:#FFEFDF; 
  display:block; 
  width:180px; 
  padding:0.2em;
  margin:0.5em;
  border-left:5px solid #FF9933;
  }
#mymenu a, #mymenu a:visited, #mymenu a:link{
  color:#FF9933;
  }
#mymenu a:hover {
  border-left:5px solid #409FFF;
  color:#0000FF;
  }
/* end */

/* profile right side menu */
#pmenu 
{
  float:right;
  margin: 0 0.5em 0 0;
  padding: 0 0 0 0;
  }
#pmenu a, #pmenu a:visited {
  text-decoration:none;
  text-align:left;
  background-color:#FFEFDF; 
  display:block; 
  width:120px; 
  padding:0.1em;
  margin:0.1em;
  border-left:5px solid #FF9933;
  border-right:5px solid #FF9933;
  }
#pmenu a, #pmenu a:visited, #pmenu a:link{
  color:#FF9933;
  }
#pmenu a:hover {
  border-left:5px solid #409FFF;
  border-right:5px solid #409FFF;
  color:#0000FF;
  }
/* end */

/* quick login */
#quicklogin {
  margin: 15px 5px 0 0;
  background-color:#E3ECF4; 
  text-decoration:none;
  text-align:left;
  display:block; 
  width:180px; 
  padding:0.2em;
  margin:0.5em;
  border-left:5px solid #409FFF;
  }
/* end */

/* quick login */
#todo {
  margin: 15px 5px 0 0;
  background-color:#FFEDE6; 
  text-decoration:none;
  text-align:left;
  display:block; 
  width:180px; 
  padding:0.2em;
  margin:0.5em;
  border-left:5px solid red;
  }
/* end */

/* Member Picture Gallery */
#imgcontainer { 
float: left; 
position: relative; 
width:100%;
left:0px;
} 
.i-brdr { 
float: left; 
border: 1px solid black; 
margin: 2px; 
} 
.i-brdr dl { 
width: 90px; 
margin: 0; 
} 
.i-brdr dt { 
height: 90px; 
border-bottom: 1px solid black; 
background: #E3ECF4 no-repeat center center; 
} 

.i-brdr dt img { 
border: 0; 
width: 90; 
height: 90; 
} 
.i-brdr dd { 
margin: 0; 
height:40px;
padding: 1px; 
text-align: center; 
color: black; 
font-size:0.85em;
} 
/* end */



.barcolor { background-color: #409FFF; }
.bardata { background-color: #E3ECF4; }
.bardatalight { background-color: #F4FAFF; }

body, td
{
  font-family: "Trebuchet MS",arial,sans-serif;
  font-size:0.8em;
}

#info {
	BORDER-RIGHT: #ccc 0px dotted; BORDER-TOP: #ccc 1px dotted; FONT-SIZE: 0.9em; BORDER-LEFT: #ccc 0px dotted; COLOR: #999; LINE-HEIGHT: 2; BORDER-BOTTOM: #ccc 1px dotted
}

#infotoponly {
	BORDER-RIGHT: #ccc 0px dotted; BORDER-TOP: #ccc 1px dotted; FONT-SIZE: 0.9em; BORDER-LEFT: #ccc 0px dotted; COLOR: #999; LINE-HEIGHT: 2; 
}

#quicksearch {
	Padding:5px; BORDER-RIGHT: #0059B3 0px dotted; BORDER-TOP: #0059B3 1px dotted; FONT-SIZE: 1em; BORDER-LEFT: #0059B3 0px dotted; COLOR: #000; LINE-HEIGHT: 3; BORDER-BOTTOM: #0059B3 1px dotted
}

#infonoborder {
	FONT-SIZE: 0.9em; COLOR: #999; LINE-HEIGHT: 2; 
}

    #infonoborder a {
        COLOR: #409FFF;
    }

#infodarkback a {
	FONT-SIZE: 0.89em; COLOR: #fff; 
}

#sitetip {
	text-align:center; BORDER-RIGHT: #ccc 0px dotted; BORDER-TOP: #ccc 1px dotted; FONT-SIZE: 0.9em; BORDER-LEFT: #ccc 0px dotted; COLOR: #FF9933; LINE-HEIGHT: 2; BORDER-BOTTOM: #ccc 1px dotted
}

.flattext { background-color: #ffffff; border: #0059B3 1px solid; color: #000000; font-family: "Trebuchet MS",arial,sans-serif; }
.flatbutton {margin-top:3px; background-color: #409FFF; border: #0059B3 1px solid; color: #ffffff; font-family: "Trebuchet MS",arial,sans-serif; font-weight:bold; }

a.flatbutton {
    margin-top: 3px;
    background-color: #409FFF;
    border: #0059B3 1px solid;
    color: #ffffff;
    font-family: "Trebuchet MS",arial,sans-serif;
    font-weight: bold;
    text-decoration:none;
    padding: 7px;
    border-radius:5px;
}



#slogan {
	color:#FF9933;
	font-size:1em; 
	font-weight: bold;
}

.error {display:block; border:1 solid red; margin:0.5em; padding:0.5em; color:Red; }

.success {display:block; border:1 solid green; margin:0.5em; padding:0.5em; color:green; }


.rdiv{ float:right; width:20%; padding: 0.5em; }
.rdiv2{ float:right; width:40%; padding: 0.5em; }
.ldiv{ float:left; width:20%; padding: 0.5em; }
.ldivwide{ float:left; width:100%; padding: 0.5em; }
.profilesubsection{ background-color:#fff; width:97%; margin: 1em; border: solid 1px #E3ECF4}
#psubsection {
	color:#0059B3;
	font-size:1em; 
	font-weight: bold;
}

/* This bit does all the work */
#container {position:relative; display:block; background:#E3ECF4; border-left:90px solid #E3ECF4; border-right:110px solid #E3ECF4;}
#inner {display:block; margin-left:-90px; margin-right:-110px; padding:5px;}
#left {float:left; position:relative; width:90px; left:0px;}
#right {float:right; position:relative; width:150px; right:0px;}
#center {margin-left:90px; margin-right:90px; position:relative; display:block; height:1%;}
.clear {clear:both;}
.sep {background: transparent; height: 2px; width:100%; line-height:2px;}
.redfont {color:Red;}


/*Menu CSS */

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #409FFF;
border-width: 5px 1px;
padding: 5px;
font: normal 12px Verdana;
z-index: 100;

}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
margin: 1px;
background: #84c225;
}

.megamenu .column h3{
background: #409FFF;
font: bold 13px Arial;
color: White;
margin: 1px;
line-height: 25px;
}

.megamenu .column ul li a{
text-decoration: none;
font: bold 13px Arial;
color: White;
}

.megamenu .column ul li a:hover{
color: #007cc3;
}


#menuitem {
  padding: 0 0 0 0;
  }
#menuitem a, #menuitem a:visited {
  text-decoration:none;
  text-align:center;
  background-color:#FF9933; 
  display:block; 
	margin: 1px;
color: #ffffff;
font: bold 13px Arial;
line-height: 25px;
  }
#menuitem a:hover {
  background-color:#FFEFDF; 
  color: #FF9933;
  }

/*Menu CSS End*/

hr {
    display: block;
    height: 1px;
    border: 1px;
    border-top: 1px solid #409FFF;
    margin: 1em 0;
    padding: 0;
}