body {
margin:0;
padding:0;
border:0; /* This removes the border around the viewport in old versions of IE */
width:100%;
background:#aaa;
font-size:16px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-align:justify;
}
a {
color: #3366FF;
text-decoration:none;
}
a:hover {
color: red;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif;
}
h1 {
font-size: 180%;
color:#de5946;
text-shadow: 2px 2px 2px #aaa;
}
h2 {
margin:.8em 0 .2em 0;
padding:0;
font-size: 120%;
color:#de5946;
}
h3 {
margin:.8em 0 .2em 0;
padding:0;
font-size: 110%;
color:#de5946;
}
h4 {
margin:.8em 0 .2em 0;
padding:0;
font-size: 105%;
color: #de5946;
}
h5 {
margin:.8em 0 .2em 0;
padding:0;
font-size: 105%;
color: #de5946;
}
h6 {
margin:.8em 0 .2em 20px;
padding:0;
font-size: 105%;;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
ul {
}
img {
margin:10px 0 5px 20px;
border:0;
}
.quote {
padding: 0 5% 0 5%;
font-family: Cambria serif;
font-size: 18px;
border: solid thin black;
border-radius: 8px;
}
.indent {
text-indent: 25px;
}
.small {
font-size: 14px;
}
.nav {
clear:both;
margin: 40px 20px 0 0;
}
.navtext {
padding: 18px 0 0 100px;
}
.navbutton {
padding:10px;
margin:10px 10px 50px 10px;
background-color:#aaaaaa;
box-shadow: 5px 5px 5px grey;
border-radius:6px;
text-align:center;
width:60px;
text-decoration:none;
color:white;
float:left;
}
.navbutton2 {
padding:10px;
margin:10px 50px 10px 10px;
background-color:#aaaaaa;
box-shadow: 5px 5px 5px grey;
border-radius:6px;
text-align:center;
width:60px;
text-decoration:none;
color:white;
float:left;
}
.navbutton3 {
padding:10px;
margin:10px 50px 10px 10px;
background-color:#aaaaaa;
box-shadow: 5px 5px 5px grey;
border-radius:6px;
text-align:center;
width:125px;
text-decoration:none;
font-size:26px;
color:white;
float:left;
}
.caption {
text-align:center;
color:green;
font-style:italic;
}
.audioplayer {
padding-left:200px;
}
#container {
max-width: 900px;
min-width: 250px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 30px;
background: #fff;
min-height:650px;
}
#containerah {
max-width: 1500px;
min-width: 250px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 30px;
background: #fff;
min-height:650px;
}
/* Header styles */
#header {
clear:both;
float:left;
width:100%;
text-align: right;
margin: 0;
}
#header {
border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
padding:0;
margin:0;
/*old setting for header:
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
*/
}
#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a {
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}
#header ul li a:hover {
background:#369;
color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
#header ul li a span {
display:block;
}
/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}
#menu {
width: 100%;
float: left;
background-color: #eee;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 8.03em;
float: left;
}
#menu a, #menu h2 {
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
font-weight: bold;
}
#menu h2 {
color: #ffffff;
text-transform: capitalize;
background-color: #de5946;
font-size: 12pt;
}
#menu a, menu p {
color: #000;
background: #ffd6ce;
text-decoration: none;
}
#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {
position: relative;
width: 7.2em;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {
display: none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
display: block;
}
#menu ul li {
float: left;
width: 100%;
}
#menu ul li a {
height: 1%;
}
#menu a, #menu h2 {
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.6em;
font-weight: bold;
text-align: center;
}
#minibanners {
text-align: center;
background-color: #fff;
}
.smaller80pc{
font-size: 80%;
}]
.smaller90pc{
font-size: 90%;
}
.t{
font-size: 85%
}
.usbtext{
color:#ce4809;
background-color:#ffcc99;
font-weight:bold;
font-size:85%;
padding-right: 20px;
}
.pageid{
font-size: 10px;
text-align:right;
}
.red{
color: red;
}
.green{
color:#669F38;
}
.tdtop{
vertical-align: top;
}
.formatsleft{
float: left;
}
.formatsright{
float: right;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%; /* width of page */
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}
col1s,
.col2s,
.col3s {
float:left;
position:relative;
padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
font-size:80%;
}
/* 3 Column settings */
.threecol {
background:#ffd6ce; /* right column background colour */
}
.threecol .colmid {
right:28.7%; /* width of the right column */
background: #eeeeee; /* center column background colour */
}
.threecol .colleft {
right:49%; /* width of the middle column */
background:#fff; /* left column background colour */
}
.threecol .col1 {
width:46%; /* width of center column content (column width minus padding on either side) */
left:102%; /* 100% plus left padding of center column */
}
.threecol .col2 {
width:21%; /* Width of left column content (column width minus padding on either side) */
left:33%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
width:26%; /* Width of right column content (column width minus padding on either side) */
left:83.5%; /* Please make note of the brackets here:
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column settings */
.twocol {
background:#ffd6ce; /* right column background colour */
}
.twocol .colmid {
right:0%; /* width of the right column */
background: #eeeeee; /* center column background colour */
}
.twocol .colleft {
right:78%; /* width of the middle column */
background:#fff; /* left column background colour */
}
.twocol .col1 {
width:74%; /* width of center column content (column width minus padding on either side) */
left:102%; /* 100% plus left padding of center column */
}
.twocol .col2 {
width:21%; /* Width of left column content (column width minus padding on either side) */
left:5.5%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.twocol .col3 {
width:0%; /* Width of right column content (column width minus padding on either side) */
left:90.5%; /* Please make note of the brackets here:
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
background: #CCC;
}
#footer p {
padding:10px;
margin:0;
font-size: 8pt;
text-align: center;
}
/*MENU*/
.urbangreymenu{
width: 190px; /*width of menu*/
float:right;
margin: 0 0 50px 50px;
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #cccccc;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
/* 'widths' sub menu */
/* #layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
} */
/* column container */
/* Start of Column CSS */
#container3 {
clear:left;
float:left;
width:100%;
overflow:hidden;
background-image:url(images/frame.jpg);
background:#fff; /* column 3 background colour */
}
#container2 {
clear:left;
float:left;
width:100%;
position:relative;
right:33.333%;
background:#fff; /* column 2 background colour */
}
#container1 {
float:left;
width:100%;
position:relative;
right:33.33%;
border:solid green;
background-image:url(images/frame.jpg);
background:#fff; /* column 1 background colour */
}
#col1 {
float:left;
width:29.33%;
position:relative;
left:68.67%;
overflow:hidden;
}
#col2 {
float:left;
width:29.33%;
position:relative;
left:72.67%;
overflow:hidden;
}
#col3 {
float:left;
width:29.33%;
position:relative;
left:76.67%;
overflow:hidden;
}
/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colleft,
.colmid,
.colright {
float:left;
width:100%;
position:relative;
}
.col1a,
.col2a,
.col3a {
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}
.col2a p{
margin:0 5px 0 5px;
}
.col2a h3{
margin:0 5px 0 5px;
color:#59342b;
text-align:left;
}
.col2a h3 a{
margin:0 5px 0 5px;
color:#59342b;
}
.col2a li{
text-align:left;
}
/* 2 Column (right menu) settings */
.rightmenu {
background:#fff; /* right column background colour */
}
.rightmenu .colleft {
right:25%; /* right column width */
background:#fff; /* left column background colour */
}
.rightmenu .col1a {
width:66%; /* left column content width (left column width minus left and right padding) */
left:27%; /* (right column width) plus (left column left padding) */
}
.rightmenu .col2a {
width:26%; /* right column content width (right column width minus left and right padding) */
left:31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
background:#ddd;
}
.audiotext{
margin: 20px 0 10px 0;
clear: both;
}
.audiotextheading{
float: right;
text-align: left;
}
.section{
border: solid 1px;
border-radius: 25px;
background: #efdfdf;
padding: 20px;
margin-bottom: 25px;
width: 95%;
height: auto;
}
/* ROUNDED CORNERS */
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
background: transparent url(../scripts/img.png) no-repeat bottom right}
.cssbox{
/* intended total box width - padding-right(next) */
width:420px !important; /* IE Win = width - padding */
width: 405px;
/* the gap on the right edge of the image (not content padding) */
padding-right:15px; /* use to position the box */
margin:20px auto}
/* set the top-right image */
.cssbox_head{background-position:top right;
/* pull the right image over on top of border */
margin-right:-15px;
/* right-image-gap + right-inside padding */
padding-right:40px}
/* set the top-left image */
.cssbox_head h2{
background-position:top left;
margin:0; /* reset main site styles*/
border:0; /* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
padding:25px 0 0 40px;
height:auto !important;
height:1%} /* IE Holly Hack */
/* set the lower-left corner image */
.cssbox_body{
background-position:bottom left;
margin-right:25px;
padding:15px 0 15px 25px} /* mirror .cssbox_head right/left */
.cssbox_body p, ul, li{
text-align:left;
}
#bodyah {
width:100%;
background-color:white;
}
.h1ah {
text-align:center;
}
.sectionah {
width: 300px;
border: none;
min-height: 200px;
float:left;
margin: 0 50px 50px 50px;
}
.sectionah2 {
width: 450px;
border: none;
min-height: 200px;
float:left;
margin: 0 50px 50px 50px;
}
@media screen and (max-width:1000px) {
.sectionah {
width: 90%;
border-bottom: thick dotted #ff0000;
height: auto;
float:none;
clear: both;
margin: 50px auto;
}
.sectionah2 {
width: 90%;
border-bottom: thick dotted #ff0000;
height: auto;
float:none;
clear: both;
margin: 50px auto;
}
@media screen and (max-width: 1100px) {
div.elevenhundred {
display: none;
}
}