﻿/* page
---------------------------------------- */
body {background-color:#FFFFFF;color:#333333;font-family:Verdana,Arial,Sans-Serif;font-size:12px;line-height:18px;margin:0}

/* html
---------------------------------------- */
abbr {speak:spell-out}
acronym {speak:normal}
abbr, acronym {border-bottom:dotted 1px #CCCCCC}
fieldset {border:none}
fieldset label {display:block}
h1 {font-size:24px;line-height:36px;margin-bottom:18px}
h2 {font-size:18px;line-height:18px;margin-bottom:18px}
h3 {font-size:12px;line-height:18px}
img {border:none;}
input[type=text] {width:300px}
input.formbutton {cursor:pointer}
noscript {color:#D90000}
ol, ul {list-style-type:none}
p, ol, ul {margin-bottom:18px}
textarea {height:160px;width:500px}

/* class
---------------------------------------- */
/* :Note: Fix bullets alignment */
.bullets li {background:url(/includes/graphics/4dots.gif) no-repeat left center;margin:0;padding:3px 0 3px 14px;}
.clear {clear:both;}
.nobullets {list-style-type:none;}
.noindent {margin:0;padding-left:0 !important;}
.font-smallcaps {font-variant:small-caps;}
.left {float:left;margin:0 18px 18px 0;}
.last {border-right:none;}
.right {float:right;margin:0 0 18px 18px;}
.txt_center {text-align:center;}
.vert_middle {vertical-align:middle;}

.error, .notice, .success {border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }

/* hyperlinks
---------------------------------------- */
a {text-decoration:none;}
a:link {color:#0059B3;}
a:visited {color:#0059B3;}
a:hover, a:active, a:focus {border-bottom:dotted 1px #0059B3;color:#0059B3;}

/* page container
---------------------------------------- */
#container {margin-left:auto;margin-right:auto;width:994px;}

/* page header
---------------------------------------- */
#header {background:#FFFFFF url(/includes/graphics/bkgrd_header.jpg) no-repeat left top;height:96px;width:994px;}
#header h1, #header h3 {display:none;}
#header ul {font-size:11px;margin:0 0 0 692px;padding-top:18px;position:relative;}
#header ul li {float:left;}
#header ul li#linksitemap a {border-right:none;}
#header ul li a {border-bottom:none;border-right:solid 1px #EEEEEE;color:#421C52;padding:0 9px;text-decoration:none;}
#header ul li a:hover, #header ul li a:active, #header ul li a:focus {border-bottom:none;text-decoration:underline;}

/* page navigation
---------------------------------------- */
ul.mainnav {background:#FFFFFF url(/includes/graphics/bkgrd_nav.jpg) no-repeat left top;height:53px;margin:0;padding:0;width:994px;}
ul.mainnav li {float:left;font-size:14px;text-align:center;} /* line-height = 53px - 18px */
ul.mainnav li a {color:#FFFFFF;display:block;margin-top:5px;padding:15px 30px;text-decoration:none;text-transform:uppercase;}
ul.mainnav li a:hover, ul.mainnav li a:active, ul.mainnav li a:focus {border-bottom:none;color:#DDDDDD;}
ul.mainnav li.pg_on a {color:#FFCC00;}
ul.mainnav li#navhome {margin-left:120px;}

/* page content
---------------------------------------- */
#contentwrapper {background:#FFFFFF url(/includes/graphics/bkgrd_mid.jpg) repeat-y left top;min-height:400px;padding-bottom:10px;width:994px;}
#contentwrapper p {text-align:justify;}
#content {border-right:solid 1px #DBDBDB;float:left;margin-top:16px;padding:10px;padding-left:40px;padding-right:40px;width:514px;} /* 646px */
#content #intohp {background-color:#FAFAFA;border:solid 1px #DBDBDB;padding:10px 20px 10px 20px;}
#content #intohp h2 {color:#421C52;font-family:Georgia,Verdana,Arial,Sans-Serif;font-size:14px;font-weight:normal;}
#content #intohp .frame {margin-right:10px;}
#content p.firsthp {margin-top:50px;}
#content #pgtitle {color:#421C52;font-family:Georgia,Verdana,Arial,Sans-Serif;font-size:18px;}
#content #into {padding:0 0 2px 0;}
#content #into h2 {color:#421C52;font-family:Georgia,Verdana,Arial,Sans-Serif;font-weight:normal;}
#content ul.listtable {margin-left:0;padding-left:0;}
#content ul.listtable li {display:block;float:left;padding:6px;width:245px;} /* width:412px */

#content h3, #pgsidebar h3 {border-bottom:1px solid #DBDBDB;color:#D4870B;font-family:Georgia,serif;font-size:14px;font-variant:small-caps;font-weight:bold;letter-spacing:2px;margin:25px 0 12px 0;padding:0;text-transform:uppercase;}

/*#content #contactinfo {clear:left;padding-top:10px;}*/

#pgsidebar {float:right;margin-top:40px;padding-right:40px;width:320px;} /* 360px */
#pgsidebar h3.first {margin-top:0;}
#pgsidebar ul {margin-left:30px;}

/* frame */
.frame {float:left;padding:0 5px 5px 0;}
.frame img {background-color:#FFFFFF;border:solid 1px #A9A9A9;padding:4px;}

/* easy drop shadow */
.imgwrapper {background:url(/includes/graphics/shadow.gif) no-repeat right bottom;float:left;}
.imgwrapper div {background:url(/includes/graphics/png/mask.png) no-repeat left top !important;background: url(/includes/graphics/mask.gif) no-repeat left top;padding:0 5px 5px 0;}
.imgwrapper img {background-color:#FFFFFF;border:solid 1px #A9A9A9;padding:4px;}

/* page footer
---------------------------------------- */
#footer {clear:left;background:#FFFFFF url(/includes/graphics/bkgrd_footer.jpg) no-repeat left top;color:#333333;height:15px;margin:0 auto;padding-top:14px;padding-bottom:10px;width:994px;}
#footer #pgcontactinfo {padding:18px 18px 18px 0;text-align:right;}
