/* *****************************

ToC:
	1.	Main (global)
	2.  Home Mainlinks
	3.  Home Columns
	4.  Home Banner
	5.  Sidebar
	6.  Content
	7.  Footer


******************************** */



/********* SECTION 1: Main (global) ************/

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background-color:#666666;
	}
	
#skiplink a {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

#skiplink a:active, #skiplink a:focus {
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	background-color: Gray;
	color: white;
	top: 3px;
	left: 3px;
	padding: 3px 5px 5px;
	border: 1px solid White;
	font-weight: bold;
	font-size: 13px;
	z-index: 5;
}


#home {

}

#splash {
	background-color: #111111;
}

h1{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	color: #004830;
	}
h2 {
	font-size: 14px;
	color: #004830;
	margin: 20px 0 0 0; 
	}
	
h3 {
	font-size: 12px;
	color: #000000;
	margin: 10px 0 0 0; 
	}
	
h4 {
	font-size: 12px;
	color: #004830;
	font-style:italic
	}


/********* SECTION 2: Home Mainlinks ************/

#mainlinks {
	width: 775px;
	height: 22px;
	background-color: #004830;
	text-align: right;
	padding:0 0 3px 0 !important;
	padding: 0px 0 0 0;
	}

#mainlinklist {
	margin: 0;
	padding: 0 10px 0 0;
	}

#mainlinklist li {
	display: inline;
	list-style-type: none;
	padding: 0 0 5px 13px;
	margin: 0;
	font-size: 75%;
	color: #fff;
	}
	
#mainlinklist a:link, #mainlinklist a:visited {
	text-decoration: none;
	color: #fff;
	}

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


#topTitan {
	margin-top: 10px;
	margin-bottom: 10px;
	width:775px;
	border: 1px solid #000000;
}


/********* SECTION 3: Home Columns **********/

#column1 {
	width: 150px;
	padding: 0px;
	background-color: #004830;
	vertical-align:top;
	}

#column2 {
	background-color:#FFFFFF;
	width: 505px; //355
	border-left: 2px solid #fff;
	padding: 0px;
	margin: 0;
	vertical-align:top;
	}

#column3 {
	width: 266px;
	background-color: #004830;
	border-left: 2px solid #fff;
	padding: 0px;
	margin: 0px;
	vertical-align:top;
	}

.col1 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0 0 5px 0;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	}

.col1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #fff;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	}

.col1 a:link, .col1 a:visited {
	color: #fff;
	text-decoration: underline;
	}

.col1 a:hover {
	color: #fff;
	text-decoration: none;
	}

.col1_pic {
	float: left;
	margin: 2px 5px 0 10px !important;
	margin: 2px 5px 0 5px;
	padding: 0;
	}

.col1_pic img {
	border: 1px solid #B9BABA;
	}

p.linkmore_col1 {
	font-size: 70%;
	text-align: right;
	margin: 0;
	padding: 0 15px 10px 0;
	}

.col2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #004830;
	background-color: #CCCCCC;
	margin: 0 0 5px 0;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

.col2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000;
	margin: 0;
	padding: 0 10px 10px 10px;
	}

.col2 a:link, .col2 a:visited {
	color: #004830;
	text-decoration: underline;
	}

.col2 a:hover {
	color: #004830;
	text-decoration: none;
	}

.col2_pic {
	float: left;
	margin: 0 8px 0 12px !important;
	margin: 0 5px 0 6px;
	padding: 0 0 0 0;
	}

.col2_pic img {
	border: 1px solid #B9BABA;
	}

p.linkmore_col2 {
	font-size: 70%;
	text-align: right;
	margin: 0;
	padding: 0 15px 10px 0;
	color: #004830;
	}

.col3 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0 0 5px 0;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	}

.col3 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #fff;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	}

.col3 a:link, .col3 a:visited {
	color: #fff;
	text-decoration: underline;
	}

.col3 a:hover {
	color: #fff;
	text-decoration: none;
	}

.col3_pic {
	float: left;
	margin: 2px 5px 0 10px !important;
	margin: 2px 5px 0 5px;
	padding: 0;
	}

.col3_pic img {
	border: 1px solid #B9BABA;
	}

p.linkmore_col3 {
	font-size: 70%;
	text-align: right;
	margin: 0;
	padding: 0 15px 10px 0;
	}

/********* SECTION 4: Home Banner **********/

#imagescroll {
	width: 775px;
	border-top: 1px solid #494747;
	border-bottom: 1px solid #494747;
	padding: 0;
	margin: 0;
	}

#home #contentbox-wrapper {
	background-image: url(/images/content-box_background.gif); 
	background-repeat: repeat-y;
	position: relative;
	left: 0;
	}
	
#inner #contentbox-wrapper {
	background-image: url(/images/inner_sidebar.gif); 
	background-repeat: repeat-y;
	position: relative;
	left: 0;
	}
	
#contentbox {
	width: 775px;
	margin: 0;
	padding: 0;
	text-align: left;
	border-top: 1px solid #fff;
	line-height: 90%;
	background: transparent;
	}


/********* SECTION 5: Sidebar **********/

#leftnav {
	width: 140px;
	height: 100%;
	padding: 10px 10px 20px 10px;
	margin: 0;
	background-color: #004830;
	float: left;
	}

#leftnavlist {
	color: #e1e1e1;
	font-size: 85%;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 5px 10px 10px 10px;
	}

#leftnavlist li {
	margin: 9px 0 !important;
	margin: 6px 0;
	}

#leftnavlist a:link, #leftnavlist a:visited {
	color: #e1e1e1;
	text-decoration: none;
	}

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

.subnav {
	margin: 0 5px 0 -1em !important;
	margin: 0 5px 0 30px;
	}
	
.subnav li {
	list-style-type: square;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 85% !important;
	font-size: 80%;
	}


/********* SECTION 6: Content ********/

#contentbox-wrapper {
	margin: 0;
	padding: 0;
}

#inner-contentbox {
	width: 775px !important;
	width: 775px;
	border-top: 1px solid #CCCCCC;
	margin:  0px;
	padding:  0px;
	background-color:#FFFFFF;
	background-image: url(/images/inner_sidebar-background.gif);
	background-repeat: repeat-y;
	}

#content {
	width: 570px;
	height: 100%;
	padding: 25px 14px 10px 25px;
	margin: 0px 0px 0px 160px !important;
	margin: 0px 0px 0px  85px;
	background-image: url(/images/titans_background.gif);
	background-repeat: no-repeat;
	background-position: top;
	}

#content h1 {
	font-size: 120%;
	color: #004830;
	font-weight: 300;
	margin:  0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	}

#content p {
	font-size: 80%;
	}

#content ul {
	color: #004830;
	margin: 10px 10px 15px 25px;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
	}

#content li {
	list-style-type: square;
	margin: 5px 0 5px 0;
	}
	
#content span {
	color: #000000;
	font-weight: normal;
	}	
	
#content a:link, #content a:visited {
	color: #004830;
	text-decoration: underline;
	}

#content a:hover {
	color: #000000;
	text-decoration: none;
	}

#inner-header {
	margin: 0;
	padding: 0;
	}

.inset {
	float: right;
	margin: 20px 20px 30px 20px;
	width: 180px;
	}

.inset-photo {
	border: 2px solid #004830;
	width: 180px;
	}
	
.inset-photo-vert {
	border: 2px solid #004830;
	width: 155px;
	}

.inset-photo-caption {
	font-size: 86%;
	width: 180px;
	}

.inset-photo-caption p {
	margin-top: 3px;
	margin-bottom: 10px;
}

.info_1_pic {
	float:  right;
	margin:  4px 10px 0px 0px !important; 
	margin:  4px 5px 0px 0px ;
	padding:  0px;
	/* *****************************border:  1px solid #ccc;*/
	}

.info_2_pic {
	float:  left;
	margin:  0px 10px 0px 10px !important; 
	margin:  0px 5px 0px 5px ;
	padding:  0px;
	border:  1px solid #000;
	}
	
.info_3_pic {
	float:  right;
	margin:  3px 12px 3px 10px !important; 
	margin:  3px 8px 3px 8px;
	padding:  0px 0px 0px 0px;
	border:  1px solid #000;
	}

.merchandise {
	float:  left;
	margin:  0px 10px 0px 10px !important; 
	margin:  0px 5px 0px 5px ;
	padding:  0px;
	border:  0px solid #000;
	}
	
.photo-day img {
	margin:  0px 0px 0px 6px; 
	padding:  0px 0px 0px 0px;
	border:  1px solid #000;
	}

/* also line border color */
.datatable {
	font-size: 11px;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-color: #B5C2D7;
	text-align: left;
	margin-top: 0 !important;
	margin-top: 15px;
	}
	
.datatable th {
	background-color: #e4e4e4;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	}
	
.datatable td.empty-header-cell {
	background-color: #e4e4e4;
}
	
/* cell background */
.datatable td {
	font-size: 11px;
	padding: 5px 10px;
	background-color: #fff;
	}
	
.datatable td ul {
	font-size: 11px;
	}
	
.datatable caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	margin-top: 15px;
	}
	
.mediafile {
	font-weight: normal;
	font-size: 85%;
	}
	
/********* SECTION 7: Footer **********/
.clearing {
    height: 0;
    clear: both;
	}

#footer {
	background-color: #000000;
	clear: both;
	width: 775px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 0;
	margin: 0;
	clear: both;
	border-top: 1px solid #cccccc;
	}

#footerlinks {
	padding: 10px !important;
	padding: 0;
	margin: 0 !important;
	margin: 10px 10px 12px 10px;
	}

#footerlinks a:link, #footerlinks a:visited {
	color: #fff;
	text-decoration: underline;
	}

#footerlinks a:hover {
	color: #fff;
	text-decoration: none;
	}

/********* SECTION 8: Photo Gallery **********/

div.gallerynav {
	margin:  1px 0px 15px 0px;
	font-size: 75%;
	}

div.gallerynav a {
	margin:  0px 0px 0px 0px;
	}

.thumbnails {
	margin-bottom:  6px;
	}

.thumbnails td {
	font-size: 75%;
	padding: 15px 1px 0px 1px;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	text-align: left;
	}

.thumbnails td img {
	border: 1px solid #666666;
	}

.thumbnails .captions td {
	padding: 4px 10px 10px 20px;
	}

.thumbnails td.leftcolumn {
	padding-left: 0;
	}

.imagedetail {
	font-size: 100%;
	margin:  0px 0px 15px 0px;
	}

.imagedetail p {
	margin: 11px 22px 0px 0;
	}
	
.imagedetail img {
	border: 1px solid #666666;
	}
	
.indent {
	position: relative; left: 1em;
}

.indent2 {
	position: relative; left: 3em;
}