@import url("reset.css");

/* common styles ********************/

html, body { 
    font: 12px Verdana,Arial,sans-serif;
    line-height:185%;
    padding: 0px;
    margin: 0px;
    height:100%;
    text-align: left;
    background-color:#fff;
}

em { font-style:italic; }
h1, h2, h3, h4 { font-weight: normal; }

#nav, #header, #main, #footer { 
    width: 840px;
    margin: 0 auto;
    padding: 0;
    border:0px solid red;
}

.content-wide { 
    width: 840px;
    padding:0;
    border: 0px solid blue;
}

.content { 
    width: 540px;
    float:left;
    padding:0;
    border-right: 0px solid red;
}

.sidebar { 
    width: 260px;
    float:right;
    padding:0;
    border-left: 0px solid red;
}

.clear { 
    width: 0;
    height: 0;
    border: 0;
    clear: both;
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
}

.right {
    float:right;
}


/* nav styles ********************/

#nav-bg { 
    width:100%;
    background: #222 url(/media/images/backgrounds/nav.gif); 
    border-bottom: 1px solid #5E5E5E;
}

#nav { 
    height: 69px;
}
#menu {  
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#menu li { 
    display: block; 
    float: left; 
    margin-top: 44px;
}

#menu li a { 
    color:#ddd;
    padding-right:12px;
    border:none;
    text-decoration:none;
}

#menu li a.current { 
    text-decoration:underline;
}

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

#logo { float:right; font-size: 24px; color: #ddd; text-decoration:none; font-weight:bold; }
#logo img { border: 0px; }

/* header styles ********************/

#header-bg { 
    background: #444 url(/media/images/backgrounds/header-bg.gif) repeat center; 
    width: 100%;
    xheight: 330px;
    border-bottom: 3px solid #098BDD;
    color: #fff;
}

#header .content img {
    display:block;
    border:none;
    margin: 40px 0; 
} 

#header .content h1 {
    margin: 75px 0 20px; 
    font-size: 26px;
    font-weight:normal;
} 

#header .sidebar  {
    margin: 50px 0 40px; 
} 

#header .sidebar h1 {
    margin-bottom: 20px; 
    padding-left: 8px;
    font-size: 18px;
} 

#header .sidebar div {
    color: #ccc;
    padding-left: 8px;
} 

#header .sidebar strong {
    color: #fff;
    font-weight:bold;
} 

#header .sidebar a { 
    padding-top: 15px; 
    float:right;
    font-size:12px;
    color:#fff; 
    text-decoration:none;
}

#header .sidebar a:hover { 
    text-decoration:underline;
}

/* content styles ********************/

#main-bg {
    background: #fff;
}

#main  {
    padding: 5px 0 80px;
    color:#555;
} 

#main a { color:#47c; text-decoration:none;}
#main a:hover { text-decoration:underline;}

#main .content h1, #main .content-wide h1 {
    margin: 20px 0 15px; 
    font-size: 20px;
    font-weight:bold;
} 

#main .content h2 , #main .content-wide h2{
    padding: 10px 0 10px;
    font-size: 18px;
    font-weight:bold;
    color:#47c;
}

#main .content h3 , #main .content-wide h3{
    padding: 40px 0 5px;
    font-size: 18px;
    font-weight:bold;
    color:#47c;
}

#main .content h4, #main .content-wide h4 {
    padding: 20px 0 3px;
    font-size: 14px;
    font-weight:bold;
    color:#47c;
}
#main .content p.date, #main .content-wide p.date {
    padding-bottom: 5px ;
    font-size: 11px;
    color:#999;
}

#main .content p, #main .content-wide p {
    padding: 0 8px 20px 0;
    text-align:justify;
}

#main .content img.news-main-img {
    width:526px;
    height:255px;
}

#main .content div.feature {
    padding:15px 0 0 0;
    border-bottom:1px solid #ddd;
}

#main .content div.news-summary-left {
    float:left;
    width:220px;
    padding-bottom:5px;
}
#main .content div.news-summary-left img {
    float:left;
    width:215px;
    height:123px;
}

#main .content div.news-summary-right {
    float:right;
    text-align:left;
    width:280px;
}

#main .content div.news-summary-right p {
    padding-bottom:0;
    text-align:left;
}

#main .content div.news-summary-right h4 {
    padding-top:0;
}

#main .content img {
    display:block;
    xborder: 1px solid #ddd;
    padding: 4px;
}

#main .content p.more, #main .content-wide p.more {
    padding: 0 8px 12px 0;
    text-align:right;
    border-bottom: 1px solid #ddd;
}
#main .content p.more a, #main .content a.learn-more, #main .content-wide p.more a, #main .content-wide a.learn-more {
    padding-left: 10px;
    font-size: 11px;
    background: url(/media/images/layout/link-arrow-blue.gif) no-repeat left center;
}

#main .content .right, #main .content div.news-summary-right p.right {
    text-align:right;
}

#main .content .underline {
    border-bottom: 1px solid #ddd;
}

#main .content label {
    font-size:11px;
    color:#666;
    font-weight:bold;
    display:block;
}

#main .content input.security {
    border:1px solid #bbb;
    padding:4px 0 4px 6px;
    margin-top:10px;
    background:#fff;
    width:380px;
    float:right;
}

#main .content img.captcha {
    float:left;
    border: 1px solid #bbb;
    padding: 4px;
}

#main .content input.textbox, #main .content textarea.textbox {
    border:1px solid #bbb;
    padding:4px 0 4px 6px;
    background:#fff;
    width:524px;
}
#main .content textarea.textbox {
    overflow:auto;
    height:150px;
}
#main .content input.submit {
    width: 60px;
    padding-bottom:3px;
    float:right;
    height:25px;
    color: #fff;
    font-size:13px;
    border:1px solid #666;
    background: #222 url(/media/images/button-bg.gif) repeat-x left; 
}

#main .content ul, #main .content-wide ul {
    list-style-type:none;
}

#main .content ul li, #main .content-wide ul li {
    padding: 4px 0px 4px 15px;
    background: url(/media/images/layout/main-content-list-arrow.gif) no-repeat left center;
}

#main .content-wide div.grid{
    border-bottom:1px solid #ddd;
}
#main .content-wide div.grid-bottom  {
    border:none;
}

#main .content-wide div.grid div.cell {
    float:left;
}

#main .content-wide div.grid div.cell div {
    text-align:center;
    width:279px;
    height:142px;
    border-left:1px solid #ddd;
}

#main .content-wide div.grid div.cell-left div {
    border:none;
}

#main .content-wide div.grid div.cell div a, #main .content-wide div.grid div.cell-left div a {
    float:right;
    padding: 0 10px;
    margin: 0;
    z-index:10;
    font-size: 11px;
    background: url(/media/images/layout/link-arrow-blue.gif) no-repeat left center;

}

#main .content-wide div.grid div.cell div img, #main .content-wide div.grid div.cell-left div img {
    margin: 10px 0 -12px;
}

#main .content-wide div.terms  {
    padding-top: 25px;
}

#main .content-wide div.terms h3 {
    padding: 25px 0 10px 0;
    border-top:1px solid #ddd;
}

#main .sidebar  {
    width: 260px;
    font-size: 11px;
    padding-left: 20px;
    background: url(/media/images/backgrounds/main_seperator.gif) no-repeat left top;
}

#main .sidebar h1 {
    margin: 10px 0 15px 8px; 
    padding:0 0 20px 0;
    font-size: 18px;
    border-bottom:1px solid #ddd;
}

#main .sidebar h2 {
    margin: 20px 0 15px; 
    padding-left:8px;
    font-size: 18px;
}

#main .sidebar h3 {
    margin: 20px 0 2px; 
    font-size: 12px;
    font-weight:bold;
    color:#666;
}

#main .sidebar div.links a {
    display:block;
}

#main .sidebar div.links a span {
    padding-right:8px;
}

#main .sidebar ul {
    border-bottom:1px solid #ddd;
    margin: 30px 0 25px; 
    list-style-type:none;
}

#main .sidebar ul li {
    border-top:1px solid #ddd;
    padding: 4px 0px 4px 15px;
    background: url(/media/images/layout/main-side-list-arrow.gif) no-repeat left center;
}

#main .sidebar div {
    padding: 0 0 15px 8px;
    color: #666;
} 
#main .sidebar div p {
    margin-bottom: 10px;
} 
#main .sidebar div strong {
    color: #47c;
} 

#main .sidebar a.learn-more {
    display: block;
    font-weight:bold;
    padding: 5px 0 0 5px;
}

#main .sidebar h2.subscribe {
    border-top: 1px solid #ddd;
    padding: 15px 0 0 8px;
    margin: 40px 0 0 0;
} 

#subscribe-email {
    width: 182px;
    height:19px;
    float:left;
    font-size:11px;
    padding:4px 0 0 6px;
    border-top:1px solid #aaa;
    border-left:1px solid #aaa;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    background: #fff;
} 

#subscribe-submit {
    width: 60px;
    padding-bottom:3px;
    height:25px;
    float:left;
    color: #fff;
    font-size:13px;
    border:1px solid #666;
    background: #222 url(/media/images/button-bg.gif) repeat-x left; 
} 

#subscribe-msg, .error {
    display:block;
    font-weight:bold;
    margin:10px 0;
    color: red;
} 

.required {
    font-weight:bold;
    color: red;
} 

#contactus-legend {
    line-height:30px;
	margin-top:16px;
	padding-left:340px;
	border:1px solid red;
} 

/* footer styles ********************/

#footer-bg { 
    width:100%;
    background: #222 url(/media/images/backgrounds/nav.gif); 
}

#footer { 
    padding:10px 0;
    color:#ddd;
}

#footer .sidebar { 
    text-align:center;
}

#footer a { 
    color:#ddd;
    border:none;
    padding: 0 5px;
    text-decoration:none;
}

#footer a.current { 
    text-decoration:underline;
}

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