/* General styles */

html, body {
margin: 0;
padding: 0;
}

body {
background: #D68C00 url("../images/3/topbk.jpg") repeat-x;
font-size: 11px;
line-height: 1.4;
font-weight: 400;
font-family: verdana, arial, helvetica, sans-serif; 
color: #000;
}

h1 {
display: none;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 120%;
}

h4, h5, h6 {
font-size: 100%;
}

.hide {
display: none;
}

.uppercase {
text-transform: uppercase;
}

.title {
font-family: georgia, serif;
font-weight: bold;
}

.hide {
display: none;
}

/* Top div sections styles */

#shortcut {
width: 704px;
background: transparent;
border-left: 14px solid #C25200;
padding: 80px 0 0 3px;
margin: 0;
}

/** html #shortcut {
\width: 200%;
w\idth: 200%;
}*/

#shortcut a {
font-family: Georgia, Times New Roman, Times, serif;
margin: 0;
padding: 0;
color: #D68C00;
text-decoration: none;
}

#wrapper {
position: relative;
background: transparent;
width: 704px;
margin: 0;
padding: 0;
}

#banner {
border-top: 14px solid #C25200;
border-bottom: 1px solid #D68C00;
border-left: 14px solid #C25200;
background: transparent;
width: 704px;
}

/* Main Navigation styles */

#navigation {
position: absolute;
top: 215px;
left: 0;
margin: 0;
padding: 0;
background: transparent;
border-left: 14px solid #C25200;
z-index: 50;
}

#navigation ul {
list-style-type: none;
padding: 33px 0 0 185px;
margin: 0 0 0 0;
background: transparent;
}

#navigation ul li {
display: inline;
list-style-type: none;
margin: 0 20px 0 0;
padding: 0;
}

a:link, #navigation a:link, #navigation a:visited {
color: #8A1E00;
}

#current, #navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a#current, #navigation ul li span#current {
background: #C25200;
color: #fff;
}

#navigation ul li a#section:link, #navigation ul li a#section:visited  {
/*background: #F6F7F2;*/
background: #D68C00;
color: #fff;
}

#navigation ul li a#section:hover, #navigation ul li a#section:active  {
background: #C25200;
color: #fff;
}

a:visited {
color: #909090;
}

#content a:hover, #content a:active {
background: #F6F7F2;
}


/* Introduction section styles */

#introduction {
position: absolute;
top: 140px;
left: 380px;
width: 320px;
margin: 0;
padding: 0;
background: transparent;
}

#introduction2 {
position: absolute;
top: 170px;
left: 380px;
width: 320px;
margin: 0;
padding: 0;
background: transparent;
}

#introduction p.intro, #introduction2 p.intro {
margin: 0 0 5px 10px;
color: #8A1E00;
font-family: georgia, serif;
}

body #participate #introduction {
position: absolute;
top: 140px;
left: 380px;
width: 320px;
margin: 0;
padding: 0;
background: transparent;
}

/* Main sections styles */

#main {
position: relative;
background: #F6F7F2;
width: 704px;
margin: 0;
padding: 0;
border-left: 14px solid #C25200;
border-bottom: 3px solid #C25200;
\width: 718px;
w\idth: 704px;
}

body#home #main, body#about #main {
background: white;
}

/* Summary section styles */

#summary {
position: absolute;
top: 0;
left: 0;
width: 314px;
border-top: 56px solid white;
margin: 0 0 0 0;
padding: 0;
background: transparent;
color: #C25200;
}

#summary p {
margin: 1em 45px 1em 45px;
width: auto;
padding: 0;
background: transparent;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.4;
}

#summary p {
font-size: 12px;
}

#summary h2, #summary h3, #summary h5 {
margin: 3em 45px 1em 45px;
padding: 0;
font-family: georgia, serif;
}

#summary h6 {
margin: 1em 45px 1em 45px;
padding: 0;
font-family: georgia, serif;
}

#summary h2, #summary h5 {
font-size: 133%;
}

#summary p.title, #externals p.title {
margin: 2em 45px 1em 45px;
}

#summary a:visited, #summary a:link  {
color: #C25200;
text-decoration: none;
}

#summary a:hover, #summary a:active  {
color: #C25200;
text-decoration: underline;
}

/* Main Content sections styles */

#content {
width: 389px;
border-left: 1px solid #C25200;
margin: 0 0 0 314px;
padding: 40px 0 3px 0;
background: white;
\width: 390px;
w\idth: 389px;
}

#content p, #content h2, #content blockquote {
margin: 0 5% 0 0;
padding: 0 0 2em 2em;
border-left: 10px solid #F6F7F2;
background: white;
}

#content p {
line-height: 1.6;
}

#content p.first {
padding: 50px 0 2em 2em;
}

#content ul {
margin: 0 5% 2em 0;
padding: 0 0 0 4em;
border-left: 10px solid #F6F7F2;
}

#content ul li {
list-style-image: url(../images/overall/rightO.gif);
}

#content ol {
margin: 0 5% 2em 0;
padding: 0 0 0 4em;
border-left: 10px solid #F6F7F2;
}

#content h2, #content h3 {
margin: 0 5% 0 0;
padding: 50px 0 1em 1.5em;
border-left: 10px solid #F6F7F2;
font-family: Georgia, Times New Roman, Times, serif;
}

body#essays #content h2, body#essays #content h3 {
color: #000000;
margin: 0 5% 0 0;
padding: 50px 0 1em 1.5em;
}

body#essays #content p, body#essays #content ul, body#essays #content ol  {
margin: 0 20px 0 0;
}

#content h4, #content h5 {
font-family: Georgia, Times New Roman, Times, serif;
margin: 0 10% 0 0;
border-left: 10px solid #F6F7F2;
line-height: 1;
}

#content h4 {
background: white url("../images/overall/rightA.gif") 21px 2px no-repeat;
padding: 0 0 1em 3.2em;
}

* html #content h4 {
background: white url("../images/overall/rightA.gif") 31px 2px no-repeat;
bac\kground: white url("../images/overall/rightA.gif") 31px 2px no-repeat;
}

#content h5 {
padding: 0 0 1em 2em;
}

/* home page Content styles*/

body#home #content {
width: 520px;
border-left: 1px solid #C25200;
margin: 0 0 0 183px;
padding: 70px 0 3px 0;
background: white;
\width: 521px;
w\idth: 520px;
}

body#home #content p, body#home #content h2 {
margin: 0 0 0 0;
padding: 0 5% 2em 150px;
background: white;
border-left: 0;
}

body#home #content h3 {
font-family: Georgia, Times New Roman, Times, serif;
margin: 0 5% 0 0;
padding: 20px 5% 2em 150px;
color: #000000;
border-left: 0;
line-height: 1.4;
background: none;
font-size: 100%
}

body#home #content h4 {
font-family: Georgia, Times New Roman, Times, serif;
margin: 0 5% 0 0;
padding: 0 0 2em 150px;
line-height: 1;
border-left: 0;
background: none;
}

body#home #content h4.bullet {
background: white url("../images/overall/rightA.gif") 135px 2px no-repeat;
}

body#about #content h4.bullet {
background: white url("../images/overall/rightA.gif") 78px 2px no-repeat;
}

#content h3.bullet {
font-size: 100%;
background: white url("../images/overall/rightA.gif") 21px 55px no-repeat;
padding-left: 35px;
}

* html #content h3.bullet {
background: white url("../images/overall/rightA.gif") 31px 55px no-repeat;
bac\kground: white url("../images/overall/rightA.gif") 31px 55px no-repeat;
}


/* about page Content styles*/

body#about #content {
width: 463px;
border-left: 1px solid #C25200;
margin: 0 0 0 240px;
padding: 70px 0 3px 0;
background: white;
\width: 464px;
w\idth: 463px;
}

body#about #content p, body#about #content h2 {
width: auto;
margin: 0 0 0 0;
padding: 0 5% 2em 93px;
background: white;
border-left: 0;
}

body#about #content h3 {
margin: 0 5% 0 0;
font-family: Georgia, Times New Roman, Times, serif;
padding: 20px 5% 2em 93px;
color: #000000;
border-left: 0;
line-height: 1.4;
background: none;
font-size: 100%
/*padding: 30px 0 1em 1.5em;
border-left: 0;*/
}

body#about #content h4 {
font-family: Georgia, Times New Roman, Times, serif;
margin: 0 5% 0 0;
padding: 0 0 2em 93px;
line-height: 1;
border-left: 0;
background: none;
}

/* End of content styles */

/* externals section styles */

#externals {
width: 314px;
margin: 0 0 0 0;
padding: 0;
background: transparent;
color: #C25200;
}

#externals ul, #summary ul {
list-style-type: none;
padding: 0;
background: transparent;
}

#summary ul {
margin: 1em 45px 1em 55px;
}

#externals ul {
margin: 1em 45px 1em 55px;
}

#externals ul li, #summary ul li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
font-size: 11px;
}

#externals a:visited, #externals a:link, #summary a:visited, #summary a:link  {
color: #C25200;
text-decoration: none;

}

#externals a:hover, #externals a:active, #summary a:hover, #summary a:active  {
color: #C25200;
text-decoration: underline;
}

#summary #externals h3, #summary #externals h5, #summary #externals h6 {
font-family: Georgia, Times New Roman, Times, serif;
margin: 1em 45px 1em 45px;
padding: 0;
}

#summary #externals p {
margin: 1em 45px 1em 45px;
padding: 0;
font-size: 11px;
}

/* Bottom navigation styles */

p.botnav {
margin: 0 0 0 16px;
padding: 1em 0 0.5em 0;
border-left: 10px solid #F6F7F2;
}

p.botnav1 {
margin: 0 0 0 16px;
padding: 1em 0 0.5em 0;
}

#content ul.botnavb {
margin: 0 0 0 0;
padding: 0 0 2em 1em;
width: 350px;
list-style-type: none;
background: white;
\width: 368px;
w\idth: 350px;
}

#content ul.botnavb li {
text-align: left;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
float: left;
width: 100px;
background: white;
}

ul.botnavb li#center {
text-align: center;
margin-left: 28px;
margin-right: 17px;
}

ul.botnavb li#right {
text-align: right;

}

ul.botnavb li a:link, ul.botnavb li a:visited, ul.botnavb li a:hover, ul.botnavb li a:active {
border-bottom: 0;
text-decoration: none;
color: #C25200;
}

#content p.botnav a:visited, #content p.botnav a:link, #content p.botnav a:hover, #content p.botnav a:active {
color: #C25200;
}

/* Logo and footer styles */

#logo {
width: 704px;
position: absolute;
top: 20px;
left: 110px;
z-index: 100;
}

#guestlogo {
width: 704px;
position: absolute;
top: 20px;
left: 413px;
z-index: 100;
}

#footer {
width: 704px;
padding: 0 0 0 0;
margin: 0 0 0 0;
background-color: #C25200;
}

#footer p  {
border-left: 14px solid #C25200;
color: #C25200;
margin: 0;
padding: 3px;
font-family: Georgia, Times New Roman, Times, serif;
background-color: #D68C00;
}

#footer p a {
color: #C25200;
}

/* form styles & misc */

#elist {
margin: 0 0 20px 150px;
padding: 0;
width: 250px;
background: #F6F7F2;
border: 1px dotted #C25200;
}

body#home #content #elist form p {
margin: 10px 40px 3px 40px;
padding: 0;
background: #F6F7F2;
}

body#home #content #elist form p label {
font-weight: bold;
}

input  {
font: 12px verdana, lucida, arial, helvetica, sans-serif;
margin: 5px 0 4px 40px;
padding: 0;
}

.submit  {
text-align: left;
vertical-align: middle;
margin: 0 0 10px 40px;
padding: 0;
width: 26px;
height: 10px;
}

/* Participation form styles */

body#participate #content form {
padding: 0;
margin: 0;
}

body#participate #content form p  {
padding-bottom: 10px;
margin-bottom: 0;
}

body#participate #content form input {
padding: 0;
margin: 0;
}

body#participate #content form input.submit {
padding: 0;
margin: 0;
}

#contentpost   {
width: 704px;
color: #000;
background-color: #FFFFFB;
padding-top: 60px;
padding-bottom: 20px;
}

#contentpost h2  {
color: #C25200;
}

.padbot {
margin-bottom: 0;
padding-bottom: 30px;
}

body#participate #content form input, body#participate #content form textarea  {
background-color: #F6F7F2;
border: 1px solid #E9EAE2;
}

body#participate #content form textarea  {
margin-bottom: 10px;
}

body#participate #content form .submit2  {
width: 50px;
text-align: center;
border: 1px outset #603131;
}

/* ecards styles */

body#ecard #navigation {
position: absolute;
top: 215px;
left: 150px;
margin: 0;
padding: 0;
border-left: 0;
background: transparent;
z-index: 50;
}

body#ecard #logo {
width: 93px;
height: 61px;
position: absolute;
top: 255px;
left: 166px;
z-index: 100;
}

body#ecard #content table {
/*padding: 0 0 1em 1.5em;*/
/*margin: 50px 5% 0 0;*/
/*border-left: 10px solid #F6F7F2;*/
border: 1px solid #D68C00;
margin: 10px 0 0 20px;
padding: 0;
}

body#ecard #content #table1 {
margin: 50px 0 0 0;
padding: 0;
}

* html body#ecard #content #table1 {
margin: 88px 0 0 0;
ma\rgin: 88px 0 0 0;
}


body#ecard div.table {
border: 1px solid #D68C00;
margin: 10px 0 0 0;
background: #F6F7F2;
}

td {
padding: 3px;
/*border: 1px outset #808080;*/
border: 0;
font-size: 10px;
}

body#ecard #content p {
margin: 20px 5% 0 0;
border-left: 0;
}

span.link {
color: #8A1E00;
}

body#ecard #content a:visited {
color:  #8A1E00;
}

/* viewcards styles */

body#viewcard {
position: relative;
}

body#viewcard #banner {
border-bottom: 0;
}


body#viewcard #main {
background: white;
padding: 35px 0 0 0;
}

body#viewcard #navigation {
margin: 0;
padding: 80px 0 0 3px;
background: transparent;
position: static;
border-left: 14px solid #C25200;
}

body#viewcard #navigation ul {
padding: 0 0 0 250px;
}

body#viewcard #logo {
width: 93px;
height: 61px;
position: absolute;
top: 0px;
left: 550px;
z-index: 100;
}

body#viewcard #table2 {
background: url("../images/1210/ecards/ecard_back.gif") no-repeat;
/*padding: 35px 0 80px 0;*/
padding: 0;
border: 0;

margin: 0;
width: 704px;
height: 260px;
}

body#viewcard #table3 {
/*padding: 35px 0 80px 0;*/
border: 0;
margin: 0;
padding: 0;
width: 704px;
height: 260px;
}

/* Ecards form styles */

body#ecard #summary input, body#ecard #summary textarea, body#ecard #summary select {
display: block;
margin: 5px 0 10px 50px;
padding: 0;
}

body#ecard #externals {
margin-top: 20px;
}