/* NIPSA CSS */

/* body attributes */
html { padding: 0; margin: 0; }
body { margin: 0; padding: 0; font: 75% arial, verdana, helvetica, sans-serif; color: #363636; background: #e5e4e4; height: 100%; text-align: center; }
img { border: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
a, a:visited { color: #ef2635; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
.hlight_right { color: #ef2635; float: right; }
a.underline { text-decoration: underline; }

/* Page */
#pageholder, #page_inner { width: 960px; margin: 0 auto; padding: 0 10px; background: #fff; border-bottom: 20px solid #e5e4e4; }


/* Top */
#top { height: 89px; margin: 0; padding: 0; font-size: 110%; background: #fff; }

#top h1 img { padding: 16px 0 0 0; float: left; }
#top p { font-size: 70%; text-align: right; margin: 6px 10px 0 0; line-height: 26px; float: right; }
#top p a.textSml { font-size: 80%; }
#top p a.textMed { font-size: 100%; }
#top p a.textLrg { font-size: 120%; }
#top p span.searchfont { font-size: 130%; }
#top p .searchbox { background: #dad6d5; border: 0; width: 145px; height: 18px; }
#top p .searchbtn { color: #fff; border: none; margin: 0; padding: 0; cursor: pointer; background: url(/App_Themes/NIPSA/images/btn_search.gif) no-repeat; width: 60px; height: 20px; }

/* Top Bar */
#topnav { width: 960px; height: 27px; clear: both; margin: 0 auto; padding: 0; text-align: left; background: url(/App_Themes/NIPSA/images/bg_topnav.gif) repeat-x bottom left; }
#topnav ul { list-style: none; margin: 0; padding: 0; }
#topnav li { margin: 0 2px 0 0; padding: 0; display: inline; background: none; float: left; background: url(/App_Themes/NIPSA/images/tab_left.gif) no-repeat; }
#topnav li a { color: #e2eaf2; background: none; margin: 0; padding: 4px 15px 5px 15px; float: left; background: url(/App_Themes/NIPSA/images/tab_right.gif) no-repeat 100% 0%; }

#topnav li.active { margin: 0 2px 0 0; padding: 0; display: inline; background: url(/App_Themes/NIPSA/images/tab_left.gif) no-repeat; float: left; }
#topnav li:hover, #topnav li.CMSTreeMenuSelectedItem { margin: 0 2px 0 0; padding: 0; display: inline; background: url(/App_Themes/NIPSA/images/tab_left2.gif) no-repeat; float: left; }
#topnav li.active a { color: #fff; background: url(/App_Themes/NIPSA/images/tab_right.gif) no-repeat 100% 0%; margin: 0; padding: 4px 15px 5px 15px; float: left; text-decoration: none; }
#topnav li a:hover, #topnav li .CMSTreeMenuSelectedLink { color: #fff; background: url(/App_Themes/NIPSA/images/tab_right2.gif) no-repeat 100% 0%; margin: 0; padding: 4px 15px 5px 15px; float: left; text-decoration: none; }
#topnav li a:hover { _color: #fff; _background: none; }
#topnav li.active a:hover { _color: #6ba0cd; }

/* Home content */
#home01 { width: 470px; float: left; padding: 8px 0 0 0; margin: 0 0 10px 0; text-align: left; }
#home01 a { font-size: 115%; }
#home01 p.largelink, #home02 p.largelink { margin: 212px 0 0 0; padding: 0; }
#home01 p.largelink { font-size: 125%; }
#home01 strong { line-height: 20px; }
#home01 span { margin: 0; padding: 0; height: 20px; background: url(/App_Themes/NIPSA/images/hr.gif) repeat-x 50%; display: block; }
#home01 hr, #home01 p { width: 97%; }

#home02 { width: 484px; float: right; margin: 0 0 10px 0; padding: 8px 0 7px 0; background: #f5f5f5; text-align: left; position: relative; }
.home_mainImg, #container img.banner { border-bottom: 6px solid #EF2635; padding-bottom: 1px; margin-bottom: 10px; }
#home02left { width: 275px; margin: 0 9px 0 5px; padding: 0; float: left; display: inline; }
#home01 img, #home02 img { margin: 0 0 10px 0; padding: 0 0 1px 0; border-bottom: 6px solid #EF2635; position: absolute; }
#home01 h2, #home02 h2 { background: #000; float: left; filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; margin: 149px 0 0 0; padding: 6px; font-size: 160%; font-weight: normal; color: #fff; z-index: 100; position: absolute; }
html > body #home01 h2, html > body #home02 h2 { margin: 148px 0 0 0; }
/* Firefox hack */
html > body #home01 h2, html > body #home02 h2 { *margin:149px000;}/* IE7 hack */
#home01 h2 { width: 457px; }
#home02 h2 { width: 263px; }

#home01 h2 a { color: #fff; font-size: 100%; }
#home02 h2 a { color: #fff; }

#newRelease { position: absolute; top: 8px; width: 280px; }
#newRelease ul { position: relative; top: 200px; }
#campaigns { position: absolute; top: 500px; width: 280px; }
#campaigns p { position: relative; top: 0; }


/* Left & Right */
#rightmenu { width: 189px; margin: 0; padding: 10px 6px 10px 5px; float: right; display: inline; text-align: left; background: #f5f5f5; position: relative; min-width: 0; }
#home02 #rightmenu { padding: 0 6px 0 0; }
#rightmenu p { position: relative; min-width: 0; }
#rightmenu h3 { width: 179px; height: 23px; padding: 8px 0 2px 10px; font-size: 110%; font-weight: normal; margin: 0; color: #fff; background: url(/App_Themes/NIPSA/images/h3_right.gif) no-repeat; }
#rightmenu ul { border-left: 1px solid #ef2635; border-right: 1px solid #ef2635; border-bottom: 1px solid #ef2635; margin: 0 0 10px 0; padding: 5px 10px 15px 10px; list-style: none; font-size: 110%; background: #fff; position: relative; min-width: 0; }
#leftmenu ul { margin: 0 0 10px 0; padding: 5px 10px 15px 10px; list-style: none; font-size: 110%; background: #fff; position: relative; min-width: 0; }
#rightmenu li, #leftmenu li { margin: 0; padding: 0; background: url(/App_Themes/NIPSA/images/li_rightbot.gif) repeat-x bottom left; }
#rightmenu li a, #leftmenu a { margin: 0; padding: 7px 18px 7px 0; background: url(/App_Themes/NIPSA/images/li_rightarrow.gif) no-repeat right 7px; display: block; _display: inline-block; width: 142px; }
#rightmenu li a:hover, #leftmenu a:hover, #leftmenu a.active { text-decoration: none; background: url(/App_Themes/NIPSA/images/li_rightarrow02.gif) no-repeat 100% 7px; color: #363636; }
#leftmenu a.active { font-weight: bold; }
#leftmenu span { display: none; margin: 0; float: left; }

#leftmenu ul li ul { margin: 0 -10px 5px -10px; padding: 5px 0; font-size: 80%; background: #f3f3f3 url(/App_Themes/NIPSA/images/li_rightbot.gif) repeat-x top left; border-bottom: 1px solid #ccc; }
#leftmenu li ul li { margin: 0; padding: 0; background: none; }
#leftmenu ul li ul li .CMSTreeMenuLink { margin: 0; padding: 7px 10px; background: none; display: block; color: #363636; width: 160px; }
#leftmenu ul li ul li a:hover { text-decoration: underline; background: none; }

#home02 #rightmenu img { position: relative; border: none; margin: 0; padding: 0; }
#rightmenu a.linkbg { display: block; cursor: pointer; font-size: 120%; margin: 0 0 5px 0; padding: 7px 10px; color: #ef2635; background: url(/App_Themes/NIPSA/images/home_rightlinkbg.gif) no-repeat; }
#rightmenu a.redbg { display: block; cursor: pointer; font-size: 120%; margin: 0 0 5px 0; padding: 7px 10px; color: #fff; background: url(/App_Themes/NIPSA/images/home_rightredbg.gif) no-repeat; }
#rightmenu a.membg { display: block; cursor: pointer; font-size: 120%; margin: 0 0 5px 0; padding: 12px 10px 22px 10px; color: #fff; background: url(/App_Themes/NIPSA/images/home_rightmembg.gif) no-repeat; }
#rightmenu a.membg span { font-size: 75%; }
#rightmenu a.orangeBk { display: block; background: #ea6d23; padding: 10px; text-align: center; }


#home02 #home02left h3 { margin: 5px 0; padding: 0; font-size: 140%; font-weight: normal; }
#home02 #home02left ul { list-style: none; margin: 0; padding: 0; }
#home02 #home02left li { margin: 0 0 0 10px; padding: 5px 0 5px 12px; background: url(/App_Themes/NIPSA/images/li_arrow.gif) no-repeat 0 8px; }

/* Inner */
#container { width: 756px; float: left; text-align: left; margin: 8px 0 0 0; }
#leftmenu { width: 180px; float: left; margin: 0 20px 0 0; padding: 0; display: inline; }

#leftmenu h3 { height: 19px; margin: 0; padding: 10px 10px 19px 0; font-size: 130%; color: #ef2635; border-bottom: 1px solid #ccc; font-size: 160%; font-weight: normal; }

#content { width: 550px; float: left; overflow: hidden; }
#contentLarge { width: 730px; float: left; overflow: hidden; }
#content p, #home p, #contentLarge p { font-weight: normal; text-decoration: none; margin: 10px 0; padding: 0; line-height: 140%; }
#content h2, #contentLarge h2 { color: #ef2635; font-size: 160%; font-weight: normal; margin: 10px 0; border-bottom: 1px solid #ccc; padding: 0; }
#content h3, #contentLarge h3 { color: #ef2635; font-size: 130%; font-weight: bold; margin: 20px 0 10px 0; padding: 0; }
#content ul, #contentLarge ul { list-style: none; margin: 5px 0 5px 20px; padding: 0; }
#content li, #contentLarge li { background: url(/App_Themes/NIPSA/images/bullet.gif) no-repeat 0 9px; padding: 5px 20px 5px 20px; margin: 0; }

#content img, #contentLarge img { padding: 1px; }
#content img.left, #contentLarge img.left { margin: 5px 10px 0 0; }
#content img.right, #contentLarge.right { margin: 5px 0 0 10px; }


#content #selector .box, #contentLarge #selector .box { background-color: #f5f5f5; border: 1px solid #DBE9E4; margin: 5px 2px 5px 0; padding: 3px; }

#content .newsItem img { float: right; margin-left: 10px; }
#content .newsItem .previewContainer, #content .newsItem .previewContainer p { margin-bottom: 0px; width: 450px; }

.imgNewsDefault { float: right; margin: 0 0 5px 10px; }

#content form, #contentLarge form { margin: 20px 0; padding: 10px 20px 15px 20px; border: 1px solid #ccc; background: #f5f5f5; }

/* Lighbox Gallery */
#LightboxGallery .imgContainer {text-align:center; margin:8px; border: 2px solid #01608d; padding: 0px; width:100px; height:100px; float:left; overflow:hidden; }
#LightboxGallery img {border:0; padding:0; }

/* Tables */
table.tabstyle { border: 1px solid #ccc; border-collapse: collapse; width: 100%; }
table.tabstyle th { padding: 5px; background: #ef2635; color: #fff; border: 1px solid #ef2635; }
table.tabstyle td { padding: 5px; border: 1px solid #ccc; }
table.tabstyle .alt { background: #f5f5f5; }

/* footer */
#footer { width: 980px; height: 52px; padding: 0; margin: 0 -10px; background: url(/App_Themes/NIPSA/images/bg_footer.gif) repeat-x; text-align: left; font-size: 90%; }
#footer p { padding: 18px 10px; }
#footer span { color: #ef2635; font-weight: bold; }

/* Bespoke Template Content Elements */
select, .txtInput { background: #fff; text-decoration: none; border: 1px solid #9d9e9f; margin: 0 0 0 2px; }
.long {width:600px}
.btn_submit, .FormButton, .CMSSearchDialogSearchButton { color: #fff; border: none; background: url(/App_Themes/NIPSA/images/btn_submit.gif) no-repeat; width: 60px; height: 21px; margin: 0 0 0 2px; cursor: pointer; }

#content div.search, #contentLarge div.search { background: #E7E4E4 none repeat scroll 0 0; border: 1px solid #E9E9E9; margin-bottom: 20px; padding: 20px 10px; }

form span.block { display: block; margin: 10px 0; }
form span.block label { width: 120px; display: block; float: left; clear: left; text-align: left; margin: 0; padding: 3px 5px 0 0; font-weight: bold; }