body {
	background-color:#FFF;
	background-image: url(images/gradientslice.jpg);
	background-repeat: repeat-x;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin:0;
	padding:0;
	line-height: 1.5em;
}
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
@font-face {
    font-family: 'genevaweb';
    src: url('webfontkit-geneva/geneva-webfont.eot');
    src: url('webfontkit-geneva/geneva-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit-geneva/geneva-webfont.woff') format('woff'),
         url('webfontkit-geneva/geneva-webfont.ttf') format('truetype'),
         url('webfontkit-geneva/geneva-webfont.svg#geneva') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bigheader { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: normal; color: #fff; text-decoration: none; letter-spacing:-0.04em;}
.headerlarger { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 19px; font-style: normal; font-weight: normal; color: #145591; text-decoration: none; letter-spacing:-0.04em;}
.header { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; color: #145591; text-decoration: none; letter-spacing:-0.04em;}
.postedon { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; color: #145591; text-decoration: none; letter-spacing:-0.04em;}
.header:hover { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; color: #145591; text-decoration: none; letter-spacing:-0.04em;}
.headerlink { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; color: #145591; text-decoration: none; letter-spacing:-0.04em;}
.headerlink:hover { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; color: #67bfbb; text-decoration: none; letter-spacing:-0.04em;}
.tinytext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #145591; text-decoration: none; letter-spacing:-0.04em;}

/*DROP DOWN MENU*/
/*Initialize*/
ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: block;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #fff;
    background: none;
    padding: 0px;
    display:block;
}
ul#menu li a:hover, ul#menu li ul.sub-menu li a:hover {
    text-decoration: none;
    color: #7498ba;
    background: none;
    padding: 0px;
    display:block;
}

/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 0px;
	margin-left:15%;
    left: 100px;
    width: 135px;
	height: 60px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}


h1, h2, h3, h4, h5, h6 {font-family: arial, sans-serif;color:#222;text-shadow:1px 1px 1px rgba(0,0,0,.10)}
h1 {margin: 0; font-size: 3.75em; line-height: 1.2em; margin-bottom: 0.4em} /* 60px / 72px */
h2 {margin: 0; font-size: 3em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px */
h3 {margin: 0; font-size: 2.25em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em} /* 36px / 48px */ 
h4 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em} /* 24px / 24px */
h5 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em} /* 16px / 24px */
small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */
smaller, p.smaller {margin: 0; font-size: 13px; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 12px / 24px */
smallest, p.smallest {margin: 0; font-size: 10px; line-height: 1.7em; margin-bottom: 1.em} /* 12px / 24px */
.whitetext {color:#FFF}
/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}

/* TABLES */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {padding-right: 1.5em; border-bottom: 0 solid #333}

/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}

/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em}
dl dd {margin-left: 1.5em}
dt {font-family:Futura, "Century Gothic", AppleGothic, sans-serif}

/* HYPERLINKS */

a {text-decoration: none; color:#7498ba}
a:hover {text-decoration: none; color:#ddd}
a:focus {text-decoration: none; color:#ccc}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

a.white {text-decoration: none; color:#fff}
a.white:hover {text-decoration: none; color:#7498ba}
a.white:focus {text-decoration: none; color:#ddd}
a.white:hover, a:active {outline: none} /* Better CSS Outline Suppression */

/* MEDIA */
figure {margin: 0; }
video embed,
video object,
video iframe {
	width: 20%;
	height: auto;
}
img {padding: 0px;}
/*img, object, embed, video {max-width: 100%;	_width: 100%}  Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
::selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */

/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */






b{font-size: 110%;}
em{color: red;}


#topsection{
background-image: url(images/header.png);
background-repeat: no-repeat; background-size: 100% 100%;
-webkit-background-size: 100% 100%;
khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;	
height: 120px; /*Height of top section*/
}
#topsectioninner{
background-image: url(images/headerinner.png);
background-repeat: no-repeat; background-size: 100% 100%;
-webkit-background-size: 100% 100%;
khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;	
height: 120px; /*Height of top section*/
}

#topsectionpics{
position: relative;
overflow:hidden;	
height: 60px; /*Height of top section*/
top:70px;
margin-left:2.7%;
margin-right:2.7%;

}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#logo {
	position: absolute;
	visibility:visible;
	width: 92px;
	height: 50px;
	z-index: 2;
	left: 4%;
	top: 17px;
	}

#buttoncontainer {
	position: absolute;
	width: 272px;
	height: 50px;
	z-index: 2;
	margin-left: 16%;
	
	top: 20px;
	}

#apDiv1b {visibility:visible;
}
#apDiv2 {position: absolute;width: 51px;height: 20px;z-index: 2;left: 0px;top: 26px;
}
#apDiv3 {position: absolute;width: 76px;height: 20px;z-index: 3;left: 54px;top: 26px;
}
#apDiv4 {position: absolute;width: 105px;height: 20px;z-index: 4;left: 132px;top: 26px;
}
#apDiv5 {
	position: absolute;
	width: 69px;
	height: 20px;
	z-index: 5;
	left: 239px;
	top: 26px;
}
#apDiv6 {position: absolute;width: 67px;height: 20px;z-index: 6;left: 299px;top: 26px;
}
#contentwrapper{
background-image: url(images/mainback.png);
background-repeat: no-repeat; background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 10px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%;
background: #C8FC98;
}

#footer{
clear: left;
width: 100%;
height:63px;
background-image: url(images/footerback.png);
background-repeat: no-repeat; background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
text-align: center;
padding: 4px 0;
}

/*#footer a{
color: #FFFF80;
}*/

.innertube{
margin: 40px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
@media only screen and (min-width: 120px) {
#logo {
	position: absolute;
	visibility:visible;
	width: 46px;
	height: 25px;
	z-index: 2;
	left: 3%;
	top: 17px;
	}
#logoimg { height:89%; width:89%;
	}
#aboutimg1 { padding:10px; height: auto; width:120px;
	}
#aboutimg2 { padding:10px; height: auto; width:120px;
	}
#aboutimg3 { padding:10px; height: auto; width:120px;
	}
#aboutimg4 { padding:10px; height: auto; width:120px;
	}
#aboutimg5 { padding:10px; height: auto; width:120px;
	}
	#buttoncontainer {
	position: absolute;
	width: 272px;
	height: 50px;
	z-index: 2;
	margin-left: 16%;
	
	top: 20px;
	}

#apDiv1b {visibility:visible;
}
#apDiv2 {position: absolute;width: 51px;height: 20px;z-index: 2;left: -30px;top: 26px;
}
#apDiv3 {position: absolute;width: 76px;height: 20px;z-index: 3;left: 19px;top: 26px;
}
#apDiv4 {position: absolute;width: 105px;height: 20px;z-index: 4;left: 92px;top: 26px;
}
#apDiv5 {position: absolute;width: 69px;height: 20px;z-index: 5;left: 190px;top: 26px;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
}
@media only screen and (min-width: 700px) {
#logo {
	position: absolute;
	visibility:visible;
	width: 92px;
	height: 50px;
	z-index: 2;
	left: 4%;
	top: 17px;
	}
#logoimg { height:100%; width:100%;
	}
#aboutimg1 { padding:10px; height: auto; width:200px;
	}
#aboutimg2 { padding:10px; height: auto; width:200px;
	}
#aboutimg3 { padding:10px; height: auto; width:200px;
	}
#aboutimg4 { padding:10px; height: auto; width:200px;
	}
#aboutimg5 { padding:10px; height: auto; width:200px;
	}
#apDiv1b {visibility:visible;
}
#apDiv2 {position: absolute;width: 51px;height: 20px;z-index: 2;left: 0px;top: 26px;
}
#apDiv3 {position: absolute;width: 76px;height: 20px;z-index: 3;left: 54px;top: 26px;
}
#apDiv4 {position: absolute;width: 105px;height: 20px;z-index: 4;left: 132px;top: 26px;
}
#apDiv5 {position: absolute;width: 69px;height: 20px;z-index: 5;left: 239px;top: 26px;
}
.innertube{
margin: 40px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
}