/* CSS Document */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inline;
vertical-align: middle;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
display: block;
}
body
{
line-height: 1;
}
ol, ul
{
list-style: none;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: '';
content: none;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
@media only screen and (min-width: 240px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:80px;}
div.space5 { height:10px; display:inline!important;}
div.sep { width:80%; background:#00ba01; height:2px;}
div.sep1 { width:80%; background:#333333; height:2px; margin:20px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:80%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:80%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:100%; margin:0 auto;}
div.logo { display:none!important;}
div.mlogo { float:right; display:inherit!important; width:80%;}
div.mlogo img { width:80%; margin:0 auto;}
div.socialmedia { display:none!important;}
div.mobilemenu { float:left; display:inherit!important; width:20%;}
div.menu { display:none!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:96%; margin:0 auto;}
div.rightcontent { width:96%; margin:0 auto;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:48%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:4%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:none!important;}
div.mobilefooter { display:inherit!important; padding:6px;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:98%; margin:0 auto}
div.top2 { width:50%; float:right; display:none!important;}
div.photosactivities { width:98%; margin:0 auto;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:98%; margin:0 auto}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:48%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:98%; margin:1%;}
div.column2 iframe { width:100%!important; height:auto!important;}
}
/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.spac4 { height:80px;}
div.space5 { height:10px; display:inline!important;}
div.sep { width:80%; background:#00ba01; height:2px;}
div.sep1 { width:80%; background:#333333; height:2px; margin:20px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:80%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:80%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:100%; margin:0 auto;}
div.logo { display:none!important;}
div.mlogo { float:right; display:inherit!important; width:80%;}
div.mlogo img { width:80%; margin:0 auto;}
div.socialmedia { display:none!important;}
div.mobilemenu { float:left; display:inherit!important; width:20%;}
div.menu { display:none!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:96%; margin:0 auto;}
div.rightcontent { width:96%; margin:0 auto;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:48%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:4%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:none!important;}
div.mobilefooter { display:inherit!important; padding:6px;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:98%; margin:0 auto}
div.top2 { width:50%; float:right; display:none!important;}
div.photosactivities { width:98%; margin:0 auto;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:98%; margin:0 auto}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:48%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:98%; margin:1%;}
div.column2 iframe { width:100%!important; height:auto!important;}
}
/* MOBILE PORTRAIT */
@media only screen and (min-width: 340px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:80px;}
div.space5 { height:50px; display:inline!important;}
div.sep { width:80%; background:#00ba01; height:2px;}
div.sep1 { width:80%; background:#333333; height:2px; margin:20px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:80%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:80%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:100%; margin:0 auto;}
div.logo { display:none!important;}
div.mlogo { float:right; display:inherit!important; width:80%;}
div.mlogo img { width:80%; margin:0 auto;}
div.socialmedia { display:none!important;}
div.mobilemenu { float:left; display:inherit!important; width:20%;}
div.menu { display:none!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:96%; margin:0 auto;}
div.rightcontent { width:96%; margin:0 auto;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:48%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:4%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:none!important;}
div.mobilefooter { display:inherit!important; padding:6px;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:98%; margin:0 auto}
div.top2 { width:50%; float:right; display:none!important;}
div.photosactivities { width:98%; margin:0 auto;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:98%; margin:0 auto}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:48%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:98%; margin:1%;}
div.column2 iframe { width:100%!important; height:auto!important;}
}
/* MOBILE PORTRAIT */
@media only screen and (min-width: 450px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:80px;}
div.space5 { height:50px; display:inline!important;}
div.sep { width:80%; background:#00ba01; height:2px;}
div.sep1 { width:80%; background:#333333; height:2px; margin:20px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:80%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:80%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:100%; margin:0 auto;}
div.logo { display:none!important;}
div.mlogo { float:right; display:inherit!important; width:80%;}
div.mlogo img { width:80%; margin:0 auto;}
div.socialmedia { display:none!important;}
div.mobilemenu { float:left; display:inherit!important; width:20%;}
div.menu { display:none!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:96%; margin:0 auto;}
div.rightcontent { width:96%; margin:0 auto;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:48%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:1%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:none!important;}
div.mobilefooter { display:inherit!important; padding:6px;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:50%; float:left;}
div.top2 { width:50%; float:right; display:inherit!important;}
div.photosactivities { width:98%; margin:0 auto;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:98%; margin:0 auto}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:48%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:98%; margin:1%;}
div.column2 iframe { width:100%!important; height:auto!important;}
}
/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:80px;}
div.space5 { height:50px; display:inline!important;}
div.sep { width:80%; background:#00ba01; height:2px;}
div.sep1 { width:80%; background:#333333; height:2px; margin:30px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:80%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:80%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:100%; margin:0 auto;}
div.logo { display:none!important;}
div.mlogo { float:right; display:inherit!important; width:80%;}
div.mlogo img { width:80%; margin:0 auto;}
div.socialmedia { display:none!important;}
div.mobilemenu { float:left; display:inherit!important; width:20%;}
div.menu { display:none!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:74%; float:left;}
div.rightcontent { width:24%; float:right; margin-left:10px;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:31.33%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:1%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:none!important;}
div.mobilefooter { display:inherit!important; padding:6px;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:50%; float:left;}
div.top2 { width:50%; float:right; display:inherit!important;}
div.photosactivities { width:50%; float:left; margin:10px;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:50%; float:right; margin:10px;}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:23%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:98%; margin:1%;}
div.column2 iframe { width:100%!important; height:auto!important;}
}
@media only screen and (min-width: 600px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:80px;}
div.space5 { height:50px; display:inline!important;}
div.sep { width:70%; background:#00ba01; height:2px;}
div.sep1 { width:70%; background:#333333; height:2px; margin:30px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:70%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:70%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:100%; margin:0 auto;}
div.logo { display:none!important;}
div.mlogo { float:right; display:inherit!important; width:80%;}
div.mlogo img { width:80%; margin:0 auto;}
div.socialmedia { display:none!important;}
div.mobilemenu { float:left; display:inherit!important; width:20%;}
div.menu { display:none!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:74%; float:left;}
div.rightcontent { width:24%; float:right; margin-left:10px;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:31.33%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:4%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:inherit!important; padding:8px;}
div.mobilefooter { display:none!important;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:50%; float:left;}
div.top2 { width:50%; float:right; display:inherit!important;}
div.photosactivities { width:40%; float:left; margin:10px;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:40%; float:right; margin:10px;}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:23%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:48%; margin:1%; float:left}
div.column2 iframe { width:100%!important; height:auto!important;}
}
/* TABLET/NETBOOK */
@media only screen and (min-width: 768px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:109px;}
div.space5 { height:100px; display:inline!important;}
div.sep { width:70%; background:#00ba01; height:2px;}
div.sep1 { width:70%; background:#333333; height:2px; margin:40px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:60%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:60%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:100%; margin:0 auto;}
div.logo { width:100%; display:inherit!important; margin:0 auto;}
div.mlogo { display:none!important;}
div.socialmedia { float:right; display:inherit!important;}
div.mobilemenu { display:none!important;}
div.menu { width:100%; margin:0 auto; background:#2b2e31; display:inherit!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:74%; float:left;}
div.rightcontent { width:24%; float:right; margin-left:10px;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:23%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:4%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:inherit!important; padding:8px;}
div.mobilefooter { display:none!important;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:50%; float:left;}
div.top2 { width:50%; float:right; display:inherit!important;}
div.photosactivities { width:40%; float:left; margin:10px;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:40%; float:right; margin:10px;}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:18%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:48%; margin:1%; float:left}
div.column2 iframe { width:100%!important; height:auto!important;}
}
/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:109px;}
div.space5 { height:100px; display:inline!important;}
div.sep { width:60%; background:#00ba01; height:2px;}
div.sep1 { width:60%; background:#333333; height:2px; margin:40px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:60%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:60%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:1024px; margin:0 auto;}
div.logo { width:100%; display:inherit!important; margin:0 auto;}
div.mlogo { display:none!important;}
div.socialmedia { float:right; display:inherit!important;}
div.mobilemenu { display:none!important;}
div.menu { width:100%; margin:0 auto; background:#2b2e31; display:inherit!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:75%; float:left;}
div.rightcontent { width:24%; float:right; margin-left:10px;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:23%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:4%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:inherit!important; padding:8px;}
div.mobilefooter { display:none!important;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:50%; float:left;}
div.top2 { width:50%; float:right; display:inherit!important;}
div.photosactivities { width:30%; float:left; margin:10px;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:30%; float:right; margin:10px;}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:18%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:48%; margin:1%; float:left}
div.column2 iframe { width:100%!important; height:auto!important;}
}
@media only screen and (min-width: 1280px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:109px;}
div.space5 { height:100px; display:inline!important;}
div.sep { width:50%; background:#00ba01; height:2px;}
div.sep1 { width:50%; background:#333333; height:2px; margin:40px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:40%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:40%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:1024px; margin:0 auto;}
div.logo { width:100%; display:inherit!important; margin:0 auto;}
div.mlogo { display:none!important;}
div.socialmedia { float:right; display:inherit!important;}
div.mobilemenu { display:none!important;}
div.menu { width:100%; margin:0 auto; background:#2b2e31; display:inherit!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:75%; float:left;}
div.rightcontent { width:24%; float:right; margin-left:10px;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:23%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:4%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:inherit!important; padding:8px;}
div.mobilefooter { display:none!important;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:50%; float:left;}
div.top2 { width:50%; float:right; display:inherit!important;}
div.photosactivities { width:30%; float:left; margin:10px;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:30%; float:right; margin:10px;}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:18%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:48%; margin:1%; float:left}
div.column2 iframe { width:100%!important; height:auto!important;}
}
/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px)
{
body { background:#fff;}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:30px;}
div.space4 { height:109px;}
div.space5 { height:100px; display:inline!important;}
div.sep { width:50%; background:#00ba01; height:2px;}
div.sep1 { width:50%; background:#333333; height:2px; margin:40px 0;}
div.sep2 { width:100%; background:#CCCCCC; height:2px; margin:10px 0;}
div.sep3 { width:40%; background:#006699; height:2px; margin:10px 0;}
div.sep4 { width:40%; background:#f80698; height:2px; margin:10px 0;}
div.container { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;}
div.wraper { width:1024px; margin:0 auto;}
div.logo { width:100%; display:inherit!important; margin:0 auto;}
div.mlogo { display:none!important;}
div.socialmedia { float:right; display:inherit!important;}
div.mobilemenu { display:none!important;}
div.menu { width:100%; margin:0 auto; background:#2b2e31; display:inherit!important;}
div.banner { width:100%; margin:0 auto;}
div.banner img { width:100%!important; height:auto!important;}
div.leftcontent { width:75%; float:left;}
div.rightcontent { width:24%; float:right; margin-left:10px;}
div.orangetitlebar { width:100%; margin: 0; background:#ffa727; padding:8px;}
div.redtitlebar { width:100%; margin: 0; background:#d40000; padding:8px;}
div.activitiesbox { width:23%; margin:1%; float:left; padding:1%;}
div.activitiesbox img { width:100%!important; height:auto!important;}
div.box1 { width:90%; margin:0 auto;}
div.box1 img { width:80%!important; height:auto!important;}
div.box2 { width:90%; margin:0 auto;}
div.box2 img { width:50%!important; height:auto!important; float:left;}
div.highlightedbox { width:96%; margin:0 auto; background:#f7ff7d; padding:4% 2%;}
div.rightpanelads { width:100%; margin:0 auto;}
div.rightpanelads img { width:100%!important; height:auto!important;}
div.committeebox { width:21%; margin:4%; float:left;}
div.committeebox img { width:100%!important; height:auto!important;}
div.bottomads { width:100%; margin:0 auto;}
div.bottomads img { width:100%!important; height:auto!important;}
div.footer { width:100%; margin:0 auto; background:#1c1c1c;}
div.footer1 { display:inherit!important; padding:8px;}
div.mobilefooter { display:none!important;}
div.topbar { padding:5px; background:#26519e;}
div.top1 { width:50%; float:left;}
div.top2 { width:50%; float:right; display:inherit!important;}
div.photosactivities { width:30%; float:left; margin:10px;}
div.photosactivities img { width:100%!important; height:auto!important;}
div.photosactivities1 { width:30%; float:right; margin:10px;}
div.photosactivities1 img { width:100%!important; height:auto!important;}
div.photogallery { width:18%; float:left; margin:1%;}
div.photogallery img { width:100%!important; height:auto!important;}
div.column2 { width:48%; margin:1%; float:left}
div.column2 iframe { width:100%!important; height:auto!important;}
}
/* PRINT */
@media print
{
}