/*******************/
/* Web Page Header */
/*******************/

#NavHeaderTop
{
    margin-right: 20px;
    margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */
    text-align: right;
    line-height: 40px;
    font-weight: bold;
}

#NavHeaderTop a:hover
{
    color: gold;
}

#NavHeaderBottom
{
    margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */
    line-height: 40px;
    padding-right: 0px;
    text-align: center;
    font-weight: bold;
}

#NavHeaderBottom a
{
    background-color: #7B84F7;
    color: navy;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: none;
    line-height: 19px;
}

#NavHeaderBottom a:hover
{
    color: gold;
}

#HeaderImage
{
    background-image: url("../images/header/headernew1.jpg");
    background-repeat: no-repeat;
}
#HeaderImage h1
{
    text-align: right;
    padding-right: 25px;
    padding-top: 50px;
    font-weight: bold;
    color: gold;
}
/* Every Page - Footer */
#NavFooter
{
    background-color: #7B84F7; /* fixes Firefox 0.9.3 */
    margin-left: 0;
    margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */
    padding-bottom: 5px;
    padding-left: 0;
    padding-top: 5px;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

/* Every Page - Footer */
.copyrighttext
{
    color: black;
    font-size: .8em;
    line-height: 1.1em;
    text-align: left;
    padding-left: 40px;
    font-weight: normal;
}

/* Every Page - Footer */
.version
{
    color: black;
    font-size: .8em;
    line-height: 1.1em;
    text-align: right;
    padding-right: 30px;
    font-weight: normal;
}

/* Every Page - Footer */
#NavFooter a
{
    background-color: #7B84F7;
    color: navy;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: none;
    line-height: 19px;
}

/* Every Page - Footer */
#NavFooter a:hover
{
    background-color: #369;
    color: white;
}
/*****************/
/* jQuery expose */
/*****************/

/* tweak expose on this page */
#mask
{
    background: #678 url(images/expose/gradient_black.png) no-repeat;
    background-position: 13% 160px;
}

/* the styling of the exposed element */#Rotaract
{
    border: 5px solid #ccc;
    color: #000000;
    background-color: #ffffff;
    padding: 20px;
    margin: 5px auto;
    width: 900px;
}
/* the styling of the exposed element */
#CampOut
{
    border: 5px solid #ccc;
    color: #000000;
    background-color: #ffffff;
    padding: 20px;
    margin: 5px auto;
    width: 900px;
}
/*****************/
/* Rounded Boxes */
/*****************/
/* International Conference box */
.myBox0
{
    float: right;
    margin: 10px;
    color: #fff;
    width: 40%;
    padding: 20px;
    text-align: left;
    background-color: #008000;
    border: 5px solid #ffcc00; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
}

/* District Conference, General Information */
.myBox1
{
    float: left;
    margin: 10px;
    margin-left: 20px;
    color: #fff;
    width: 30%;
    padding: 20px;
    text-align: left;
    background-color: #ffffcc;
    border: 5px solid #ffcc00; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -moz-border-radius-bottomleft: 3ex;

    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
    -webkit-border-bottom-left-radius: 3ex;

}

/* right 40% box */
.myBox10
{
    float: left;
    margin-top: 10px;
    margin-left: 130px;
    margin-bottom: 20px;
    color: #000000;
    width: 25%;
    text-align: center;
    background-color: #F4BFB7;
    border: 5px solid #F48A7A; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
}
/* right 40% box */
.myBox101
{
    float: left;
    margin: 2px;
    color: #000000;
    width: 50%;
    text-align: center;
    background-color: #F4BFB7;
    border: 5px solid #F48A7A; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -moz-border-radius-bottomleft: 3ex;
    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
    -webkit-border-bottom-left-radius: 3ex;
}

.myBox102
{
    float: right;
    margin: 2px;
    color: #000000;
    width: 45%;
    text-align: center;
    background-color: #F4BFB7;
    border: 5px solid #F48A7A; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -moz-border-radius-topright: 3ex;
    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
    -webkit-border-top-right-radius: 3ex;
}

/* Left 35% box */
.myBox11
{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    color: #000000;
    width: 35%;
    padding: 20px;
    text-align: left;
    background-color: #ECF4B7;
    border: 5px solid #6067AF; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Right 40% box */
.myBox12
{
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #000000;
    width: 45%;
    text-align: left;
    background-color: #ECF4B7;
    border: 5px solid #6067AF; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Right 40% box */
.myBox13
{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    clear: left;
    color: #000000;
    width: 45%;
    text-align: left;
    background-color: #ECF4B7;
    border: 5px solid #6067AF; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

.myBox2
{
    float: left;
    margin: 2px;
    color: #fff;
    width: 55%;
    text-align: left;
    padding: 10px;
    background-color: #ffffcc;
    border: 5px solid #669900; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* District photo*/
.myBox21
{
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    width: 46%;
    margin-left: 20px;
    text-align: left;
    background-color: #ffffcc;
    border: 5px solid #669900; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* 1010px white box (all radius) - Our Governors, Conferences*/
.myBox22
{
    float: left;
    margin-top: 2px;
    color: #fff;
    width: 35%;
    margin-left: 20px;
    text-align: left;
    background-color: #ffffcc;
    border: 5px solid #669900; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}



/* District Notice Board, Conferences*/
.myBox23
{
    margin: auto;
    color: #fff;
    width: 1010px;
    margin-bottom: 2px;
    text-align: left;
    background-color: #fff;
    border: 5px solid #7b84f7; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-bottomleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -webkit-border-bottom-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
}

.myBox24
{
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    width: 95%;
    margin-left: 20px;
    text-align: left;
    background-color: #ffffcc;
    border: 5px solid #669900; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Right 30% box - Sponsors Advertising*/
.myBox3
{
    float: right;
    margin: 2px;
    color: #fff;
    width: 30%;
    padding: 10px;
    text-align: left;
    background-color: #ffffcc;
    border: 5px solid #669900; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Our District*/
.myBox31
{
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    color: #fff;
    width: 45%;
    text-align: left;
    background-color: #ffffcc;
    border: 5px solid #669900; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Top Navigation, District, Rotary General */
.myBox4
{
    margin: auto;
    color: #fff;
    width: 1010px;
    margin-bottom: 2px;
    text-align: left;
    background-color: #7b84f7;
    border: 5px solid #7b84f7; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

.myBox41
{
    margin: auto;
    color: #000000;
    width: 1010px;
    margin-bottom: 2px;
    text-align: left;
    background-color: #ECF4B7;
    border: 5px solid #7b84f7; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Breaking News*/
.myBox5
{
    float: left;
    margin: 10px;
    color: #fff;
    width: 1000 px;
    padding: 20px;
    text-align: left;
    background-color: #ffffcc;
    border: 5px solid #669900; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Left 45% box */
.myBox6
{
    float: right;
    color: #000000;
    margin-left: 50px;
    margin-bottom: 20px;
    width: 45%;
    text-align: left;
    background-color: #ECF4B7;
    border: 5px solid #6067AF; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
}

.myBox61
{
    float: right;
    color: #000000;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 45%;
    text-align: left;
    background-color: #ECF4B7;
    border: 5px solid #6067AF; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
}


/* Right Height 130px 25% */
.myBox7
{
    float: right;
    margin-right: 120px;
    margin-top: 20px;
    clear: left;
    height: 130px;
    color: #B96A9A;
    width: 25%;
    text-align: center;
    background-color: #ECF4B7;
    border: 5px solid #6067AF; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Height 220px Width 950px */
.myBox8
{
    margin: auto;
    clear: both;
    color: #B96A9A;
    height: 220px;
    width: 950px;
    text-align: center;
    background-color: #ECF4B7;
    border: 5px solid #6067AF; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 3ex;
    -webkit-border-radius: 3ex;
}

/* Left 40% box */
.myBox9
{
    float: left;
    margin-left: 20px;
    color: #000000;
    width: 40%;
    text-align: center;
    background-color: #F4BFB7;
    border: 5px solid #F48A7A; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
}

/*****************/
/* Footer */
/*****************/

#NavFooter
{
   background-color: #7B84F7; /* fixes Firefox 0.9.3 */
   margin-left: 0;
   margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */
   padding-bottom: 5px;
   padding-left: 0;
   padding-top: 5px;
   text-align: center;
   width: 100%;
   font-weight: bold;

}

.CopyRightText
{
   color: black;
   font-size: 12px;
   text-align: left;
   font-weight: normal;

}

.Version
{
   color: black;
   font-size: 12px;
   text-align: right;
   padding-right: 20px;
   font-weight: normal;

}

#NavFooter a
{
   background-color: #7B84F7;
   color: navy;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding-right: 5px;
   padding-left: 5px;
   text-decoration: none;
   line-height: 19px;
}

#NavFooter a:hover
{
   background-color: #369;
   color: white;
}

/****************/
/* Title images */
/****************/

#AdvertSection
{
   background-image: url("../images/0910/bush25.jpg");
   background-repeat: no-repeat;
}

#AdvertSection h2
{
   text-align: right;
   padding-right: 15px;
   padding-top: 50px;
   font-weight: bold;
   color: gold;
}


#DistrictSection
{
   background-image: url("../images/0910/orchids.jpg");
   background-repeat: no-repeat;
}

#DistrictSection h2
{
   text-align: left;
   padding-left: 15px;
   padding-top: 50px;
   font-weight: bold;
   color: gold;
}

.ImageCentered
{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/****************/
/* 3D Button    */
/****************/

.buttona
{
    clear: both;
    float: right;
    margin: 10px;
    width: 190px;
    line-height: 30px;
}

.buttona a
{
    color: black;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.buttona li
{
    list-style-type: none;
    text-align: center;
    background: black url(/images/index0910/silvergradient.gif) repeat-x center left;
    border-bottom-color: #333333;
    border-left-color: #BBBBBB;
    border-right-color: #555555;
    border-top-color: #DDDDDD;
    border-style: solid;
    display: block;
}

.buttona li:hover
{
    background-image: url(/images/index0910/silvergradientover.gif);
    border-bottom-color: #DDDDDD;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-top-color: #333333;
    border-style: solid;
}

.buttonb
{
    float: right;
    margin: 10px;
    width: 220px;
    line-height: 30px;
}

.buttonb a
{
    color: black;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.buttonb li
{
    list-style-type: none;
    text-align: center;
    background: black url(/images/index0910/silvergradient.gif) repeat-x center left;
    border-bottom-color: #333333;
    border-left-color: #BBBBBB;
    border-right-color: #555555;
    border-top-color: #DDDDDD;
    border-style: solid;
    display: block;
}

.buttonb li:hover
{
    background-image: url(/images/index0910/silvergradientover.gif);
    border-bottom-color: #DDDDDD;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-top-color: #333333;
    border-style: solid;
}

.buttonc
{
    clear: both;
    float: right;
    margin: 10px;
    width: 200px;
    line-height: 30px;
}

.buttonc a
{
    color: black;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;
}

.buttonc li
{
    list-style-type: none;
    text-align: center;
    background: black url(/images/index0910/silvergradient.gif) repeat-x center left;
    border-bottom-color: #333333;
    border-left-color: #BBBBBB;
    border-right-color: #555555;
    border-top-color: #DDDDDD;
    border-style: solid;
    display: block;
}

.buttonc li:hover
{
    background-image: url(/images/index0910/silvergradientover.gif);
    border-bottom-color: #DDDDDD;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-top-color: #333333;
    border-style: solid;
}

.buttond
{
    clear: both;
    float: left;
    margin: 10px;
    width: 260px;
    line-height: 30px;
}

.buttond a
{
    color: black;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.buttond li
{
    list-style-type: none;
    text-align: center;
    background: black url(/images/index0910/silvergradient.gif) repeat-x center left;
    border-bottom-color: #333333;
    border-left-color: #BBBBBB;
    border-right-color: #555555;
    border-top-color: #DDDDDD;
    border-style: solid;
    display: block;
}

.buttond li:hover
{
    background-image: url(/images/index0910/silvergradientover.gif);
    border-bottom-color: #DDDDDD;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-top-color: #333333;
    border-style: solid;
}


.buttone
{
    clear: both;
    float: right;
    margin: 10px;
    width: 230px;
    line-height: 25px;
}

.buttone a
{
    color: black;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.buttone li
{
    list-style-type: none;
    text-align: center;
    background: black url(/images/index0910/silvergradient.gif) repeat-x center left;
    border-bottom-color: #333333;
    border-left-color: #BBBBBB;
    border-right-color: #555555;
    border-top-color: #DDDDDD;
    border-style: solid;
    display: block;
}

.buttone li:hover
{
    background-image: url(/images/index0910/silvergradientover.gif);
    border-bottom-color: #DDDDDD;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-top-color: #333333;
    border-style: solid;
}

/* Start Calendar       */
table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 1em;
	border-collapse: collapse;
	background-color: #ffffcc;
	border: solid #999999 1px;
	width: 400px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
    border: 5px solid #ffcc00; /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3ex;
    -moz-border-radius-bottomright: 3ex;
    -webkit-border-top-left-radius: 3ex;
    -webkit-border-bottom-right-radius: 3ex;
}
table.calendar input, table.calendar select {
	font-size: 11px;
}
table.calendar td {
	border: 0;
	font-size: 11px;
	text-align: center;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 20px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 20px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {
	background-color: #F4BFB7;

}
table.calcells td.cell_selected {
	background-color: #DDDDDD;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
    background-color: #DDDDDD;
}

/* End Calendar */