/* GLOBAL v2 (INLINE NAVIGATION) */

/* HTML TAG RESET */

html, body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, legend, label, input, button, textarea, table, caption, tr, th, td, a, img { margin: 0; padding: 0; }
ol, ul { list-style: none; }
fieldset, img { border: 0; } /* could use border: none; */
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in html markup */
caption, th { font-weight: normal; font-style: normal; text-align: left; }



/* HTML TAG DEFINITION */

body { color: #757575; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; background-color: #999999; }

p { margin-bottom: 20px; }

a:link { color: #757575; text-decoration: underline; }
a:visited { color: #aeaeae; }
a:hover { color: #333333; }



/* PAGE ID STYLES */

#page { text-align: left; width: 900px; margin: 20px auto; }
#main { margin-bottom: 10px; }
#sidebar { background-color: #ffffff; height: 520px; }
#colourbar { background-color: #757575; height: 520px; margin-right: 0; }
#content { background-color: #ffffff; height: 520px; }



/* PAGE SHADOWS */

.horizontal-shadow { background-image: url('../images/shadow_horizontal.gif'); background-repeat: repeat-x; }
.vertical-shadow {  background-image: url('../images/shadow_vertical.gif'); background-repeat: repeat-y; }



/* NAVIGATION */

/* primary navigation */
#navigation { height: 130px; margin: 10px 30px 0; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation ul li, #navigation ul li a { width: 100px; line-height: 100%; }
#navigation ul li a { color: #757575; font-size: 12px; font-weight: normal; line-height: 100%; background-color: transparent; text-decoration: none; text-align: left; padding: 0; display: block; }
#navigation ul li a:link {  }
#navigation ul li a:visited {  }
#navigation ul li a:hover { color: #333333; }

/* secondary navigation */
#navigation ul li ul { width: 470px; margin: 0 0 2px 0; }
#navigation ul li ul li { display: inline; } /* ADDITION: FOR INLINE NAV LINKS */
#navigation ul li ul li a { color: #aeaeae; font-size: 11px; font-weight: normal; line-height: 100%; background-color: transparent; text-decoration: none; text-align: left; margin-right: 10px; padding: 0; display: inline; }
#navigation ul li ul li a:link {  }
#navigation ul li ul li a:visited {  }
#navigation ul li ul li a:hover { color: #555555; }



/* PAGE NAVIGATION */

.page-nav { margin: 0 0 20px 25px; }

.page-nav .disabled { color: #c8c8c8; }

.page-nav a.page-link:link { color: #757575; text-decoration: none; } 
.page-nav a.page-link:visited { color: #757575; text-decoration: none; }
.page-nav a.page-link:hover { color: #333333; text-decoration: none; }

.page-nav .arrow { vertical-align: middle; }



/* STRUCTURAL BOXES */

.company-box { font-size: 12px; font-weight: normal; line-height: 100%; margin: 10px; }
.company-box a.primary { color: #ffffff; text-decoration: none; /*padding: 0;*/ }
.company-box a.primary:link { color: #ffffff; text-decoration: none; }
.company-box a.primary:visited { color: #ffffff; text-decoration: none; }
.company-box a.primary:hover { color: #ffffff; text-decoration: none; }

.company-box a.secondary { color: #aeaeae; text-decoration: none; /*padding: 0;*/ }
.company-box a.secondary:link { color: #aeaeae; text-decoration: none; }
.company-box a.secondary:visited { color: #aeaeae; text-decoration: none; }
.company-box a.secondary:hover { color: #aeaeae; text-decoration: none; }

.content-box { margin: 0 30px 20px; }

a.bio-email { font-size: 12px; font-weight: normal; line-height: 175%; }
a.bio-email:link { color: #757575; text-decoration: none; }
a.bio-email:visited { color: #757575; text-decoration: none; }
a.bio-email:hover { color: #333333; text-decoration: none; }



/* TABLE STYLES */

table.simple-table { margin-bottom: 20px; }
table.simple-table tr td { color: #757575; font-size: 12px; font-weight: normal; line-height: 150%; padding-right: 10px; }
table.simple-table tr td.label { color: #333333; font-size: 12px; font-weight: normal; line-height: 150%; }

table.contact-table { margin-bottom: 20px; }
table.contact-table tr td { color: #757575; font-size: 12px; font-weight: normal; line-height: 125%; padding-right: 40px; }
table.contact-table a.email:link { text-decoration: none; }
table.contact-table a.email:visited { text-decoration: none; }
table.contact-table a.email:hover { text-decoration: none; }



/* LIST STYLES */

ul.simple-list { margin-bottom: 20px; }
ul.simple-list li {  }

ul.square-list { margin-bottom: 20px; padding-left: 15px; list-style: square; }
ul.square-list li {  }

ul.plus-list { margin-bottom: 20px; padding-left: 15px; list-style-image: url('../images/bullet_plus.gif'); }
ul.plus-list li {  }

ul.arrow-list { margin-bottom: 20px; padding-left: 15px; list-style-image: url('../images/bullet_arrow.gif'); }
ul.arrow-list li a { text-decoration: none; }


/* TEXT STYLES */

.bold { font-weight: bold; }
.italic { font-style: italic; }

.large { font-size: 14px; font-weight: normal; line-height: 150%; }
.medium { font-size: 12px; font-weight: normal; line-height: 125%; }
.small { font-size: 11px; font-weight: normal; line-height: 125%; }

.line-200 { line-height: 200%; }
.line-175 { line-height: 175%; }
.line-150 { line-height: 150%; }
.line-125 { line-height: 125%; }
.line-100 { line-height: 100%; }



/* MARGIN + PADDING STYLES */

.margin-xlg { margin: 20px; }
.margin-lg { margin: 15px; }
.margin-md { margin: 10px; }
.margin-sm { margin: 5px; }
.margin-z { margin: 0; }

.margin-t-xlg { margin-top: 20px; }
.margin-t-lg { margin-top: 15px; }
.margin-t-md { margin-top: 10px; }
.margin-t-sm { margin-top: 5px; }
.margin-t-z { margin-top: 0; }

.margin-r-xlg { margin-right: 20px; }
.margin-r-lg { margin-right: 15px; }
.margin-r-md { margin-right: 10px; }
.margin-r-sm { margin-right: 5px; }
.margin-r-z { margin-right: 0; }

.margin-b-xlg { margin-bottom: 20px; }
.margin-b-lg { margin-bottom: 15px; }
.margin-b-md { margin-bottom: 10px; }
.margin-b-sm { margin-bottom: 5px; }
.margin-b-z { margin-bottom: 0; }

.margin-l-xlg { margin-left: 20px; }
.margin-l-lg { margin-left: 15px; }
.margin-l-md { margin-left: 10px; }
.margin-l-sm { margin-left: 5px; }
.margin-l-z { margin-left: 0; }


.padding-xlg { padding: 20px; }
.padding-lg { padding: 15px; }
.padding-md { padding: 10px; }
.padding-sm { padding: 5px; }
.padding-z { padding: 0; }

.padding-t-xlg { padding-top: 20px; }
.padding-t-lg { padding-top: 15px; }
.padding-t-md { padding-top: 10px; }
.padding-t-sm { padding-top: 5px; }
.padding-t-z { padding-top: 0; }

.padding-r-xlg { padding-right: 20px; }
.padding-r-lg { padding-right: 15px; }
.padding-r-md { padding-right: 10px; }
.padding-r-sm { padding-right: 5px; }
.padding-r-z { padding-right: 0; }

.padding-b-xlg { padding-bottom: 20px; }
.padding-b-lg { padding-bottom: 15px; }
.padding-b-md { padding-bottom: 10px; }
.padding-b-sm { padding-bottom: 5px; }
.padding-b-z { padding-bottom: 0; }

.padding-l-xlg { padding-left: 20px; }
.padding-l-lg { padding-left: 15px; }
.padding-l-md { padding-left: 10px; }
.padding-l-sm { padding-left: 5px; }
.padding-l-z { padding-left: 0; }