/* PAGE DEFAULTS */
body    {font: 100% Helvetica, Arial, sans-serif; background: #fff; color: #262626; margin: 0;}
a       {font-weight: bold; background: none; color: #000; text-decoration: none; outline: 0;}
a:hover {color: #5600bf;}
img     {margin: 0; padding: 0; border: none; vertical-align: bottom;}
p       {margin-top: 0; padding-top: 0;}
h1      {font-size: 130.8%; font-weight: bold; line-height: 137.5%; color: #ff5e00; text-shadow: #d9d9d9 0 1px 0; margin-top: 20px;}
h2      {font-size: 107.7%; font-weight: bold; line-height: 137.5%; color: #5600bf; margin: 24px 0 0; padding-bottom: 0; text-shadow: #d9d9d9 0 1px 0;}
h3      {font-size: 100%; font-weight: bold; text-align: right; line-height: 137.5%; color: #5600bf; margin-top: 0; padding-top: 0; text-shadow: #d9d9d9 0 1px 0;}

/* PAGE BASES */
#wrapper {text-align: justify; width: 870px; margin: 0 auto; padding: 36px 18px;}

/* HEADER */
img#logo {padding: 10px 0 15px;}

ul#nav {font-size: 75%; background: url('../images/header/nav.png'); height: 21px; margin: 0 0 9px; padding: 0; position: relative; display: block;}
	li.main        {height: 21px; position: absolute; list-style: none; display: block; top: 0;}
	li.main a.main {height: 21px; display: block;}
		#link01 {left: 0; width: 69px;}      #link01 a:hover {background: url('../images/header/nav.png') 0 -21px no-repeat;}
		#link02 {left: 69px; width: 113px;}  #link02 a:hover {background: url('../images/header/nav.png') -69px -21px no-repeat;}
		#link03 {left: 182px; width: 99px;}  #link03 a:hover {background: url('../images/header/nav.png') -182px -21px no-repeat;}
		#link04 {left: 281px; width: 82px;}  #link04 a:hover {background: url('../images/header/nav.png') -281px -21px no-repeat;}
		#link05 {left: 363px; width: 125px;} #link05 a:hover {background: url('../images/header/nav.png') -363px -21px no-repeat;}
		#link06 {left: 488px; width: 79px;}  #link06 a:hover {background: url('../images/header/nav.png') -488px -21px no-repeat;}
		#link07 {left: 567px; width: 60px;}  #link07 a:hover {background: url('../images/header/nav.png') -567px -21px no-repeat;}
		#link08 {left: 627px; width: 73px;}  #link08 a:hover {background: url('../images/header/nav.png') -627px -21px no-repeat;}
		#link09 {left: 700px; width: 60px;}  #link09 a:hover {background: url('../images/header/nav.png') -700px -21px no-repeat;}
		#link10 {left: 760px; width: 70px;}  #link10 a:hover {background: url('../images/header/nav.png') -760px -21px no-repeat;}
		#link11 {left: 830px; width: 40px;}  #link11 a:hover {background: url('../images/header/nav.png') -830px -21px no-repeat;}
			#link01 a.sub, #link03 a.sub, #link04 a.sub, #link08 a.sub {color: #4d4d4d; display: block; margin: 0 4px; padding: 5px 10px; text-shadow: none;}
			#link01 a.sub:hover, #link03 a.sub:hover, #link04 a.sub:hover, #link08 a.sub:hover {background: #d4d4d4; color: #000;}
	li.main ul        {font-size: 91.7%; text-align: left; width: 168px; margin: 0; padding: 0 0 5px; list-style: none; position: absolute; left: -14px; display: none;}
	li.main:hover ul  {display: block;}
	li.main ul li     {background: url('../images/header/middle.png') repeat-y; height: 100%; vertical-align: bottom;}
	li.main ul li.top {background: url('../images/header/top.png') no-repeat; height: 14px;}
	li.main ul li.bot {background: url('../images/header/bottom.png') no-repeat; height: 11px;}

/* BODY */
#content {font-size: 81.3%; line-height: 137.5%; padding-bottom: 1em; border-top: 2px solid #e5e5e5; overflow: hidden;}
	#content ul     {margin-left: 40px; padding-left: 0;}
	#content ol     {font-weight: bold; color: #5600bf; margin-left: 40px; padding-left: 0;}
	#content ul ul  {width: 750px; margin-left: 40px; padding-left: 0;}
	#content li     {padding-top: 1em; margin-left: 15px;}
	#content li li  {padding-top: 0.5em; list-style: none;}
	#content ul a   {color: #5600bf;}
	#content ul a:hover {color: #262626;}

#welcome {padding: 30px 0;}

#banner {padding-top: 24px;}

#left, #right {text-align: left; width: 435px; float: left;}
	#left ul, #right ul {width: 355px; padding-left: 0;}

#quad {font-weight: bold; text-shadow: #d9d9d9 0 1px 0; width: 888px; border-bottom: 2px solid #e5e5e5;}
	#quad p       {text-align: left; width: 204px; margin: 0 18px 20px 0; float: left;}
	#quad img     {padding-bottom: 5px;}
	#quad a       {font-size: 130.8%; line-height: 150%; color: #7b8000; margin-bottom: 3px; display: block;}
	#quad a:hover {color: #565900;}
	#quad span    {font-size: 107.7%; color: #5600bf;}

.trip {text-align: left; width: 288px; padding-bottom: 1.5em; float: left;}

.picl {width: 250px; padding: 24px 24px 24px 0; float: left;}
.picr {width: 596px; float: right;}

#clear {width: 870px; height: 1px; clear: both;}

/* FOOTER */
#footer {font-size: 75%; font-weight: bold; color: #ccc; text-align: center; width: 870px; margin: 0 auto; padding: 10px 0 0; border-top: 2px solid #e5e5e5; clear: both;}
	#footer a       {color: #ccc;}
	#footer a:hover {color: #808080;}

#preload {display: none;}

/* P STYLES */
p.small  {font-size: 92.3%; font-style: italic;}

/* OTHER STYLES */
.purple  {font-weight: bold; color: #5600bf; text-shadow: #d9d9d9 0 1px 0;}
.yellow  {font-weight: bold; color: #ff9500; text-shadow: #d9d9d9 0 1px 0;}
.blue    {font-weight: bold; color: #002a80; text-shadow: #d9d9d9 0 1px 0;}
.red     {font-weight: bold; color: #b30000; text-shadow: #d9d9d9 0 1px 0;}
.green   {font-weight: bold; color: #158000; text-shadow: #d9d9d9 0 1px 0;}
.olive   {font-weight: bold; color: #7b8000; text-shadow: #d9d9d9 0 1px 0;}
.black   {font-weight: bold; color: #262626; text-shadow: #d9d9d9 0 1px 0;}
.purpleb {font-size: 107.7%; font-weight: bold; color: #5600bf; text-shadow: #d9d9d9 0 1px 0;}
.blackn  {font-weight: normal; color: #262626;}
.top     {margin-top: 0; padding-top: 0;}
.bottom  {margin-bottom: 0; padding-bottom: 0;}
.center  {text-align: center;}
li.none  {list-style-type: none;}

/* TWITTER WIDGET */
#news {padding-top: 20px;}
	#news h1 {color: #7b8000; width: 50%; margin-bottom: 10px; float: left;}
	#news h2#right {font-weight: normal; text-align: right; text-shadow: none; color: #808080; width: 50%; padding-top: 4px; float: right;}
#twitter {width: 870px; clear: both;}
	#twitter h2 {font-size: 100%; text-align: center; margin-top: 6px;}
#news h2 a, #twitter h2 a {color: #5600bf; font-weight: bold;}
#news h2 a:hover, #twitter h2 a:hover {color: #262626;}
.twtr-tweet-wrap {clear: both !important;}
.twtr-hd {display: none !important;}
.twtr-ft {display: none !important;}