/* screen.css 2.2

(c)2012 Copyright Timmons Group

*/

/*--------------------------
CSS RESET
--------------------------*/
* {margin: 0; padding: 0;}

/*--------------------------
HTML 5 (IE)
--------------------------*/
header, nav, article, footer, address, menu, section {
	display: block;
}

/*--------------------------
DEFAULT STYLES
--------------------------*/
body {font-family: Arial, sans-serif; font-size: 15px; line-height: normal; color: #333;}

h1, h2, h3, h4, h5, h6, p, dt, blockquote, hr {margin-top: 10px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 210%;}
h2 {font-size: 180%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
h5 {font-size: 100%;}
h6 {font-size: 80%;}

.caps {text-transform: uppercase; letter-spacing: 1px;}

p {font-size: 100%; line-height: 110%;}

a:link, a:visited {text-decoration: none;}
a:active, a:hover, a.active {text-decoration: underline;}
a img {border: none;}

strong {font-weight: bold;}
em {font-style: italic;}
small {font-size: 80%;}

hr {border: none; height: 1px; display: block; border-top: 1px solid #999;}
hr.dotted {border-top-style: dotted;}

.nowrap {white-space: nowrap;}
.clear {display: block; clear: left; height: 1px; margin-top: -1px;}

.left {float: left;}
.right {float: right;}

ul, ol {list-style-position: outside; margin-left: 30px; margin-top: 15px;}
ul {list-style-type: square;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}

.img-text {position: absolute; top: -9999px;}

table {border-collapse: collapse; border: none; width: 99%;}
table th, table td {text-align: left; padding: 0; width: 25%;}
table th {background-color: #eee;}

table.styled th,
table.styled td {vertical-align: top; padding: 5px; border-right: 2px solid white;}

table.styled td {border-bottom: 1px dotted #ccc;}

table.styled .events-date {width: 10%;}
table.styled .events-location {width: 10%;}
table.styled .events-description {width: 11%;}

table.w760 {width: 760px;}

.date-order {display: none;}

/*---------------------------------------------------------
ADD CUSTOM STYLES BELOW
----------------------------------------------------------*/

/*--------------------------
BASIC STRUCTURE
--------------------------*/
#wrapper, .wrapper {width: 960px; margin: 0 auto; position: relative;}


/*--------------------------
MAIN NAVIGATION
--------------------------*/
#main-navigation ul {}
#main-navigation ul li {}
#main-navigation ul li a {display: block; background-repeat: no-repeat;}
#main-navigation ul li a:hover, ul#navigation li a.active {background-position: 0 100%;}