@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =html */
html { 
	margin : 0; 
	padding : 0; 
	color : #000; 
	text-align : center; 
}

/* =body */
body { 
	width : 735px;
	font : 76%/150% "Lucida Grande", Arial, sans-serif; 
	background-color : #fff; 
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	
}

/* =hx */
h2, h3, h4 { 
	clear : left; 
	margin : 0; 
	padding : .5em 0; 
}


h1 { font-size : 150%; color : #3985b5; text-transform : uppercase; letter-spacing : .2em;}
h2 { font-size : 130%; color : #3985b5; letter-spacing : .1em;}
h3 { font-size : 110%; color : #3985b5; }
h5 { font-size : 150%; color : #3985b5; letter-spacing : .2em;}

.lowerCase { text-transform : lowercase;}

/* =a */
a:link { 
	color : #3300cc;
	text-decoration : none; 
}

a:visited { 
	color : #663399;
	text-decoration : none;
}

a:hover { 
	color : #990066; 
	text-decoration : underline; 
}

a:active { 
	color : #990066; 
	text-decoration : underline; 
}

img, img a { 
	border : none; 
}


/* =container */
#container {
	width : 735px;
}


/* =branding */
#branding {
	width : 735px;
}

#logo {
	float : left;
	width : 138px;
	height : 90px;
	text-align : center;
}

.logoImage {
	padding-top : 2em;
}


#photos {
	float : right;
	width : 597px;
	height : 90px;
}



/* =main navigation */
#nav {
	clear : both;
	width : 100%;
	background-color : #93bb28;
	text-align : center;
}

#navlinks {
	margin : 0;
	padding-top : 5px;
	padding-bottom : 5px; 
	text-align : center;
}

#navlinks a {
	text-decoration : none;
	color : #ffffff;
}

#navlinks a:hover { 
	text-decoration : underline;
}

#navlinks li {
	list-style-type : none;
	display : inline;
	margin-right : 0.4em; 
	padding-right : 0.6em;
	border-right : 1px solid #ffffff;
	font-weight : bold;
	font-size : 77%;
	letter-spacing : 0.1em;
}

#navlinks li.last {
	border-right : 0;
	padding-right : 2.5em;
	padding-left : 0;
}

.navText {
	font-family : Tahoma, Verdana, Arial, sans-serif;
}

/* =sub navigation */

#subnav {
	clear : both;
	width : 100%;
	border-bottom : 1px solid #93bb28;
}

#subnavlinks {
	margin : 0;
	padding-top : 5px;
	padding-bottom : 5px; 
	text-align : center;
	
}

#subnavlinks a {
	text-decoration : none;
	color : #87ac26;
}

#subnavlinks a:hover { 
	text-decoration : underline;
}

#subnavlinks li {
	list-style-type : none;
	display : inline;
	margin-right : 0.1em; 
	padding-right : 0.5em;
	padding-left : 0.5em;
	border-right : 1px solid #87ac26;
	font-weight : bold;
	font-size : 75%;
}

#subnavlinks li.last {
	border-right : 0;
	padding-right : 2em;
}

.subnavText {
	font-family : Tahoma, Verdana, Arial, sans-serif;
}

.tabText {
	font-weight : bold;
	font-size : 95%;
	color : #fff;
}

.tabText a { color : #fff;}


/* =content */
#content{
	width : 735px;
}

#sidebar{
	float : left;
	width : 138px;
	border-right : 1px dashed #3985b5;
		
}


#sidebarYellow{
	background : url(../images/yellowGradient.jpg) no-repeat;
	float : left;
	width : 138px;
	height : 396px;
	border-right : 1px dashed #3985b5;
		
}

#sidebarYellow2{
	background : url(../images/yellowGradient2.jpg) no-repeat;
	float : left;
	width : 227px;
	border-right : 1px dashed #3985b5;
		
}


.sidebarHead {
	color : #115a9e;
	font-weight : bold;
	text-transform : uppercase;
	text-align : center;
	font-size : 100%;
	padding-top : 10px;
}



.sidebarList{
	list-style-type : none;
	margin : 0 .5em 1em .5em;
	padding : 4px 2px 0 4px;
	line-height : 1.3em;
	font-size : 90%;
}

.sidebarContent {
	padding : 2px;
}

.sidebarBullet {
	color : #004287;
	font-weight : bold;
	font-size : 95%;
	background : url(../images/navBullet.gif) no-repeat 0 8px;
	padding-left: 8px;
	padding-top : 2px
}



#contentCol{
	float : right;
	width : 560px;
	padding-left: 20px;
	padding-right : 10px;
	padding-top : 10px;
	
}

#contentCol2{
	float : right;
	width : 470px;
	padding-left: 10px;
	padding-right : 10px;
	padding-top : 10px;
	
}

#col1{
	float : left;
	text-align : left;
	width : 260px;
	padding-left : 10px;
	padding-right: 10px
}

#col2{
	float : right;
	text-align : left;
	width : 260px;
	padding-left : 10px;
	padding-right: 10px;
}

#col3{
	float : left;
	text-align : left;
	width : 375px;
	padding-left : 10px;
	padding-right: 10px;
	padding-top : 10px;
	
}

#col4{
	float : right;
	text-align : left;
	width : 138px;
	padding-left : 10px;
	padding-right: 10px;
	padding-top : 10px;
	border-left : 1px dashed #3985b5;
}

#col5{
	float : left;
	text-align : left;
	width : 355px;
	padding-right: 10px
}

#col6{
	float : right;
	text-align : left;
	width : 355px;
	padding-left : 10px;
	border-left : 1px dashed #3985b5;
}

#col7 {
	float : left;
	width : 260px;
	padding : 10px;
	
}

#col8 {
	float : right;
	width : 260px;
	padding : 10px;
	
}

#col9{
	float : right;
	text-align : left;
	width : 138px;
	padding-left : 10px;
	padding-right: 10px;
}


#colorColumn2 {
	float : right;
	width : 260px;
	margin-top : 10px;
	margin-bottom : 20px;
	margin-right : 10px;
	background-color : #c4ddac;
	border : solid #b4cda0 1px;
}

#calendar { border-top : 1px dashed #3985b5; padding-top : 10px;}

#colorColumn1 {
	float : left;
	width : 260px;
	margin-top : 10px;
	margin-bottom : 20px;
	margin-left : 10px;
	background-color : #d2e5ff;
	border : solid #b6c7de 1px;
}

#colorColumnHead1 {
	width : 260px;
	background-color : #99ccff;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
	font-size : 150%; 
	color : #10599C;
	font-weight : bold;
}

#colorColumn2 {
	float : right;
	width : 260px;
	margin-top : 10px;
	margin-bottom : 20px;
	margin-right : 10px;
	background-color : #c4ddac;
	border : solid #b4cda0 1px;
}

#colorColumnHead2 {
	width : 260px;
	background-color : #99cc00;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
	font-size : 150%; 
	color : #10599C;
	font-weight : bold;;
}

.colorColumnText {
	width : 270px;
	padding : 10px;
	font-size : 98%;
}




#clear {
	clear : both;
	text-align : left;
}

#clear2 {
	clear : both;
	text-align : left;
}




#events{
	background-color : #DEFFC2;
	border-bottom : solid #93bb28 1px;
	margin-bottom : 10px;
	
}


/* =bulletList */

.BigList{
	list-style-type : none;
	margin : 0 0 1em 0;
	padding : 4px 0 0 4px;
}

.BigListBullet {
	background : url(../images/bullet_green.gif) no-repeat 0 3px;
	padding-left: 20px;
	
}

.BigListBulletBlue {
	background : url(../images/bullet_blue.gif) no-repeat 0 3px;
	padding-left: 20px;
	
}


.BulletHead {
	font-size : 130%; 
	color : #10599C;
	font-weight : bold;
}

.BulletHead2 {
	font-size : 120%; 
	color : #10599C;
	font-weight : bold;
}

.BulletColor {
	color : #10599C;
	font-weight : bold;
}

.bulletList{
	list-style-type : none;
	margin : 0 .5em 1em .5em;
	padding : 2px 2px 0 2px;
}

.Bullet {
	font-weight : bold;
	background : url(../images/bullet_green.gif) no-repeat 0 8px;
	padding-left: 20px;
	padding-top : 6px
}

.BulletTextLight {
	font-weight : normal;
}

#callout {
	width : 350px;
	background-color : #98c4df;
	padding : 10px;
	margin : auto;
}

#clear {
	clear : both;
}



/* =site info */
div#siteinfo {
	clear : both;
	background-color : #93bb28;
	width : 100%;
	text-align : center;
	font-size : smaller;
	color : #fff;
	padding-top : 5px;
	padding-bottom : 5px;
}

#compass {
	padding : 10px;
}

.center {
	text-align : center;
}

.Blue {
	color : #10599C;
}

.Bold {
	color : #10599C;
	font-weight : bold;
}

.BoldRed {
	color : #FF0000;
	font-weight : bold;
}

.BoldRedBig {
	color : #FF0000;
	font-weight : bold;
	font-size : 120%;
}

.tinyText {
	font-size : smaller;
}

.tinyTextBlue {
	font-size : smaller; color : #3985b5;
}

#linebreak { border-top : 1px dashed #3985b5; }

#TextBox {
	margin : auto;
	padding: 10px;
	border : 1px solid #CCCCCC;
}

#TableOutline { border: 1px solid #3985b5; width : 550px; } 

#TableOutline table { border: 1px solid #ffffff; } 


#TableOutline table td { border : 1px solid #dedede; padding : 4px;}

.delicious-posts { margin: 1em; border: 2px solid #ddd; padding: 0.5em; width: 30em; font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0;}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 90%; }
.delicious-odd { background-color: #f8f8f8; }
.delicious-banner a { font-size: 80%; }
.delicious-posts a:hover { text-decoration: underline; }
.delicious-posts a { text-decoration: none; color: #10599C; display: block; padding: 0.3em; }
.delicious-post a { color: #3300cc; }

.openWindow {
	font-weight : bold;
	color : #3300cc;
}

#ebay { 
	width : 120px;
	border : 1px solid #3985b5;
	background-color : #fff;
	padding : 4px;
	margin : auto;
	font-size : 80%; 
	font-weight : bold;
	text-align : center;
}

}