/* Style Reset */
* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}

/* Isolated Color Section (just font theme colors - no bg colors - no neutral colors) */
/* To make customizing the theme colors a bit easier, I've isolated all the font-color rules here. No other styling, just the font colors. */
/* All other theme colors (graphics, bgs, etc.) are controlled by images inside the /css/images/ folder. */
#navigation li a:hover{color:#ce0000; }
#navigation li a.green{color:#ce0000 !important; }
#sub-nav li a{color:#ffb3b3;}

a{ color:#ce0000; }
a:hover{ color:#ff0000; }

.green{color:#ce0000; }
h4{color:#ce0000; }
.heading h2 span{color:#ce0000; }
.frame #header h3{color:#ffb3b3; }
.buttons a:hover{color: #ffb3b3 }
#footer ul a:hover{ color:#ffb3b3; }

/* Main Section */
body{
    background:#fff;
    font-family:"lucida sans",arial, sans-serif;
    color:#666;
    font-size:12px;
    /* line-height:18px; */
}
a{text-decoration: none; }
a img{border:0; }
.shell{width:950px; margin:0 auto;}
#logo{height: 180px; background: url(../images/header.png) no-repeat top right; }

/* Header */
#header{width: 100%;height:180px; background: #000 url(../images/headerbg.png) no-repeat top center;}
h3{text-transform: uppercase; font-size: 16px; }
h4{font-size: 12px;}
#top-left-area {margin:0; top: 0; position: absolute; float:left;}

/* Navigation */

#navigation{height:44px;background:url(../images/brd.gif) no-repeat 0 8px; float: left; display: inline; padding-top:14px; padding-left:8px; }
#navigation ul{list-style-type: none; font-size:15px;height:44px;}
#navigation li{float: left; display: inline;}
#navigation li a{font-size: 0.8em; float: left; display: inline; line-height:15px; height:32px; text-transform: uppercase; font-weight: bold; text-align: center; color:#252525; padding:0 10px; padding-top:12px; font-family:Helvetica, Arial, sans-serif; width: auto;}
#navigation li a:hover{text-decoration: none; background:url(../images/hover.gif) repeat-x}
#navigation li:hover{ background:url(../images/hover.gif) repeat-x;}

#login-nav{float: left; display: inline; height:53px; background:url(../images/brd.gif) no-repeat 0 0; padding-left:2px; margin: 0 6px; }

#sub-nav{ margin:0 25px 0 auto; width:700px; clear:both; top:-15px; position:relative; }
#sub-nav ul{line-height:5px; font-size: 11px; text-align: right; }
#sub-nav li{ display:inline; padding-top:20px; padding-left:20px; }
#sub-nav li a{ font-family:Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; }
#sub-nav li a:hover{ color:#fcfcfd; }


/* Main Content */
#content{background:#fff url(../images/background.png) no-repeat fixed top left;}
#main{background:url(../images/main.gif) no-repeat; padding-top:27px}


/* Left Column */
.article{width:590px; float: left; display: inline; padding-left:9px; }
.article p{padding-bottom:16px}
.article h3{padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}
.article ul{list-style-type: none; padding-left:25px;}
.article li{background:url(../images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:5px}

/* Gallery Specific Styles */
.gallery-container h3{padding-bottom:17px; padding-top:3px; padding-left: 6px; color:#2e2e2e; text-align: left;}
.gallery-container img{margin: 6px; padding:0px; text-align: left;}
.gallerynav {float: right; margin-top:-39px; margin-right:16px;}
.gallerynav img {margin: 0;}
.gallerynav-footer {height:51px;}

/* Media Specific Styles */
.mediaentry {margin-bottom: 40px;}
.mediaentry h4 {margin: 10px 0;}
.mediaentry img{padding: 0 10px 10px 0px;}

/* Right Column */
.rightside{ width:300px; float:right;}
.graphic{background:url(../images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.graphic .top{background:url(../images/top.gif) no-repeat; width:295px;}
.graphic .bottom{background:url(../images/btm.gif) no-repeat 0 bottom; width:295px; padding:12px 0}
.graphic .bottom img{display: block; width:270px; margin:0 auto}

.sidebar-form{background:url(../images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.sidebar-form .top{background:url(../images/grey-top.gif) no-repeat; width:295px;}
.sidebar-form .bottom{background:url(../images/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px}
.sidebar-form .bottom h3{font-weight: bold; color:#2e2e2e; line-height:16px; padding-top:12px; padding-bottom:15px}
.sidebar-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.sidebar-form p{line-height:24px; }
.sidebar-form p strong{color:#000; }

.contact-form{background:url(../images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.contact-form .top{background:url(../images/grey-top.gif) no-repeat; width:295px;}
.contact-form .bottom{background:url(../images/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px}
.contact-form .bottom h3{font-weight: bold; color:#2e2e2e; line-height:16px; padding-top:12px; padding-bottom:15px}
.contact-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.contact-form p{line-height:24px;  }
.contact-form p strong{color:#000; }
.contact-form p span{ float:right; width:190px; background:#fff; }
.contact-form p em{font-style: normal; text-align: right; display: block; margin-top:-18px; width:155px; padding-left:91px}
.contact-form .no-border{border-bottom:none;}

.contact-info p { background:url(../images/dot.gif) repeat-x 0 16px; min-height:20px; margin-right:5px; clear:both;}
.contact-info p strong{ float:left; }



/* Bottom Image Bar */
.bottom-part{background:url(../images/main.gif) no-repeat; padding-top:25px;}
.box-holder{width:941px; padding-bottom:25px; background:url(../images/gradient.gif) repeat-x; }
.box-holder .top-side{background:url(../images/top-side.gif) no-repeat; width:941px;}
.box-holder .btm-side{background:url(../images/btm-side.gif) no-repeat 0 bottom; padding-top:4px; padding-bottom:5px; width:941px}
.box-holder .first{border-left:solid 1px #e5e5e5;width:311px}
.box-holder .last{border-left:solid 1px #e5e5e5;width:312px; border-left:solid 1px #fff}

.box{ width:309px; float: left; display: inline; border-right:solid 1px #e5e5e5; border-left:solid 1px #fff ; margin-right:1px; height:196px;}
.box a img{display: block;}
.box a {display: block; margin:0 auto; width:294px;  margin-top:8px}
.box .link{padding-left:10px;width:294px; padding-top:10px}
.box .link p{font-size: 14px; font-weight: bold; color:#343434}
.box .link a{background:url(../images/arr.gif); width:20px; height:20px; float:right; display: inline; text-indent: -4000px; font-size: 0 ; line-height:0; margin:0}

.post{height:58px; border-bottom:solid 1px #e5e5e5; padding-top:10px; font-size:11px; line-height:15px;}
.post p{ line-height:14px; color:#999; padding-top:7px;}
.post img{float: left; display: inline; border:solid 1px #e5e5e5; padding:3px; background:#fff; margin-right:8px; }

/* Footer */
#footer{background:url(../images/ftr.gif) repeat-x; height:53px; color:#fff; }
#footer p{margin:0 0 0 auto; width:225px; font-size: 9px; line-height:53px}
#footer ul{list-style-type: none; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; display: inline;}
#footer li{float:left; display: inline;}
#footer li a{float:left; display: inline; color:#fff; margin-right:16px; line-height:12px; padding-top:20px; font-weight: bold; font-size: 0.8em; font-family:Helvetica, Arial, sans-serif; }

/* Menu */
#menu, #menu ul, #menu li{
padding:0;
margin:0;
} 

#menu li{
list-style: none;
position: relative;
width:160px;
height: 20px;
padding:0 15px;
background-color: transparent;
line-height: 20px;
cursor:pointer;
display: inline-block;
} 

#menu li a{
text-decoration:none;
color: red;
} 

#menu li:hover{
background-color:white;
}

#menu ul ul{
position: absolute;
top: 0px;
left:175px;
visibility:hidden;
} 

#menu ul li:hover ul{
visibility:visible;
}