/* @group reset */

* { margin:  0; padding: 0; }
ul { list-style: disc; }

p { margin: 10px 0; }
a img, frameset { border: 0; }

/* @end */
/* @group utility */

.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.hide { display: none; }

/* @end */
/* @group =base */

body {
	font: 62.5% Arial, Helvetica, Sans-Serif;
}

	/* @group -headers */
	h2, h3, h4, h5 { }
/*	h2 { font-size: 185%; margin: 25px 0; }*/
	h3 { font-size: 150%; margin: 15px 0; }
/*	h4 { font-size: 135%; margin: 15px 0; }*/
/*	h5 { font-size: 115%; margin: 5px 0; }	*/
	/* @end */

	/* @group -links */
	a, a:link { text-decoration: underline; }
	a:visited {}
	a:hover { text-decoration: none; }
	a:active {}
	/* @end */

	/* @group -navigation */
	#nav { }
	/* @end */
	
	/* @group -footer */
	#footer { }
	/* @end */	
	
	/* @group -form elements */
	button { 
		cursor: pointer; 
		width: auto;
		overflow: visible;
	}
	label { font-weight: bold; }
	/* @end */		

/* @end */
/* @group =pages */

	/* @group -sub page name here */

	/* @end */

/* @end */

body {
	font: 13px Helvetica, Arial, Sans-Serif;
}

	/* @group -navigation */

	/* @end */
	/* @group -footer */

	/* @end */	

/* @end */
/* @group =pages */

	/* @group -sub page name here */

	/* @end */

/* @end */


body{

	margin:0px;
	font-family: arial, verdana, san-serif;
	padding:0px;
	background: #04397b;
}

#globalwrap {
	margin:0 auto;
	padding: 0px;
	background:#04397b url(../images/fish.jpg) top center no-repeat;
}


/*------Header--------*/
#mast{
/*	width:1280px;*/
	width: 928px;
	height: 458px;
	margin:0 auto;
	position: relative;

}
#mast h1{
	position:absolute;
	top: 82px;
	left: 408px;
	background: url(../images/name3.png) 0 0 no-repeat;
	width:521px;
	
}
#mast h1, #mast h1 a {
	width:521px;
	height:148px;
	display: block;
}
#mast h1 a { text-indent:-9000px; }

#mastbio{
	position:absolute;
	
}
	
#headshot{
	background: url(../images/headshot2.png) 0 0 no-repeat;
	width:470px;
	height:430px;
	position:absolute;
	left:0px;
	bottom:0px;
}

#bio{
	width:480px;
	position:absolute;
	top:225px;
	left:420px;
}

#photocredit{
	width:480px;
	position:absolute;
	top:440px;
	left:485px;
	color:#21456d;
	font-size:.85em;
}
.lead{
	color:#b1d586;
	font-size:1.1em;
	font-weight:bold;
}
.para{
padding-left:60px;
display:block;
}

#bio p{
	color:#7cc4e2;
	font-size:1.1em;
	font-weight:normal;
	line-height: 2em;	
}

#bio p a{
	color:#f38d09;
	border-color:#f38d09;
	font-weight:normal;
	border-bottom:1px;

	
}
#bio a{
	color:#f38d09;
	font-size:1.2em;
	font-weight:normal;
	border-bottom:0.056em solid #f38d09;
	float:right;
	text-decoration:none;
	margin-right:20px;
}

#bio a:hover {
	text-decoration:none;
	border-bottom:none;
	color:#fc8f02;
}

#largecontent{
	width:930px;
	background: url(../images/repeater.jpg) 0 0 repeat;
/*	height:600px;*/
	position:relative;
	margin:0 auto;
}

#topbar{
	background: url(../images/bar.jpg) 0 0 no-repeat;
	width:930px;
	height:36px;
	position:absolute;
	left:0px;
top:0px;
}

#maincontentarea{
	padding-top:40px;

}

#leftcolumn{
	width:175px;
	float:left;
	
/*	background-color:red;*/
/*	height:200px;	
*/}
#leftcolumn #leftCallout{
	text-align: right;
}
#middlecolumn{
	width:434px;
	float:left;	
	

/*	height:200px;	
*/}
#rightcolumn{
	width:250px;
	float:right;
/*	background-color:red;*/
/*	height:200px;
*/	padding-right:10px;

}

#advertisements{
	margin: 16px auto auto 22px;
}

#advertisements img{
	margin-bottom: 10px;
}

#blogheader{
	background: url(../images/topline.jpg) 0 0 no-repeat;
	height:46px;
}

#blogheader h3{
		width:231px;
		height:23px;
		display: block;
		background: url(../images/toptext.png) 0 0 no-repeat;
}
	
#blogheader h3 a { text-indent:-9000px;
		display: block;
		width:231px;
}

#blogheader h3 a:hover { 
			background: url(../images/toptextover.png) 0 0 no-repeat;
			width:231px;
}

.post{
	background: url(../images/line.jpg) center bottom no-repeat;
	padding-left:20px;
	padding-bottom:30px;
	margin-bottom:15px;
	
}

.post h2{
	 color:#0c4f8b;
   	font-size:1.7em;
	line-height:1.2em;		
}

.post h3{
	 /*color:#0c4f8b;*/
   	font-size:1.2em;
	line-height:1.2em;		
}

.post h4{
	color:#7ca54a;
	font-size:1em;
	font-weight:normal;
}
.post h4 a{
	text-decoration:underline;
		color:#7ca54a;
}

.post h4 a:hover{
	text-decoration:none;
}

.post p{
	text-decoration:none;
	color:#0e2339;
	font-size:0.95em;
	line-height:1.8em;
	padding-bottom:10px;
	font-weight:normal;
}
.post a{
	text-decoration:none;
	color:#f38d09;
	line-height:0.6em;
}

.post a:hover{
	text-decoration:underline;
	color:#f38d09;
	line-height:0.6em;
}
.post hr{
	visibility: hidden;
}
.post ul{
	margin-left: 10px;
}
.post li{
	line-height:0.4em;
	font-size:1.0em;
	margin-top:20px;
	margin-left:15px;
}

.rightlinks{
		font-color:#236b7e;
		margin-top:5px;
}
.rightlinks h5, #contactlinks h5{
	color:#106fa8;
	font-size:2.0em;
	font-family:Helvetica, Arial,Sans-Serif;
	font-weight:normal;
	margin-top:10px;
	
}
.rightlinks a{
	color:#236b7e;
	text-decoration:underline;
}
.rightlinks a:hover{
text-decoration:none;
}
.rightlinks li{
	line-height:0.4em;
	font-size:1.0em;
	margin-top:20px;
	color: #236b7e;
	margin-left:15px;
}

.rightlinks ul{
	margin-bottom:45px;
}

#contactlinks{
	width:110px;
	margin: 0px 0px 60px 40px;
}

#contactlinks li{
	height: 20px;
	/*line-height:0.4em;*/
	font-size:1.0em;
	margin-top:6px;
	list-style-type:none;
}
#contactlinks li a{
	height: 17px;
	color: #236b7e;
	text-decoration:none;
}

#contactlinks li a:hover{
	color: #236b7e;
	text-decoration:underline;
}
#contactlinks li a img{
	color: #236b7e;
	text-decoration:none;
	margin: 5px 20px 0px 0px;
}

#flickrblock{
	margin-top: 20px;
	width:80px;
	margin-left:50px;
}
#flickrblock p{
	color:#236b7e;
	margin-left:5px;
}

#flickrblock img{
float:left;
border:1px solid #236b7e;
margin:5px 0px 5px 0px;
}

#fatfooter{
	width:930px;
	height:293px;
	background: url(../images/footbg.jpg) center bottom repeat;
	padding-top:40px;
}
#fatfooter h5{
	color:#106fa8;
	font-size:2.0em;
	font-family:Helvetica, Arial,Sans-Serif;
	font-weight:normal;
	margin-left:40px;
}
#footerText{
	background: #052146;
	color: #106FA8;
	padding: 20px;
	margin-top: 40px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 10px 0 0 40px;
    overflow: hidden;
    position: relative;
    /*left: 40px;*/
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 200px;
        height: 200px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
	
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/*.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}
*/
/*.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 800px;
height:100px;
    padding: 10px 20px;
}
*/

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  850px;
    height: 200px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 200px;

}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 70px;
    right: 0px;
    width: 32px;
    height: 61px;
    cursor: pointer;
 /*   background: transparent url(next-horizontal.png) no-repeat 0 0;*/
	background: url(../images/arrow.png) 0 0 no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0 -61px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0 -122px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 68px;
    left: 5px;
    width: 32px;
    height: 61px;
    cursor: pointer;
    background: transparent url(../images/arrow2.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0 -61px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -122px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -122px 0;
}