/* 
	CSS: Warrior Athletics
	Author: Rob Hough

	Version:
		v0.1 - 01/02/2010
*/

* {
	margin: 0px; 
	padding: 0px;
	border: 0px;
}
html { 
	min-height: 100%;
	margin-bottom: 1px;
}
body {
	background: #FFF url(/_img/hb.jpg) repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
}
input.googleForm {
	border: 1px solid #CCC;
}
input.googleButton {
	border: 1px solid #CCC;
	padding: 2px;
}

/* LINKS */

a, a:active, a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* HEADER - FOOTER - COPYRIGHT LINKS */

#header a {
	color: #FFF;
}

/* HEADINGS */

* h1 { 
	font: normal 19px Georgia, Times, serif;
	line-height: 40px;
	margin: 10px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	text-indent: 12px;
}
* h2 {
	font: normal 18px Georgia, Times, serif;
	line-height: 36px;
	margin: 10px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	text-indent: 12px;
}
* h3 {
	font: normal 17px Georgia, Times, serif;
	line-height: 32px;
	margin: 10px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	text-indent: 12px;
}
* h4 {
	font: normal 16px Georgia, Times, serif;
	text-indent: 12px;
}

/*  IMAGES  */

img.border {
	padding: 4px;
	border: 1px dotted #CCC;
}

#flickr {
	width: 100%;
}
#flickr a img {
	float: left;
	margin: 4px;
	background: #FFF;
	border: 1px dotted #CCC;
	padding: 3px;
	width: 62px;
	height: 62px;
}

/*  NEWS ARTICLES  */

.rotate {
	border-bottom: 4px solid #FDBB2F;
	margin-bottom: 4px;
	width: 480px;
	height: 200px;
}

.article {
	margin: 20px 0;
	clear: both;
}

.news-head {
	width: 480px;
	height: 36px;
}

.news-title {
	float: left;
	width: 430px;
	height: 36px;
}

.news-feeds {
	float: right;
	width: 50px;
	height: 36px;
	text-align: right;
}

.news-feeds img {
	margin-top: 14px;
}


/*  H4 SETUP  */

h4.home,
h4.help,
h4.events,
h4.destinations,
h4.docs,
h4.handbooks,
h4.info,
h4.top-stories,
h4.top-headlines,
h4.newsletters,
h4.news,
h4.bulletins,
h4.links,
h4.pages,
h4.photos,
h4.videos,
h4.contacts {
	display: block;
	width: 100%;
	border-bottom: 1px dotted #CCC;
	line-height: 32px;
}

/*  H4 CLASSES  */

h4.home {
	background: url(/_img/headers/home.gif) no-repeat right;
}
h4.help {
	background: url(/_img/headers/help.gif) no-repeat right;
}
h4.events {
	background: url(/_img/headers/events.gif) no-repeat right;
}
h4.destinations {
	background: url(/_img/headers/destinations.gif) no-repeat right;
}
h4.docs {
	background: url(/_img/headers/documents.gif) no-repeat right;
}
h4.handbooks {
	background: url(/_img/headers/handbooks.gif) no-repeat right;
}
h4.info {
	background: url(/_img/headers/info.gif) no-repeat right;
}
h4.top-stories {
	background: url(/_img/headers/top-stories.gif) no-repeat right;
}
h4.top-headlines {
	background: url(/_img/headers/top-headlines.gif) no-repeat right;
}
h4.newsletters {
	background: url(/_img/headers/newsletters.gif) no-repeat right;
}
h4.news {
	background: url(/_img/headers/news.gif) no-repeat right;
}
h4.bulletins {
	background: url(/_img/headers/bulletins.gif) no-repeat right;
}
h4.links {
	background: url(/_img/headers/links.gif) no-repeat right;
}
h4.pages {
	background: url(/_img/headers/pages.gif) no-repeat right;
}
h4.photos {
	background: url(/_img/headers/photos.gif) no-repeat right;
}
h4.videos {
	background: url(/_img/headers/videos.gif) no-repeat right;
}
h4.contacts {
	background: url(/_img/headers/contacts.gif) no-repeat right;
}

/* HEADER */

#header-wrap {
	clear: both;
}
#header {
	width: 1000px;
	height: 172px;
	margin: 0 auto;
}
#header-left {
	float: left;
	width: 212px;
	height: 172px;
	text-align: left;
}
#header-right {
	background: url(/_img/banner.jpg) no-repeat;
	float: right;
	width: 788px;
	height: 172px;
	text-align: right;
}
#header-nav {
	float: right;
	width: 510px;
	height: 24px;
	text-align: right;
	color: #F7F7F7;
	margin: 10px 0px;
}
#header-search {
	float: right;
	width: 300px;
	height: 36px;
	text-align: right;
	line-height: 36px;
}
#header-search .field {
	vertical-align: middle;
}
#header-search .button {
	height: 20px;
	width: 20px;
	vertical-align: middle;
}

/* CONTENT */

#wrap {
	width: 1000px;
	margin: 0 auto;
}

#main {
	width: 1000px;
	margin: 10px auto;
}

#menu {
	width: 194px;
	float: left;
	margin-right: 10px;
	background: #FFF url(/_img/bg-boxtop.png) repeat-x;
	padding: 10px;
	border: 1px dotted #CCC;
}

#content {
	width: 480px;
	float: left;
	background: #FFF url(/_img/bg-boxtop.png) repeat-x;
	padding: 10px;
	border: 1px dotted #CCC;
}
#content-wide {
	width: 740px;
	float: right;
	background: #FFF url(/_img/bg-boxtop.png) repeat-x;
	padding: 10px;
	border: 1px dotted #CCC;
}
#content p,
#content-wide p {
	margin: 12px;
	line-height: 18px;
}
#content p.img,
#content-wide p.img {
	margin: 0px;
}
#content ul,
#content ol {
	margin: 12px 0 12px 32px;
	line-height: 18px;
}

#content .article img {
	float: left;
	margin: 12px 10px 12px 12px;
	border: 1px dotted #CCC;
	padding: 4px;
}

/* SIDEBAR */

#sidebar {
	float: right;
	width: 240px;
	background: #FFF url(/_img/bg-boxtop.png) repeat-x;
	padding: 10px;
	border: 1px dotted #CCC;
}

/* FOOTER */

#footer {
	width: 980px;
	margin: 10px auto;
	background: #EEE;
	border: 1px dotted #CCC;
	padding: 10px;
}
#footer-left {
	float: left;
	width: 560px;
	min-height: 100px;
	margin-left: 20px;
}
#footer-middle {
	float: left;
	width: 200px;
	min-height: 100px;
	margin-left: 20px;
}
#footer-right {
	float: right;
	width: 200px;
	min-height: 100px;
}

.footer-address {
	float: left;
	width: 240px;
}



/* AD CORNER */

#adphoto {
	float: left;
	width: 128px;
	text-align: center;
}
#adphoto img {
	padding: 4px;
	border: 1px dotted #CCC;
	background: #FFF;
}
.adtitle {
	margin-bottom: 10px;
}
#adblog {
	width: 420px;
	float: right;
	border-right: 1px dotted #CCC;
}
#adblog p {
	margin: 12px;
	line-height: 18px;
}

/* COPYRIGHT */

#copyright {
	width: 1000px;
	height: 48px;
	margin: 10px auto;
	line-height: 48px;
}
#copyright-left {
	float: left;
	width: 540px;
	text-align: left;
}
#copyright-right {
	float: right;
	width: 400px;
	text-align: right;
}










/* SOCIALTWIST */

.socialtwist {
	margin: 20px 0 20px 12px;
}





#nav {
   list-style: none;
   clear: left;
   padding: 0 0 10px 0;
}

#nav ul {
   margin: 10px 0;
}

#nav li {
   border-bottom: 1px solid #FFF;
}

#nav li a {
   display: block;
   color: #FFF;
   text-decoration: none;
   padding: 4px;
   background: #003399 url(/_img/menu.gif) repeat-y;
}

#nav li a:hover, #nav li.current a {
   background: #000;
   color: #fff;
}

#nav li ul {
   display: none;
   margin: 0;
}

/* 2nd level formatting */
#nav li ul{ /*hides 2nd level */
   display: none;
}

#nav li.current ul{ /*reveals 2nd level */
   display: block;
   margin-left: 4px;
   list-style-type: none;
}

#nav li.current ul li a{
   color: #182329;
   background: #F7F7F7;
}

#nav li.current ul li.current a,
#nav li.current ul li a:hover{
   background: #973E2F;
   color: #fff;
}

/* 3rd level formatting */
#nav li.current ul li ul{ /* hides 3rd level */
   display: none;
}

#nav li.current ul li.current ul{
   display: block;
   margin-left: 4px;
   list-style-type: none;
}

#nav li.current ul li.current ul li a{
   color: #182329;
   background: #F7F7F7;
}

#nav li.current ul li.current ul li.current a,
#nav li.current ul li.current ul li a:hover{
   background: #973E2F;
   color: #fff;
}



#mainNav-wrap {
	background: #333;
	clear: both;
}
#mainNav {
	width: 1000px;
	height: 28px;
	text-align: left;
	margin: 0 auto;
}
#mainNav ul {
	list-style-type: none;
	float: right;
}
#mainNav li {
	display: inline;
	list-style-type: none;
	border-right: 1px solid #FFF;
	line-height: 28px;
}
#mainNav ul li a {
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 16px;
	color: #FFF;
	font-size: 12px;
}
#mainNav ul li a:active, #mainNav ul li a:hover {
	text-decoration: underline;
}




#sidebar ul {
	list-style-type: none;
	margin-bottom: 20px;
}
#sidebar ul.list li {
	background: url(/_img/icon-list.gif) no-repeat;
	list-style-type: none;
}
#sidebar ul.docs li {
	background: url(/_img/icon-docs.gif) no-repeat;
	list-style-type: none;
}
#sidebar li a {
	display: block;
	width: 100%;
	line-height: 16px;
	text-indent: 24px;
	margin: 8px 0px;
}