﻿/* reset */

html, body { margin: 0; padding: 0; border: 0;
				background: transparent; font-size: 10px;	}
				
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead	{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
img		{ margin: 0; padding: 0; border: 0;	}

table, tr, th, td, tbody, tfoot, thead	{
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}

table	{border-collapse: collapse; border-spacing: 0;	}

input, select, textarea, form, fieldset	{
	margin: 0; padding: 0; border: 0;
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section	{
	display: block;	}

h1, h2, h3, h4, h5, h6, p, blockquote, td, th, a, caption, em, strong, strike	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}
	
ol, ul	{ list-style: none;	}


/* Global */

html	{ height:100%;}
body	{ background:#494949; height:100%; margin: 0 0 20px; }



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1	{ font-size:24px; }
h2	{ font-size:20px; }
h3	{ font-size:16px; }
h4	{ font-size:14px; }
h5	{ font-size:14px; }

h1 img ,h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }




/* Text Elements */

p				{ color:#000; font-size:12px; line-height:150%;	}
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0;	}
p .right		{ margin: 1.5em 0 1.5em 1.5em; padding: 0;	}

a				{ 	}
a:link			{ color:#00f	}
a:visited		{ color:#0f0	}
a:active		{ color:#000	}
a:focus			{ color:#666	}
a:hover			{ color:#f00	}

blockquote		{ color:#000; font-size:12px; }

strong			{ font-weight:bold; }
em				{ font-style:italic; }

/* Images */




/* Lists */

ul				{	}
ol				{ list-style-type: none; }

ul li			{ color:#000; font-size:12px; }
ol li			{ color:#000; font-size:12px; }


dl				{	}
dt				{	}
dd				{	}



/* Tables */


table			{ width:100%; }


tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th				{ font-weight:bold; }
thead, th		{ background-color:#ccc; }

tbody			{	}

th,td,caption	{	}
caption			{	}


tfoot			{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption			{ background-color: #efefef; }






/* Miscellaneous */


sup, sub		{ line-height: 0; }

abbr, acronym	{ border-bottom: 1px dotted #666; }
adress			{	}
del				{ background: #ffcece; color:#f00 }

code, pre		{ background-color: #ff9; padding:2px 0px; margin:4px 25px;
					font-family:"courier-new", courier, monospace; font-size:12px; font-style:italic; }


/* CssMenu	*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
#cssmenu {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #45B0AD;
  border-top: 2px solid #d9ced2;
  border-bottom: 2px solid #d9ced2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #FF5F28;
  border: 1px solid #ece6e8;
  border-bottom: 2px solid #d9ced2;
  border-top: 0 none;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {
  background-image:url('../images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -80%;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #990000 url('../images/caret.png') no-repeat;
  background-position: 90% -80%;
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 14px 11px 14px;
  text-decoration: none;
  color: #ffffff;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #990000;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('../images/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #990000;
    background-position: 95% 135%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}

				
					
/* Containers */



#wrapper			{ width:950px; min-height:100%; margin:0px auto; background-color:#ffffff; }

#top				{ background-color:#45B0AD; width:100%; padding:0px 0px; overflow:hidden; }

#logo				{ margin:0 0 0 10px; float:left; }

#social-media		{ float:right; margin:20px 10px 0 0;	}
#social-media p		{ color:#ffffff; font-size:11px; margin:4px 10px 4px 0px; }
#social-media img	{ width:24px; height:24px; }
#social-media ul li	{ display:inline; }

#topnav a:link		{ color:#ffffff; }
#topnav a:visited	{ color:#ffffff; }
#topnav a:active	{ color:#ffffff; }
#topnav a:hover		{ color:#000000; background-color:#FFCCCC; }
#topnav a:focus		{ color:#ffffff; }

#banner				{	}

#subbanner			{ width:100; background-color:#555555; padding:5px 90px; overflow:hidden; }
#subbanner h3		{ color:#ffffff; font-size:16px; font-weight:bold; text-align:center; line-height:180%; }

#content-wrapper	{	}

#content			{ float:left; width:650px; padding:20px; background-color:#ffffff;}
#content h1			{ margin:0 0 20px 0; font-size:32px; border-bottom:1px #cccccc solid; padding:20px 0; }
#content p			{ margin:15px 0; line-height:160%; }
#content h2			{ margin:20px 0 0 0; }
#content img		{ padding:8px; margin:8px; }
#content a			{ font-size:12px; margin:15px 0; line-height:160%; }
#content a:link		{ color:#000000; }
#content a:visited	{ color:#000000; }
#content a:active	{ color:#000000; }
#content a:hover	{ color:#990000; }

#leftnav			{	}

#leftside			{	}

#rightside		{ padding:20px; margin-left:675px; background-color:#ffffff; height:2000px;}
#rightside h2		{ margin:10px 0 10px 0; color:#990000;}
#rightside h4		{ font-size:12px;font-weight:normal; color: #000; }
#rightside p		{ margin:8px 0; line-height:160%; padding:5px 0 0 0;}
#rightside ul li	{ font-family: Arial, Helvetica, sans-serif; display:block; margin:8px 0; line-height:100%; }
#rightside img		{ padding:20px 0 20px 0; }

#footer				{ position: fixed; bottom: 0; height: 20px; width:950px; background-color:#45B0AD; padding:10px 0; border-top:2px #cccccc solid;}
#footer	p			{ color:#ffffff; text-align:center; }


#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}


/* Layout Extra */






/* Navigation Extra */




/* Forms */


form { text-align:left; margin:20px; }

label, submit, input, textarea {
	border:0; padding:0; margin:0; background:none;
	}
	
label {
	float: left; width: 150px;
	text-align:right; display:block;
	}
	
input, textarea {
	border:1px #333 solid; margin-left:10px;
	}


input {
	width: 280px; margin-bottom: 16px;
	}

textarea {
	width: 280px; margin-bottom: 150px;
	margin-bottom: 16px;
	}

select {	}

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
	}
	
br	{ clear:left; }



/* Miscellaneous */



.copyright-text	{font-size:80%; font-style:italic; color:#333; }
.footer-text	{font-size:80%; font-style:normal; color:#666; }

.title			{font-size:18px; font-weight:bold; color:#333; }
.subtitle		{font-size:14px; font-style:italic; color:#333; }

.artist			{font-size:16px; font-weight:bold; color:#333; }
.author			{font-size:14px; font-weight:bold; color:#555; }
.editor			{font-size:14px; font-style:italic; color:#555; }

.pub-date		{font-size:10px; font-style:italic; color:#555; }
.article-date	{font-size:10px; font-style:italic; color:#555; }
.location		{font-size:10px; font-style:italic; color:#555; }

.float-right	{ float:right; }
.float-left		{ float:left; }
.clear			{ clear:both; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added			{ background:#d7d7ff; }
.removed		{ background:#ffcece; color:#f00; }
.changed		{ background:#ffb; }


/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding:0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
.error, .alert	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }

.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }

.success		{ background: #e6efc2; color: #264409; border-color: #c6d880; }

.info			{ background: #d5edf8; color: #205791; border-color: #92cae4; }


.error a		{ color: #8a1f11; }
.alert a		{ color: #8a1f11; }

.notice a		{ color: #514721; }
.success a		{ color: #264409; }
.info a			{ color: #205791; }









