/* RESET CSS ATTRIBUTES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END OF RESET CSS */

body
{
background-color:#cccccc;
font-family: Georgia;
font-size:12px;
line-height:2em;
}

.videoLink
{
	background:url(img/filmstrip.png) no-repeat;
	text-align:center; 
	float:left;
	width:180px;
	height:165px;
/*	line-height:165px; */
	cursor:pointer;    
	font-size:18px;	
}

.videoLink .text
{
	margin: 30px 10px 10px 10px;
}

.videoLink .subText
{
    margin-top:7px;
    font-size:12px;
    line-height:1em;
}

.videoLink P
{
    text-align:center;
}


#simplemodal-overlay {background-color:#000;}
#simplemodal-container 
{
	background-color:#333; 
	border:6px solid #444; 
	padding: 6px 6px 0px 6px;
}

#simplemodal-container a.modalCloseImg {
	background:url(img/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:4200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}


h2
{
font-size:20px;
font-style:italic;
font-weight:normal;
color: #B5985A;
margin-bottom:20px;
}

h3
{
font-size:14px;
font-weight:bold;
}

P 
{
margin:0 0 0.7em 0;
text-align:left; 
}


#mainMenu a
{
text-decoration: none;
color: white;      
}
#mainMenu a:hover
{
text-decoration: none;
color: #B5985A;
}
#mainMenu a:active
{
text-decoration: none;
color: #B5985A;       
}

#mainMenu a.selected
{
text-decoration: none;
color: #B5985A;    
}

a 
{
	text-decoration:none;
}

a:link { color: #B5985A;}
a:visited {color: #B5985A;}
a:hover {color: #000000; text-decoration:underline;}
a:active {color: #B5985A; }

.categoryLink a, .categoryLinkSelected a
{
	color: #B5985A;
	text-decoration:none;
}

.categoryLinkSelected a
{
	font-weight:bold;
}

.itemLink a, .itemLinkSelected a
{
	color: #000000;
	text-decoration:none;
}

.itemLinkSelected a
{
	text-decoration:underline;
}

.slash { color: #B5985A; }

/* PRIMARY LAYOUT ELEMENTS */
/* you can specify a greater or lesser % for the 
page width. Or, you can specify an exact pixel width. */
.page
{
background-color:white; 
width: 1024px;  /* or screen % */
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding:  0px 0px 0px 0px; /* t r b l */
}
#right ul, ul#twitter_update_list
{
list-style-type: none;
}

#right ul li, ul#twitter_update_list li
{
padding-bottom:10px;
}

#right ul li+li, ul#twitter_update_list li+li
{
padding-top:10px;
padding-bottom:10px;
border-top: 1px solid #B5985A;
}
.more
{
margin-top:20px;    
font-size:10px;
font-weight:bold;
}
.itemTitle
{
font-size:14px;
font-weight:bold;
}
.itemDate
{
font-size:12px;
color:#B5985A;
}
.itemDescription
{
margin-bottom:1em;
}
.colorBox
{
	font-style:italic;
	background: #F9F5EB;
	padding:5px;
	margin-top:-5px;
	margin-left:-5px;
}

#header
{
padding: 0;
margin-top:0px;
margin-bottom:0px;
background: black;
width:1024px;
}

#headerleft
{
float:left;
width:330px; 
margin: 0;
padding: 0;
background: black;	
}

#headerphoto1
{
	margin-left:40px;
	background: black url(img/patrickheader1.png) left no-repeat;
	height:214px;
}

#headerphoto2
{
	margin-left:40px;
	background: black url(img/patrickheader2.png) left no-repeat;
	height:214px;
}

#headerphoto3
{
	margin-left:0px;
	background: black url(img/patrickheader3.png) left no-repeat;
	height:214px;
}

#headerright
{
float:left;
width:694px;
height:214px;
margin:0px;
padding:0px;
background: black;
}

#mainMenu
{   
color: #B5985A;
font-size:12px;
margin: 30px 0 0 0;
padding:0;
line-height:1em;
}
#mainMenu a
{
text-decoration: none;
color: white;      
}
#mainMenu a:hover
{
text-decoration: none;
color: #B5985A;
}
#mainMenu a:active
{
text-decoration: none;
color: #B5985A;       
}

#mainMenu a.selected
{
text-decoration: none;
color: #B5985A;    
}

#headertitle
{
margin-top:63px;
color: #B5985A;   
font-size:28px;
line-height:1.4em;
}
#headersubtitle
{
color: White;
font-size:20px;
font-style:italic;
line-height:1em;
}
#divider-top
{
 clear:both;
 background: black url(img/divider.png) left no-repeat;
 height:7px;
 margin:0;
}
#divider-bottom
{
 clear:both;
 background: black url(img/divider.png) left no-repeat;
 height:7px;
 margin: 0;
}
#banner
{
text-align:center;
padding:0;
margin-top:5px;
margin-bottom:5px;
}
#left /* 720px width */
{
float:left;
width:640px; /* total: 40 + 640 + 40 */
margin-left:40px;	
margin-right:40px;
margin-top:40px;
margin-bottom:40px;
}

#left-left
{
float:left;
margin-right:50px;
width:240px; 
}
#left-right
{
float:left;
width:350px;
}


#right /* 304 px */
{
float:left;
width:264px; 
margin-top:40px;
margin-left: 0px;
margin-right:40px; 
margin-bottom:40px;

min-height:250px;
_height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}
#footer
{
clear: both;
color: #B5985A;
background: black;
padding: 17px 0 17px 40px;
line-height:1em;
font-size:7pt;
}

/* FORM LAYOUT ELEMENTS */
fieldset 
{
margin: 0;
padding: 0;
border-width:0;
}
fieldset p 
{
margin: 2px 12px 10px 10px;
}
fieldset label 
{
display: block;
}
fieldset label.inline 
{
display: inline;
}
legend 
{
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}
input[type="text"] 
{
width: 200px;
border: 1px solid #CCC;
}
input[type="password"] 
{
width: 200px;
border: 1px solid #CCC;
}
.table 
{
border: solid 1px #e8eef4;
border-collapse: collapse;
}
.table td 
{
padding: 5px;   
border: solid 1px #e8eef4;
}
.table th
{
padding: 6px 5px;
text-align: left;
background-color: #e8eef4; 
border: solid 1px #e8eef4;   
}

/* MISC */
.clear
{
clear: both;
}
.error
{
color:Red;
}
div#title
{
position:absolute;
top:70px;
left:170px;
font-family:Georgia, Serif;
font-size:50pt;
line-height:1em;
font-style:italic;
color:White;
}
.field-validation-error
{
color: #ff0000;
}
.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
}
.validation-summary-errors
{
font-weight: bold;
color: #ff0000;
}

.item-list 
{
margin-bottom: 25px;
}
.item-list  ul {
list-style-type: none;
/*border-bottom: 1px dotted black;*/
}
.item-list  ul li 
{
padding-top:5px;
padding-bottom:0px;
border-bottom: 1px dotted black;
padding-left: 15px;
}


/* Navigation with lines in between

#nav-sub ul li a, #nav-sub ul li a:active {
display: block;
line-height: 23px;
vertical-align: middle;
height: 24px;
padding-left: 15px;
color: #859a7c;
font-size: 12px;
text-decoration: none;
}

#nav-sub ul li a:hover, #nav-sub ul li a.active {
color: black;
}

#nav-sub {
margin-bottom: 25px;
}
#nav-sub ul {
list-style-type: none;
border-bottom: 1px dotted black;
}
#nav-sub ul li {
}
#nav-sub ul li a, #nav-sub ul li a:active {
display: block;
line-height: 23px;
vertical-align: middle;
height: 24px;
padding-left: 15px;
color: #859a7c; 
font-size: 12px;
text-decoration: none;
border-top: 1px dotted black;
}

#nav-sub ul li a:hover, #nav-sub ul li a.active {
color: black;
}
*/