@import "reset.css";
@import "forms.css";

/* Generic elements */

body { background: url(images/bg-page-grad.gif) repeat-x; color: #666; font: 11px/1.5em Verdana, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #79adab; text-decoration: underline; } 
a:hover,a.important { color: Black; }
a:hover,a.importanttopleft { color: #917cb0; }

a.more, a.more:visited { color: #917cb0; font-weight: bold; text-decoration: none; }
a.more:hover { color: Black; }
a.more img { vertical-align: middle; }

p { margin-bottom: 1.5em; }

img.fltr { float: right; margin: 0 0 10px 10px; }
img.fltl { float: left; margin: 0 10px 10px 0; }

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2em; }
ul.reset, ul.reset ul, #nav { list-style: none; margin: 0; padding: 0; }

p { text-align: justify; }
p.left { text-align: left; }


/* Custom paragraphs, links, images */

.hide { visibility: hidden; }
.highlight { margin: 1em 0; color: #79adab; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.event { color: #937fb2; font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

img.pic { margin: 0px 0 15px; }



/* Headings */

h1,h2,h3,h4,h5,h6 { margin: .5em 0; color: #937fb2; line-height: normal; }

h1 { margin: 0 0 1em; font-size: 18px; font-weight: normal; }
h2 { margin: 1em 0 0; color: #917cb0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Custom headings */

#logo { display: inline; float: right; margin: 0; }

#outline { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; font-size: 25px; }


/* Main layers */

#container { width: 748px; margin: 32px auto 0; text-align: left; background: url(images/box1-bg.gif) top left repeat-y; }
#header {  background: url(images/grad1.gif) top left repeat-y; font-size: 12px; }
#header .after { padding: 17px 17px 0 23px; background: url(images/box1.png) top left no-repeat; }
#header .contents { position: relative; min-height: 75px; padding-bottom: 3em; }
#navbar { position: absolute; bottom: 0; left: 0; z-index: 11; }
#content { clear: both; margin: 0 7px 0 1px; padding: 30px 15px 0 30px; border-top: solid 1px #64a69f; background: url(images/grad2.gif) top left repeat-x; }
#contentgreen { clear: both; margin: 0 7px 0 1px; padding: 30px 15px 0 30px; border-top: solid 1px #64a69f; background: url(images/grad3.gif) top left repeat-x; }
#sidebar { float: right; width: 246px; margin-bottom: 2em; }
#mainbar { float: left; width: 420px; margin-bottom: 2em; }
#footer { clear: both; }

* html #header .contents { height: 75px; }
* html #navbar { bottom: -1px; }


/* Header */

#header p.contact { margin: 0; }
#header p.contact a, #header p.contact a:visited { color: #666; text-decoration: underline; } 
#header p.contact a:hover { text-decoration: underline; }


/* Navigation */

#nav li { float: left; margin-right: 3px; }
#nav li a, #nav li a:visited { display: block; float: left; padding-left: 9px; background: url(images/tabs.gif) 0 0 no-repeat; color: #fff; text-decoration: none; cursor: pointer; }
#nav li a:hover, #nav li a.on { background-position: 0 -50px !important; }
#nav li a:hover em, #nav li a.on em { background-position: 100% -50px; }
#nav li em { display: block; float: left; padding: .4em 12px .4em 3px; background: url(images/tabs.gif) 100% 0 no-repeat; font-style: normal; }
#nav li a sup { line-height: .7em; vertical-align: text-top; }

ul.newsletters {font-weight: bold;list-style:none;padding-left:0;}


/* Boxes Purple */

.box { }
.box1 { overflow: hidden; width: 205px; height:75px; background: url(images/box2.gif) top right no-repeat; color: #4d366f; font-size: 15px;}

.box1 .contents { padding: 14px 15px 15px 15px; font-size:14px;  }
.box1 .contents a{ color:#4d366f; text-decoration:none; }
.box1 .contents a:hover {color:#000; text-decoration:underline; }
.box1 a.external, .box1 a.external:visited { display: block; padding-right: 20px; background: url(images/arrow1.gif) center right no-repeat; color: #4d366f; text-decoration: none; }
.box1 a.external:hover { color: #000; text-decoration: underline; }

/* Boxes Green*/

.box1green { overflow: hidden; width: 205px; height:75px; background: url(images/boxgreen.png) top right no-repeat; color: #477c7a; font-size: 15px;}
.box1green .contents { padding: 14px 15px 15px 15px; font-size:14px;  }
.box1green .contents a{ color:#477c7a; text-decoration:none; }
.box1green .contents a:hover {color:#000; text-decoration:underline; }
.box1green a.external, .box1 a.external:visited { display: block; padding-right: 20px; background: url(images/arrow2.png) center right no-repeat; color: #477c7a; text-decoration: none; }
.box1green a.external:hover { color: #000; text-decoration: underline; }
#sidebar .box1green { margin: 0 20px;  }

.box1green2 { overflow: hidden; width: 205px; height:75px; background: url(images/boxgreen.png) top right no-repeat; color: #477c7a; font-size: 15px;}
.box1green2 .contents { padding: 7px 15px 15px 15px; font-size:14px;  }
.box1green2 .contents a{ color:#477c7a; text-decoration:none; }
.box1green2 .contents a:hover {color:#000; text-decoration:underline; }
.box1green2 a.external, .box1 a.external:visited { display: block; padding-right: 20px; background: url(images/arrow2.png) center right no-repeat; color: #477c7a; text-decoration: none; }
.box1green2 a.external:hover { color: #000; text-decoration: underline; }
#sidebar .box1green2 { margin: 6px 20px;  }


/* By parent */
#sidebar .box1 { margin: 0 20px;  }
#sidebar #othersite {margin-bottom:5px;}

.box2 { overflow: hidden; width: 340px; height: 80px; background: url(images/box3.gif) top right no-repeat; color: #f2f2f2; font-size: 15px; }
.box2 .contents { padding: 15px; }
.box2 h3 { margin: 0 0 .5em; color: #f2f2f2; font-size: 16px; font-weight: normal; }

.box3 { overflow: hidden; width: 417px; padding-top: 12px; background: url(images/box4.gif) top left no-repeat; color: #f2f2f2; font-size: 14px; }
.box3 .contents { padding: 0 15px 15px; background: url(images/box4.gif) bottom left no-repeat; }
.box3 h3 { margin: 0 0 .5em; color: #f2f2f2; font-size: 16px; font-weight: normal; }



* html .box { height: 1%; }


/* Lists */

.listA li { float: left; width: 100%; padding: 12px 0; border-bottom: solid 1px #937fb2; }
.listA li.first { boredr-top: none; }
.listA li.last { border-bottom: none; }
.listA li img { float: left; margin-right: 10px; }
.listA li h2 { margin: 0; }
.listA li p { margin: 0; }
.letters li { list-style: lower-alpha; }


/* Form styling */

input.text, input.button, textarea, select { font-family: Verdana, sans-serif; font-size: 13px; }
input.text, textarea { padding: 2px; border: solid 1px #b4b4b4; background: #fff url(images/input-innershade.gif) top left no-repeat; }
input.button { border: solid 1px #fff; background-color: #8cbdbb; color: #fff; text-align: center; }

/* Individual forms */

#loginFrm input { display: inline; vertical-align: middle; }
#loginFrm input.text { width: 100px; }
#loginFrm input.button { width: 50px; }


/* Footer */

#footer { padding: 7px 30px 15px; background: #c4ddda url(images/box1.png) bottom left no-repeat; color: #666; font-family: "Lucida Sans", Arial, sans-serif; }
#footer p { margin: 0; }
#tld { width: 718px; margin: 5px auto 0; font-size: .9em; text-align: right; }
#tld a{ text-decoration: none; color: #635e55;}


/* Table */

table.table {width:420px;border:1px solid #868686;border-width:0px 0 0 1px;margin-left:12px;}
table.table th{font: normal bold 11px verdana,sans-serif;padding:6px  5px;text-align:left;border:1px solid #868686;background-color: #8dbebc;color:#fff;border-width:1px 1px 1px 0px;}
table.table td{font: normal normal 11px verdana,sans-serif;padding:3px 5px;color:#515D6E;border:1px solid #868686;background-color:#EAEEEE;border-width:0px 1px 1px 0;}

.flImg{ float:left; margin: 5px 8px 8px 0; clear: left; }