/* REDEFINED MAIN TAGS */

body {
font-family: Geneva, Arial, Helvetica, sans-serif;

 background-color:#b0b0b0; /* #a2b6df #100720   */
/* background:#0A0D12 url(/design/images/site/bkg_gradient.gif) repeat-x 0px 151px;*/
margin:0;
padding:0;
font-size: small;
color: #222;
padding:0;
background-repeat:repeat-y;
background-image: url(/design/images/site/bkg.gif);
background-position: center;
}

a {	color:#660000; outline: none; }
a:hover { text-decoration:none; }
p { margin: 0 0 12px; }
hr { margin: 20px 0; }
h1 { margin: 0 8px 12px; font-weight:normal; }
h2 { margin: 0 8px 12px; font-weight:normal; }

/* PAGE STRUCTURE */

#frame {
margin:0 auto; 
width:760px; 
padding:0; 
background-color:#fff;
display:block;
}
#header {
height:115px; 
position:relative;
z-index:300;
}
#topNav {
padding:4px; 
position:absolute; 
top:33px; 
left:110px; 
font-size:110%;
z-index:2;
}
#mainLogo {
z-index:1;
position:absolute;
top:0;
left:0;
width:161px;
height:100px;
}
.wrapper1 {
position:relative;
height:100%; /* This is an important ie fix. */
}
#wrapper2 {
position:absolute; 
width:570px; 
top:0; 
left:0;
}
#wrapper3 {
position:relative; 
height:162px; 
margin-bottom:1px;
}
#keyshot {
background-position:0 0;
background-repeat:no-repeat;
position:absolute; 
left:0; 
width:374px; 
height:100%;
}
#brief {
position:absolute; 
right:0; 
width:195px; 
height:100%; 
background-color:#777;
color:#fff;
font-size:110%;
}
#left_1 {
position:absolute; 
left:0; 
width:374px; 
background-color:#e6e6e6;
}
#middle_1 {
position:absolute; 
right:0; 
width:195px;
}
#right_1 {
position:absolute; 
width:190px; 
top:0; 
right:0;
}
#left_2 {
position:absolute; 
left:0; 
top:0;
width:570px; 
background-color:#e6e6e6;
}
#topLinks {
position:absolute; 
right:0; 
bottom:0; 
color:#fff; 
background-color:#666;
padding:4px 10px 4px 0;
font-size:105%;
}
#topLinks a {
color:#fff; 
padding:0 0 0 10px;
}
#titleDiv {
background-color:#999; 
color:#fff; 
font-size:130%; 
padding:5px 10px; 
border:none; 
margin:0 0 1px 0;
font-weight:normal;
position:relative;
z-index:15;
}
#breadcrumbs {
font-size:75%;
position:absolute;
right:0;
top:0;
padding:6px 10px 0 0;
}
#breadcrumbs a {
color:#fff; 
}
#right_1 ul {
list-style: none;
padding: 0 0 8px 8px;
margin: 0 0 20px 0;
}
#copyright {
font-size:85%; 
color:#555;
}

#right_1 h3 {
font-weight:normal;
font-size:120%;
border-bottom:1px solid #777;
padding: 0 0 4px;
margin: 0 0 8px 8px;
}
#right_1 h3 a {
color:#333;
text-decoration:none;
}
#right_1 h3 a:hover {
text-decoration:underline;
}

/* PADDING RULES */
.pad { padding:8px 0 8px; }
.right_1 .pad { padding:8px 0 8px 8px; }

p { padding:0 8px 0; }
h3,h4,h5 { padding:0 8px 0; }
#right_1 p { padding: 0 0 0 6px; }

.formPad { padding-top:15px; }


/*  ARTICLES  */

span.copyright { font-size:smaller; }
#txtMain {
width:530px;
text-align:left;
margin:25px 0;
}
p.title {
font-size: 190%;
color:#910000;
}
p.subtitle {
font-size: 150%;
color:#910000;
}
#topBtn {
text-align:right; 
margin: 25px 50px 0 0;
width:auto;
height:60px;
}
#shoutOut {
width:200px;
float:right;
margin:0 0 10px 10px;
font-size:180%;
color:#330033;
}
#artNav {
width:120px;
float:right;
margin:0 5px 0 10px;
text-align:right;
}
#print {
width:565px; 
margin: 25px 25px;
padding: 0 0 25px 0;
background-color:#FBF3DF;
height:100%;
}
p.signature {
font-size: medium; 
color:#910000;
padding-right:30px;
}
.tagalong {
color:#333;
font-size:85%;
}
span.tagalong a {
color:#444;
}
span.lead_in {
color: #440000;
font-size:150%;
}
.artTitle {
font-size:130%;
font-weight:bold;
margin-top:15px;
}
.artTitle a {
text-decoration:underline;
color:#333;
}
.artTitle a:hover {
text-decoration:none;
}

.artTitle2 {
font-size:170%;
font-weight:bold;
margin-top:15px;
}


/* FORMS */

input.btn {
padding:2px;
color:#fff;
background-color:#666;
border:1px solid #CCC;
font-size:85%;
font-weight:bold;
}
input.btnhov {
background-color:#888;
}
form { margin:0; padding: 0;}

div.breaker {
width:250px;
font-size:200%;
color:#440000;
float:right;
margin: 0 0 5px 25px;	
}

label {
float: left;
margin: 0 0 10px;
text-align: right;
width: 140px;
padding: 2px 10px 0 0;
font-size:small;
}

input.txt {
width: 200px;
margin: 0 0 10px;
clear:right;
}
input.emp {
width:250px;
margin: 0 0 10px;
clear:right;
}
textarea.txtArea {
height:200px; 
width:250px;
margin-right:10px;
}


/* BLOG */

.blogDiv p {
margin: 0 0 5px 0;
}

p.blogTitle {
margin: 15px 0 2px 0;
font-weight:bold;
font-size:110%;
color:#330000;
padding: 0 0 4px 0;
border-bottom: 2px solid #888;
}

p.blogTime {
font-size:80%;
margin:0 0 4px 0;
text-align: right;
}

p.blogLinks {
margin: 0 0 20px 0;
font-size:80%;
}

p.blogHeaderDate {
margin:30px 0 5px 0;
font-size:140%;
color:#333;
}

div.blogIndent {
margin: 0 0 0 30px;
}

/* PICTURES */

img.leftTop {
border:1px solid #666; 
margin:0 15px 15px 0;
float:left;
}

img.left {
border:1px solid #666; 
margin:15px 15px 15px 0;
float:left;
}

img.rightTop {
border:1px solid #666; 
margin:0 0 15px 15px;
float:right;
}

img.right {
border:1px solid #666; 
margin:15px 0 15px 15px;
float:right;
}

img.noBorder {
border:none;
}

img {
border:none;
}

/* Calendar 

.date { width: 90px; }
.dayw { width: 35px; }
.time { width: 70px; }
.venue { width: 170px; }
.description { width: 270px; }
.spacer { width: 10px }
.highlight { background-color:#CCCCCC; }
.small { font-size: 10px; }*/




/* DROP DOWN MENUS */

ul#nav {
list-style: none;
padding: 0;
margin: 0;
}

#nav a {
font-weight:normal;
display:block;
padding:0 0 4px 30px;
color: #444;
text-decoration: none;
}

#nav a:hover {
color:#111;
text-decoration:underline;
}

#nav li li a {
display: block;
padding:4px 10px;
font-weight: normal;
background-color:#7F0000;
color:#fff;
}

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

ul#nav li {
float: left;
margin: 0;
position: relative;
text-align: left;
cursor: default;
}

ul#nav li ul {
display: none;
position: absolute;
top: 100%;
left: -1px;
border-top: 2px solid #333;
list-style: none;
font-weight: normal;
font-size:100%;
padding: 0;
background-color:#666;
margin:0 0 0 18px;
z-index:50;
}

ul#nav li>ul {
top: auto;
left: auto;
width:140px;
}

ul#nav li li {
display: block;
float: none;
border: 0;
margin:0;
padding:0;
font-size:95%;
border-right:2px solid #333;
border-left:2px solid #333;
}

ul#nav li li.last {
/* Internet Explorer work-around.  No single border declaration on ul#nav li ul :-( */
border-bottom: 2px solid #333;
}

ul#nav li:hover ul, ul#nav li.over ul { display: block; }