@import url("menu.css");

/********** RESET STYLES **********/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, ul li, dl, dt, dd, form, a, fieldset, th, td  
{  
    margin: 0; padding: 0; border: 0; outline: none; list-style: none;
} 

h1, h2, h3, h4, h5, h6  
{  
    font-size: 100%;  
	font-weight: normal;
}
/********** END RESET STYLES **********/

/********** HEADING STYLES **********/
#header h1
{
	/* Image replacement technique
	height: 50px;
	width: 100px;
	text-indent: -10000px;
	background-image: url(images/site_title.jpg) no-repeat top left;*/
	font-size: 48px;
	color: #ffffff;
	font-family:"Calisto MT", "Palatino Linotype", "Times New Roman", serif;
	margin: 7px 0 0 0;
}

#subtitle
{
	font-size: 24px;
	color: #00497e;
	font-family:"Calisto MT", "Palatino Linotype", "Times New Roman", serif;
	position: relative;
	top: 21px;
	left: 47px;
}

h2
{
	font-size: 36px;
	color: #00497e;
	font-family:"Calisto MT", "Palatino Linotype", "Times New Roman", serif;
	margin: 0 0 20px;
}

h3, h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover
{
	font-size: 16px;
	color: #4887b3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 20px 0 0;
}

h3 a:hover
{
	text-decoration: underline;
}

h4
{
	font-size: 14px;
	color: #7fb109;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 0;
}

h5
{
	font-size: 14px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 12px;
	text-align: right;
}

h6
{
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
/********** END HEADING STYLES **********/

body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
}

p
{
	margin: 15px 0 0;
	font-size: 12px;
	color: #626262;
	line-height: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

.DynamicForms_Maintable div.NormalBold, .DynamicForms_Maintable span.NormalBold
{
	margin: 3px 0 0 0;
	font-size: 12px;
	color: #626262;
	line-height: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

#dnn_ctr448_DynamicForms_tblHeader, #dnn_ctr448_DynamicForms_tblEmail, #dnn_ctr450_DynamicForms_tblHeader, #dnn_ctr450_DynamicForms_tblEmail
{
	width: auto;
}

a, a:link, a:active, a:visited, a.CommandButton, a.CommandButton:link, a.CommandButton:active, a.CommandButton:visited
{
	font-weight: bold;
	color: #286895;
	text-decoration: none;
	font-size: 12px;
}

a:hover, a.CommandButton:hover
{
	text-decoration: underline;
	color: #286895;
}

#align_outer
{
	text-align: center; /* Centering for Internet Explorer */
	background: url(images/align_outer_bg.gif) top left repeat-x;
}

#align_inner
{
	margin: 0 auto; /* Centering for Firefox, Chrome, Safari */
	text-align: left; /* Reset text alignment for Internet explorer */
	width: 992px; /* Set this to (left_col total width + right_col total width) */
}

#main_wrapper
{
	padding: 5px 0 20px;
}

#top_buttons
{
	margin: 0 0 5px 0;
}

#contact, #contact:link, #contact:active, #contact:visited
{
	background: url(images/contact_bg.gif) top left no-repeat;
	float: right;
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 12px 0 0;
}

#contact:hover
{
	background: url(images/contact_bg.gif) bottom left no-repeat;
	text-decoration: none;
}

#search
{
	float: right;
	margin: 0 7px 0 0;
}

#search #SearchIcon
{
	display: none;
}

#search div.SearchBorder
{
	background: url(images/SearchBorder_bg.gif) top left no-repeat #ffffff;
	border: 0;
	margin: 0;
	padding: 3px 0 2px 11px;
	height: auto;
	width: auto;
}

#search .SearchBorder input
{
	width: 200px;
	color: #777777;
	font-size: 12px;
	font-weight: bold;
	height: auto;
}

#search a, #search a:link, #search a:active, #search a:visited
{
	background: url(images/search_bg.gif) top left no-repeat;
	padding: 0;
	width: 36px;
	height: 24px;
	display: block;
	float: left;
}

#search a:hover
{
	background: url(images/search_bg.gif) bottom left no-repeat;
	text-decoration: none;
}

#enewsletter, #enewsletter:link, #enewsletter:active, #enewsletter:visited
{
	background: url(images/enewsletter_bg.gif) top left no-repeat;
	float: right;
	width: 254px;
	height: 24px;
	display: block;
	margin: 0 7px 0 0;
}

#enewsletter:hover
{
	background: url(images/enewsletter_bg.gif) bottom left no-repeat;
	text-decoration: none;
}

#enewsletter span
{
	text-transform: uppercase;
	color: #ffffff;
	line-height: 24px;
	padding: 0 0 0 20px;
}

#header
{
	background: url(images/header_bg.gif) top left repeat-x #1a86be;
	position: relative;
	height: 312px;
}

#profile_photo
{
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 262px;
	height: 290px;
	background: url(images/sharman-headshot.png) top left no-repeat;
}

#title
{
	background: url(images/title_bg.gif) top right no-repeat;
	position: relative;
	left: 262px;
	width: 730px;
	height: 99px;
}

#byline
{
	float: right;
	padding: 25px 25px 0 0;
}

#banner
{
	height: 173px;
	overflow: hidden;
	background: url(xml/home_1.jpg) top left no-repeat;
}

#banner *
{
	margin: 0;
	padding: 0;
}

#menu_bar
{
	text-align: right;
	/*border-bottom: 1px solid #13679f;*/
	background: #1a86be;
}

#content_wrapper
{
	background: #ffffff;
	border: 1px solid #e8e8e8;
	padding: 6px 0 9px 9px;
}

#inner_content_wrapper
{
	background: #e8e8e8;
	/*padding: 8px;*/
	border: 8px solid #e8e8e8;
	margin: 0 9px 0 0;
}

#left_col_bg
{
	background: url(images/left_col_bg.gif) top left repeat-y;
}

#left_col_wrapper
{
	width: 727px; /* Set this to (your desired content width + column padding) */
	float: left;
	background: url(images/left_col_wrapper_bg.gif) top right no-repeat #ffffff;
	overflow: hidden;
}

#left_col_content
{
	padding: 40px 45px 40px;
}

#left_col_content #image
{
	float: right;
	padding: 30px 25px;
}

#left_col_content #image p
{
	text-align: center;
	font-style: italic;
	color: #777777;
	margin: 5px 0 0 0;
}

#left_col_content ul
{
	margin: 15px 0 0 30px;
}

#left_col_content hr
{
	border: 0;
	border-bottom: 1px dashed #777777;
	margin: 25px 0;
}

#left_col_content ul li
{
	list-style-type: circle;
	font-size: 12px;
	color: #626262;
	line-height: 1.5em;
}

#right_col_wrapper
{
	width: 229px; /* Set this to (your desired content width + column padding) */
	float: left;
	background: #e8e8e8;
	overflow: hidden;
}

#right_col_content
{
	padding: 10px 12px;
}

#right_col_content h4
{
	margin: 0 0 8px 5px;
}

#right_col_content ul
{
	margin: 0 5px 22px;
}

#right_col_content li
{
	border-top: 1px solid #ffffff;
	display: table; /* used for vertically centering the image & text */
	width: 100%;
}

#right_col_content li img
{
	display: table-cell; /* allows the vertical-align property to be applied */
	vertical-align: middle; /* vertically centers the image */
	margin: 2px 15px 2px 0;
}

#right_col_content li a
{
	display: table-cell; /* allows the vertical-align property to be applied */
	vertical-align: middle; /* vertically centers the text */
	width: 144px;
}

#right_col_content .randomview
{
	margin: 0;
	padding: 0;
}

#right_col_content #latest_photo img
{
	border: 0;
	margin: 0 2px 5px 3px;
	display: block;
}

#right_col_content #more_photos
{
	margin: 0 0 0 15px;
}

#feature_button_wrapper
{
	float: left;
	border: 6px solid #e8e8e8;
	margin: 9px 9px 0 0;
}
#feature_button_wrapper_right
{
	float: left;
	border: 6px solid #e8e8e8;
	margin: 9px 0px 0 0;
}

#feature_button, #feature_button:link, #feature_button:active, #feature_button:visited
{
	width: 224px;
	height: 71px;
	display: block;
	background: url(images/feature_button_bg.gif) top left repeat-x;
	font-family: "Calisto MT", "Palatino Linotype", "Times New Roman", serif;
	color: #777777;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}

#feature_button:hover
{
	background: url(images/feature_button_bg.gif) bottom left repeat-x;
	text-decoration: none;
}
#feature_button_singleline, #feature_button_singleline:link, #feature_button_singleline:active, #feature_button_singleline:visited
{
	width: 224px;
	height: 71px;
	display: block;
	background: url(images/feature_button_bg.gif) top left repeat-x;
	font-family: "Calisto MT", "Palatino Linotype", "Times New Roman", serif;
	color: #777777;
	line-height: 71px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}

#feature_button_singleline:hover
{
	background: url(images/feature_button_bg.gif) bottom left repeat-x;
	text-decoration: none;
}

#feature_button b
{
	font-size: 30px;
	font-weight: normal;
}
#feature_button_singleline b
{
	font-size: 25px;
	font-weight: normal;
}

#feature_button #floating_text
{
	position: relative;
	top: 5px;
	left: 10px;
}

#feature_button #floating_text b
{
	position: relative;
	top: 0px;
	left: -10px;
}

#footer
{
	margin: 20px 0 0 0;
	text-align: center;
}

#footer, #footer a, #footer a:link, #footer a:active, #footer a:visited
{
	color: #959595;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.SearchResultsContent p
{
	margin: 0 0 15px 0;
}

.SearchResultsContent .SubHead
{
	margin: 0 10px 0 0;
}

/********** ARTICLE STYLES **********/

#home_feature_article #article_image
{
	float: left;
	padding: 3px;
	border: 1px solid #d0d0d0;
	margin: 0 15px 0 0;
}

#home_feature_article #article_title
{
	float: left;
	width: 101px;
}

#home_feature_article h3, #home_feature_article h3 a, #home_feature_article h3 a:active, #home_feature_article h3 a:link, #home_feature_article h3 a:visited, #home_feature_article h3 a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #4887b3;
	margin: 0 0 15px 0;
}

#home_feature_article p
{
	padding: 0;
	margin: 0 0 16px;
	line-height: 1.2em;
}

#home_feature_article #article_details
{
	font-style: italic;
	padding: 0 0 40px;
	border-bottom: 1px solid #e0e0df;
}

#home_article ul
{
	margin: 40px 0 0 16px;
}

#home_article ul li
{
	margin: 17px 0 0 0;
	padding: 0 0 0 5px;
	list-style-image: url(images/home_article_li.gif);
}

#home_blog_article p, #home_blog_article p a, #home_blog_article p a:link, #home_blog_article p a:active, #home_blog_article p a:visited
{
	margin: 0;
	color: #ffffff;
	line-height: 1.2em;
}

#home_blog_article #article_details
{
	font-style: italic;
	margin: 15px 0 0 0;
}

#article_listing
{
	margin: 25px 0 0 0;
}

#article_listing #article_image
{
	float: left;
	padding: 3px;
	border: 1px solid #d0d0d0;
	margin: 0 24px 0 0;
}

#article_listing #article_entry
{
	float: left;
	width: 405px;
}

#article_listing h3
{
	margin: 0;
}

#article_listing #article_date
{
	font-weight: bold;
	margin:0;
}

#article_listing p
{
	margin: 5px 0 0 0;
}

#article_listing #article_details
{
	font-style: italic;
}

.PagingTable
{
	margin: 25px 0 0 0;
	border: 0;
	height: auto;
}

.PagingTable, .PagingTable .Normal, .PagingTable .NormalDisabled
{
	font-size: 12px;
	color: #626262;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}

#article #article_image
{
	float: right;
	padding: 3px;
	border: 1px solid #d0d0d0;
	margin: 0 0 24px 24px;
}

p.articleCommentAuthor
{
	margin: 0;
	font-weight: bold;
}

p.articleCommentDate
{
	margin: 0;
	font-style: italic;
	font-size: 11px;
}

p.articleCommentText
{
	margin: 0;
}

.articleComment
{
	height: auto;
	min-height: 0;
	margin: 8px 0 24px 24px;
	padding: 0;
}

.articleCommentContent
{
	padding: 0;
}

/********** END ARTICLE STYLES **********/

/********** ADDTHIS STYLES **********/

#addthis_toolbox
{
	margin: 24px 0;
}

#addthis_toolbox .addthis_border
{
	padding: 6px;
	background: url(images/addthis_bar_bg.gif) top left no-repeat;
}

#addthis_toolbox .seperator
{
	padding: 0 7px 0 0;
	margin: 0 7px 0 0;
	border-right: 1px solid #d0d0d0;
	float: left;
}

#addthis_toolbox a, #addthis_toolbox a:link, #addthis_toolbox a:active, #addthis_toolbox a:visited
{
	position: relative;
	display: block;
	text-indent: 25px;
	padding: 4px 0;
	font-size: 11px;
	width: 85px;
	float: left;
}

#addthis_toolbox a:hover
{
	background: url(images/addthis_hover_bg.gif) top left no-repeat;
	text-decoration: none;
}

#addthis_toolbox span
{
	position: absolute;
	left: 4px;
}


/********** END ADDTHIS STYLES **********/



/* 
 * Only 100% effective clearing method. This also avoids an extra html markup solely for clearing
 * Use as follows:
 *
 * <div id="container" class="clear">
 *     <div id="element1"> (floated) </div>
 *     <div id="element2"> (floated) </div>
 * </div>
 */
.clear:after
{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear
{
	zoom: 1;
}







/* Overrides class in module.css */

.ItemGroup
{
 border: 0;
 margin: 0;
 padding: 0;
 width:100%;
 text-align: left;
}

/* -------------------------- VIDEO PLAYER PAGE ---------------------------- */
#video_info #video_date
{
	font-weight: bold;
	margin:0;
}

/* Comments heading */

.ItemHeader
{
 background-color:#EEEEEE;
 border-bottom:1px solid #999999;
 height:26px;
 padding-left:5px;
}

/* Overrides class in default.css - make font colour, size and family suit site design */
.SubSubHead
{
 color: #6B6B6B;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
}

/* Overrides class in module.css */
.Script
{
 color:#6B6B6B;
 font-size:12px;
 font-style:italic;
}

/* ------------------------------- VIDEO LISTING PAGE ---------------------------------- */

.video_listing
{
 margin: 0 0 5px 0;
}

.video_listing #video_date
{
	font-weight: bold;
	margin:0;
}

.video_listing_screenshot
{
 float: left;
 margin-right: 15px;
}
.video_listing_info
{
 width: 422px;
 float: left;
}
.video_listing #video_info
{
	font-style: italic;
}

.video_listing h3
{
	margin: 0;
}



#featureButtonContainer {
	float: left;
	width: 975px;
}

#liberalPromo {
	float: left;
	width: 262px;
	margin-top: 9px;
	display:none;
}

#liberalPromoBorder {
	background: #E8E8E8;
	padding: 6px;
	display:none;
}